@media (max-width:1024px){.order-1{order:1}.order-2{order:2}:root{--h2: 24px;--h1: 24px;--h3: 21px;--h4: 21px}h3,h4{text-align:left}a.btn{margin:15px auto}.row{grid-gap:15px}.pr-3{padding:0 !important}header.mobile{display:flex}header.pc{display:none}header .menu-container{display:none}main{margin-top:64px}section{padding:50px 0px}footer{padding-top:50px;padding-bottom:0px}footer .social{margin-bottom:30px}footer .contact-information{padding:0px;padding-bottom:25px}footer .contact-information .info-block{border-right:none !important}footer .inner{gap:30px}footer .inner .footer-heading{text-align:center}footer .inner .logo-container{padding:0px !important;border-right:none !important;text-align:center;margin-bottom:20px}footer .inner .logo-container .callingno{justify-content:center}footer .inner .links-container{padding:0px;border-right:none !important;text-align:left}.breadcrumb{padding:25px 0px}.breadcrumb .right-img{display:none}.breadcrumb .inner{width:100%;text-align:center}.breadcrumb .inner ul{justify-content:center;margin:0px auto 10px}.cta-common .inner .left .call-wrapper{flex-direction:column;gap:20px}.about .items{gap:15px}.hero .logoicon{display:none}.hero .left{display:none}.hero .sub-heading{text-align:center;width:100%}.roofing-same .right h2{font-size:35px}.process .call-block{height:250px}.process .single-process .icon-wrapper{justify-content:center}.process .single-process .icon-wrapper span.material-icons{display:none}.about .img-container img{animation:none}.about .owner-wrapper{flex-direction:column;margin-bottom:20px}.about .items{gap:10px}.about .items .single-item .icon{flex-shrink:0}.roofing .left{height:215px}.guarantee .secondary-heading{border:3px solid #4cc501;text-align:center}.guarantee .secondary-heading svg{display:none}.guarantee .secondary-heading h3{margin:0}.learninghub .learn-tabs{margin-bottom:30px;margin-top:15px}.learninghub .learn-tabs .learn-tab p{font-size:12px;text-transform:capitalize}.roof-storm{padding:50px 15px}.roof-storm .bottom{gap:15px;flex-direction:column}.roof-storm .bottom .car-holder{width:90%;margin:0px auto}.roof-storm .bottom .car-holder svg{flex-shrink:0}.roof-storm .bottom .car-holder img{width:100%}.roof-storm .bottom .call-wrapper{gap:10px}.roof-storm .bottom .call-wrapper a h3{margin:0px}.financing .secondary-heading{text-align:center}.financing .img-container img{width:75%;margin:0px auto}.service-areas{padding:50px 15px}.service-areas h4{text-align:center}.service-areas .design{width:75%;margin:20px auto}.service-areas .items .item .icon{width:30px}.service-areas .items .item h4{font-size:16px}.testimonial .design{width:100%}.testimonial .icon-grid{margin-top:40px}.contact .img-container .inner h3{flex-direction:column}.serviceouter-two .inner{width:100%}.serviceouter-two .inner .service-tabs-content{max-height:1000px;min-height:550px}.serviceouter-two .inner .service-tabs{flex-direction:row}.serviceouter-three .img-container{margin-top:25px}.serviceinner-one .img-container{margin-bottom:30px}.serviceinner-two .img-container{margin-top:75px}.serviceinner-three .right .logo-box{width:300px}.serviceareaouter-two .inner{width:100%}.serviceareaouter-two .inner .inner-more{padding:15px}.serviceareaouter-three .items{flex-direction:column}.serviceareaouter-three .items h3{text-align:left}.serviceareainner-one .theme-heading{margin-bottom:50px}.serviceareainner-one .flex-part{display:grid;gap:3px;justify-items:start;justify-content:start}.serviceareainner-two .inner{padding:15px}.serviceareainner-three{padding-bottom:100px}.serviceareainner-three .design{width:100%}.serviceareainner-three .img-container{width:70%;margin:0px auto}.financing-two .right{padding:50px 15px}.financing-three .inner{padding:50px 15px}.instant-one h2{font-size:29px}.instant-two:before{height:100%}.instant-two .items{gap:50px}.instant-three{margin-top:0px}.insurance-one .img-container .icon{top:43%;left:35%}.insurance-two .inner .steps:before{right:35px;left:unset}.insurance-two .inner .steps .single-step{width:calc(100% - 90px);flex-direction:column;text-align:center;margin-bottom:30px}.insurance-two .inner .steps .single-step:nth-child(even){margin-right:auto;margin-left:unset}.insurance-two .inner .steps .single-step:nth-child(even):before{left:unset;right:0px}.insurance-two .inner .steps .single-step .icon{margin:0px auto}.insurance-two .inner .steps .single-step:before{width:60px;height:60px;border:10px solid var(--primary);right:0px;transform:translateX(110%);font-size:50px}.insurance-two .inner .steps .single-step h3{text-align:center}.insurance-three{padding-bottom:100px}.insurance-three .img-container{margin-left:5%;margin-top:30px;width:75%}.about-one h2{font-size:39px}.about-one .img-container{margin:25px 0px}.about-one .img-container .image-1{width:60%;left:0}.about-one .img-container .image-2{width:60%}.about-one .img-container .expe{top:unset;bottom:-35px;right:0px}.about-two .inner{padding:25px}.about-two .inner .design{width:100%}.about-three .design{width:100%}.about-three .img-container img{margin:0px auto}.about-three .img-container .expe{right:0px}.about-three .img-container .expe h3{text-align:center}.about-three .img-container .image-1{top:40%}.team-one .design{width:100%}.team-one a.btn{margin-bottom:25px}.team-three .members .item .content{transform:translateY(87%)}.doors-one:after{display:none}.doors-one .border-part{display:none}.doors-one .img-container img{height:385px;width:75%;text-align:center;margin:0 auto}.doors-two .img-container img{position:relative}.doors-two .overlap{top:0}.doors-two .car-part{height:420px}.doors-three{z-index:1;margin-top:0px;padding-top:50px}.doors-four .inner{grid-template-columns:100%}.doors-four .inner .left{padding:25px;text-align:center;background-size:cover;background-position:center;clip-path:none}.doors-four .inner .left img{width:60%}.doors-four .inner .right{clip-path:none;padding:25px;text-align:center;background-size:cover;background-position:center;margin-left:0}.doors-four .inner .right img{width:60%}.doors-five .inner{grid-template-columns:1fr}.doors-five .inner h4{text-align:center}.jameshardie-one .roofing-video{margin-top:50px}.banner-part-home{padding:15px 0}.banner-part-home .bg{background-size:cover}.banner-part-home .bg img.this-offer{display:none}.banner-part-home .bg .flex-part{gap:28px;align-items:center;padding-left:12px;flex-wrap:wrap;margin-top:20px}.banner-part-home .bg .flex-part:before{display:none}.banner-part-home .bg .flex-part .right h3,.banner-part-home .bg .flex-part left h3{font-weight:600;text-transform:capitalize;line-height:90%;font-size:40px}.banner-part-home .bg .flex-part2{padding-left:9px}.banner-part-home .bg h4{position:relative;top:2%}.banner-part-home .image-container:before{left:-9px}.subscribe-mmodal-content{width:90%}.window-two{padding-bottom:95px}.window-two .theme-heading h2.main-heading{font-size:37px;letter-spacing:4.26px}.window-two .theme-heading h2.main-heading span{font-size:42px}.window-two .box-part{margin-top:104px}.window-two .box-part .content-part{height:350px}.window-three .theme-heading h2{font-size:90px}.window-three h3.sub-heading-three{font-size:20px}.window-three .box-part{display:grid;grid-template-columns:100%;align-items:center;gap:0px;text-align:center;justify-items:center}.window-three .box-part .content{margin-top:-10px}.window-three .box-part .content h3{text-align:center}.siding-two .theme-heading h2{font-size:35.5px}.siding-two .theme-heading h2 span{font-size:45.213px}.siding-two .items{display:grid;grid-template-columns:1fr;gap:0}.siding-two .items .inner{flex-wrap:wrap}.siding-two .items .inner img{width:100%}.siding-three{padding:50px 0px 91px}.siding-three .theme-heading h2{font-size:39px}.siding-three .theme-heading h2 span{font-size:37px}.siding-three h3.sub-heading-top{font-size:22px}.siding-four .theme-heading h2{font-size:57px}.siding-four .theme-heading h2 span{font-size:43px}.siding-four .mobile-image{display:block;transform:rotate(89deg)}.siding-four .main-image{display:none}.siding-four .inner{grid-template-columns:100%}.siding-four .box-part h3{display:block;background:var(--primary);text-align:center;color:#fff;width:fit-content;padding:7px;margin:21px auto 0}.siding-four .box-part .image-container{display:flex;gap:2px;justify-items:center;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column-reverse}.siding-four .box-part .image-container.image-container2{display:flex;gap:2px;justify-items:center;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column}.siding-four .box-part .image-container.box-1,.siding-four .box-part .image-container.box-3{position:relative;left:0px}.siding-four .box-part .image-container.box2-2,.siding-four .box-part .image-container.box2-4{position:relative;left:0px}.siding-four img.main-image{width:100%}.siding-five img{width:100%}.siding-five h3{font-size:15.511px}.siding-five table tbody tr td{padding:12px 5px;font-size:16px;line-height:100%;font-weight:500}.siding-five table tbody tr td:nth-child(2){color:#FFF;text-align:center;font-family:Lato;font-size:12.489px;font-style:normal;font-weight:600;line-height:115%;text-transform:capitalize;background:#2D2D2D;border-bottom:1px solid #D4D4D4;border:0}}@media (min-width:1280px){section{padding:75px 0px}}@media (min-width:1200px) and (max-width:1350px){.doors-four .inner .right{margin-left:-60px}}@media (min-width:1351px) and (max-width:1500px){.doors-four .inner .right{margin-left:-66px}}@media (min-width:1500px) and (max-width:1920px){.doors-four .inner .right{margin-left:-91px}}@media (min-width:320px) and (max-width:385px){.doors-two .overlap .car-part{height:450px}}@media (min-width:385px) and (max-width:420px){.doors-two .overlap .car-part{height:485px}}@media (min-width:450px) and (max-width:800px){.doors-two .overlap .car-part{height:910px}}