@media screen and (max-width:1680px){
  .np-form__left.np-selectRoof__Lft{max-width:436px;padding-right:0;padding-left:2rem;}
  .np-selectRoofType .np-selectRoofTypeImg::before{width:150px;height:150px;}
  .np-selectRoofType .np-selectRoofTypeImg img{max-width: 80%;}
  .np-selectRoofTypesParent{height: 670px;}
  .np-form__left.np-selectColor__Lft{max-width:500px;padding-left:4rem;padding-right:0;}
  .np-selectRoofDisc{padding-right: 10px;}
  .np-backBtn.np-selectRoofBBtn{left: 40px;}
  .np-selectRoof.np-detail-page{margin-top:0px;}
  .np-selectRoofTypes__Color > li{width:calc(33.3% - 0px);}
  .np-selectRoofTypesColorParent{height: 270px;}
  .np-selectRoofTypesParent{height:450px;}
  .np-selectRoofType .np-selectRoofTypeImg{width:150px;height:150px;}


}
@media screen and (max-width:1600px){
  .np-form__BTxt-txt{padding-top:85px;padding-bottom:40px;}
  .np-form__form .np-form__field{margin-bottom:3px;}
  .np-selectRoofTypesParent{height: 370px;}
  .np-form__left.np-selectRoof__Lft{max-width:576px;padding-right:0;padding-left:5rem;}
  .np-selectRoofTypesColorParent{height: 245px;}
  .np-backBtn.np-selectRoofBBtn{left:80px;}
  .enqBtn a{padding:10px 20px;max-width:180px;}
  .commonBtn > .enqBtn{width:calc(50% - 30px);}
  .np-Btns,.commonBtn{margin-top:15px;}


}
@media screen and (max-width:1536px){
  .np-categorySec__list > div{width:calc(50% - 10px);}
  .np-categorySec{gap: 2rem;margin-top: 80px;}
  .np-form__BTxt-txt{font-size: clamp(2rem,1.4rem + 3vw,3.6875rem);}
}
@media screen and (max-width:1500px){
  .np-form__BTxt-txt{font-size: clamp(2rem, 1.4rem + 3vw, 3rem);}
  .np-form__left.np-selectRoof__Lft{max-width: 520px;}
  .np-form__form .np-form__field{margin-bottom:20px;}
  .np-form__left.np-selectRoof__Lft{padding-left: 3rem;}
  .np-backBtn.np-selectRoofBBtn{top: 125px;left: 50px;}
  .np-selectRoofSec{margin-top:75px;}
  .np-selectRoofType .np-selectRoofTypeImg{width:125px;height:125px;}
  .np-selectRoofType .np-selectRoofTypeImg img{max-width:90%;}
  .np-selectRoofTypesColorParent{height:210px;}

}
@media screen and (max-width:1400px){
  .np-form__left{padding-left: 8rem;width: 52%;}
  .np-form__BTxt-txt{font-size:5rem;font-size:clamp(2rem,1.4rem + 3vw,3rem);padding-top:100px;padding-bottom:20px;}
  .np-form__form input{padding: 16px;}
  .np-form__form button{padding: 10px 50px;}
  .np-categorySec__left{width: 100%;}
  .np-selectRoofType__title{font-size:var(--fs-18);}
  .np-backBtn.np-selectRoofBBtn{left: 78px;top: 130px;}
  .np-selectRoofSec{margin-top:50px;}
  .np-selectRoofTypesColorParent{height: 300px;}
  .np-selectRoofType .np-selectRoofTypeImg{width:125px;height:125px;}
  .np-selectRoof.np-detail-page{margin-top:40px;}
  .np-form__left.np-selectRoof__Lft{padding-right: 10px;}
  .enqBtn a{max-width: 175px;}
}
@media screen and (max-width:1366px){
  .np-form__left{width: 85%;}
  .np-categorySec__left{width: 100%;}
  .np-HcategorySec{margin-top:20px;}
  .np-selectRoofTypesParent{height:325px;}
  .np-selectRoofType .np-selectRoofTypeImg{width:100px;height:100px;}
  .np-selectRoofType .np-selectRoofTypeImg::before{width:100px;height:100px;}
  .np-selectRoofTypeColor{width:80px;height:80px;}
  .np-selectRoofTypeColor::before{width:80px;height:80px;}
  .np-selectRoofTypes__Color{gap:20px 0;}
  .np-selectRoofTypesColorParent{height:220px;}
  .btnFullScreen{right:80px;bottom:50px;}
  .btnZoomOut{right:70px;top:50px;}
  .btnZoomIn{right:170px;top:50px;}
  .btnZoomOutPop{right:70px;top:50px;}
  .btnZoomInPop{right:170px;top:50px;}
  .np-selectRoofDisc{padding-right:10px;}
  .enqBtn a{font-size: var(--fs-20);}
}
@media screen and (max-width:1300px){
  .np-form__left{width: 60%;}
  .np-form__form input{max-width: 340px;}
  .np-categorySec__left{width: 100%;}
  .np-selectRoofTypesParent{height:420px;}
  .np-form__left.np-selectRoof__Lft{padding-left: 2rem;}
  .np-backBtn.np-selectRoofBBtn{left:30px}
  .np-form__left.np-selectColor__Lft{padding-left: 2rem;}
  .np-selectRoofTypesColorParent{height:270px;}
  /* .np-selectRoofDisc{height: 210px;} */
}
@media screen and (max-width:1200px){}
@media screen and (max-width:1100px){
  .np-form__form input{max-width: 310px;}
  .np-form__left{padding-left:2rem;width: 65%;}
  .np-categorySec__left{width: 100%;padding-right: 1rem;}
  .np-backBtn{width: 5%;}
  .np-selectRoofSecParent{flex-direction: column;height: auto;gap: 2rem;}
  .np-form__left.np-selectRoof__Lft{width: 100%;max-width: 100%;}
  .np-selectRoofTypes > li{width:calc(33.3% - 0px);}
  .btnFullScreen{right:70px;bottom:60px;}
  .btnZoomOut{right: 65px;}
  .btnZoomIn{right: 165px;}
  .btnZoomOutPop{right: 65px;}
  .btnZoomInPop{right: 165px;}
  .np-form__left.np-selectColor__Lft{max-width: 300px;}
  .np-selectRoofTypes__Color li{width:calc(50% - 0px);}
  .np-section3{flex-direction:column;gap: 2rem;height: auto;}
  /* .np-selectRoofDisc{height:110px;} */
  .commonBtn{justify-content: flex-start;}
  .commonBtn > .enqBtn{width:calc(25% - 30px);}

}
@media screen and (max-width:1024px){
  .btnFullScreen{right:70px;bottom:250px;width: 7%;}
  .btnZoomOut{right: 65px;width: 7%;}
  .btnZoomIn{right: 165px;width: 7%;}
  .btnZoomOutPop{right: 65px;width: 7%;}
  .btnZoomInPop{right: 165px;width: 7%;}
  /* .np-selectRoofDisc{height:135px;} */

}
@media screen and (max-width:992px){
  .np-form__BTxt-txt{font-size: clamp(3rem,1.4rem + 3vw,2rem);}
  .np-section2{flex-direction:column-reverse;height:auto;gap: 1rem;padding-bottom: 5rem;}
  .np-form__left.np-selectColor__Lft{max-width:100%;width:100%;}
  .np-selectRoofTypes__Color li{width:calc(33.3% - 0px);}
  .btnFullScreen{bottom: 70px;}
  .np-form__logo{z-index: 11;}
  .np-backBtn.np-selectRoofBBtn{top: auto;bottom: 15px;}
  .np-selectRoof__Bimg{margin-top: 0;}
  .np-selectRoof__TitleTxt{font-size:var(--fs-32);width:55%;}
  .np-selectRoof{margin-top:0;}
  .np-selectRoofSec{margin-top:0;}
  .np-selectRoofTypesParent{height: auto;}
  .np-selectRoofTypes{display: block;}
  .np-selectRoofType .np-selectRoofTypeImg img{width:100%;}
  .np-HcategorySec{margin-top:0;}
  .np-section2.np-selectRoofColSecParent{justify-content:start;height: auto;}
  .np-selectRoofType.np-selectRoofColor.mobile h3{font-size: 24px;padding-top: 0;font-family:'Gotham-Bold';}
  .mfp-container{height: 30%;}
}
@media screen and (max-width:768px){
  .np-section1{flex-direction: column-reverse;gap: 2rem;height: auto;}
  .np-section2{height: auto;    padding-bottom: 5rem;padding-top: 2rem;}
  .np-section2.np-section-cat{height:auto;padding-bottom: 0;}
  .np-form__left{width: 100%;padding: 0rem 2rem 0  2rem ;}
  .np-section1 .np-form__left{width: 100%;padding: 0rem 2rem 2rem  2rem ;}
  .np-form__form input{max-width:435px;}
  .np-form__logo{width:45%;z-index: 11;margin-bottom: 1rem;}
  .np-selectRoof__TitleTxt{top:135px;}

  .np-categorySec{flex-direction:column;gap:2rem;margin-top: 40px;}
  .np-categorySec__list{gap:2rem;flex-direction: column;}
  .np-categorySec__list-txt h3{font-size:var(--fs-24);}
  .np-form__BTxt{width:100%;text-align:center;}
  .np-form__BTxt.np-catBTxt{text-align:start;}

  .np-form__BTxt-txt{padding-bottom: 0px;max-width: 100%;margin: 0 auto;padding-top: 0;}
  .np-form__form{margin-top:1rem;}
  .np-form__form input[type="text"]{max-width:100%;font-size:1.2rem;text-align:center;}
  .np-form__form .np-form__field{margin-bottom:10px;}
  .error_conInfo{bottom: -18px;}
  .np-form__form input[type="text"]::placeholder{text-align: center;}
  .np-categorySec__lists-imgs1{width:100%;}
  .np-categorySec__lists-imgs2{width:100%;}
  .np-categorySec__list-img1 img{width:100%;}
  .np-categorySec__list-img2 img{width:100%;}
  .np-categorySec__list > div{width:calc(100% - 10px);}
  .np-HcategorySec{flex-direction: column;gap: 2rem;}
  .np-HcategorySec__list-Imgs > li{width:calc(50% - 16px);}
  .np-backBtn{bottom:-70px;top:auto;width: 8%;}
  .np-form__BTxt-txt br:last-child{display: none;}
  /* .np-selectRoofDisc{height:140px;} */
  .np-popup{max-width: 720px;}
  .np-popupSide1{padding:30px 0 0 30px;}
  .np-popupTitle{margin-top:50px;line-height:38px;margin-bottom:60px;}
  .comC::before{width:60px;height:60px;}
  .comC img{width: 75%;}
  .np-popupShareLogo{gap: 2rem;}
  .error_conInfo{font-size:var(--fs-12);bottom:-15px;}
  .np-categorySec__list-img1{width:100%;}
  .np-HcategorySec__list-Img{width:100%;}
  .np-HcategorySec__list-Img > img{max-width:100%;width:100%;aspect-ratio:1/1;object-fit:cover;}
  .np-selectRoofColor{width: 80%;}
  .np-selectRoof__Bimg.np-selectColor__Bimg{margin-top:0;}
  .np-selectRoofTypesColorParent{height:auto;margin: 0;}
  .np-selectRoofTypes__Color{display:block;}
  .np-section3{flex-direction: column-reverse;}
  .on_mobile{display: block;}
  .downloadBtn span{display:none;}
  .downloadBtn{border-radius:50%;max-width:70px !important;max-height:70px !important;height:70px;width:70px;display:flex;justify-content:center;align-items:center;}
  .downloadBtn > img{display: block;width: 60%;}
  .enqBtn.desktop{display: none;}
  .enqBtn.mobile{display: block;}
  .shareBtn > span{display:none;}
  .shareBtn > img{display: block;width: 60%;}
  .shareBtn{border-radius:50%;max-width:70px !important;max-height:70px !important;height:70px;width:70px;display:flex;justify-content:center;align-items:center;}
  .np-selectRoof.np-detail-page{margin-bottom:100px;}
  .np-form__btn{text-align: center;}
  .np-selectRoof.np-detail-page{margin-top: 0;}
  .np-selectRoof.np-detail-page .np-selectRoofType__title{font-size:var(--fs-24);padding-top: 0;}
  .commonBtn > .enqBtn{width:calc(15% - 30px);}
  .enqBtn.enq-mob{width:max-content;}
  .commonBtn{align-items: center;}
  .np-form__logo.mobile{display:block;width:45%;margin-top:40px;margin-left:30px;margin-bottom:30px;}
  .np-form__logo.desktop{display: none;}
  .np-selectRoof__TitleTxt.np-selectRoof__TitleTxt1.mobile{margin-bottom:30px;margin-left:30px;display: block;}
  .np-selectRoof__TitleTxt.np-selectRoof__TitleTxt1.desktop{display: none;}
  .np-selectRoofSecParent{height: auto;}
  .np-selectRoofType.np-selectRoofColor.desktop{display:none;}
  .np-selectRoofType.np-selectRoofColor.mobile{display:flex;margin-left:30px;margin-bottom:30px;margin-top:0;}
  .np-form__logo_type.desktop{display: none;}
  .np-section2.np-section-type .np-form__logo_type.mobile{display: block;margin-bottom:30px;width: 45%;}
  .np-form__logo.mobile.home{position:absolute;top:0;left:0;width:35%;}
  .np-section3{gap: 0;}
  .np-popupSide img{height: 400px}
  .btnClose.Pop{bottom:20px;top:auto;right: 35px;}
  .np-HcategorySec__list{margin-top: 0;}
  .commonBtn > .enqBtn{width: calc(25% - 30px);}
}

@media screen and (max-width:600px){
  .btnFullScreen{width: 8%;}
  .btnZoomIn{width: 8%;top: 35px;}
  .btnZoomOut{width: 8%;top: 35px;}
  .btnZoomInPop{width: 8%;top: 35px;}
  .btnZoomOutPop{width: 8%;top: 35px;}
  .commonBtn > .enqBtn{width:calc(25% - 00px);}
  .np-popWrp{display:flex;flex-direction:column-reverse;}
  .np-popupSide1{width: 100%;}
  .np-popupSide{width: 100%;}
  .np-popup{max-width:500px;}
  .np-popupSide1{padding:30px 0 30px 30px;}
  .np-form__BTxt-txt{max-width: 65%;padding-top: 0;}
  .np-categorySec{margin-top: 0;}
  .np-HcategorySec{margin-top: 0;}
  .shareBtn{border-radius:50%;max-width:60px !important;max-height:60px !important;height:60px;width:60px;display:flex;justify-content:center;align-items:center;}
  .downloadBtn{border-radius:50%;max-width:60px !important;max-height:60px !important;height:60px;width:60px;display:flex;justify-content:center;align-items:center;}
  .downloadBtn > img{width: 100%;}
  .shareBtn > img{width: 100%;}
  .commonBtn{gap: 0;}
  .np-section4 .np-selectRoof__Bimg.np-selectColor__Bimg{margin-top: 0;}
  .np-section4 .np-selectRoofColor{top: 100px;}
  .np-selectRoof__TitleTxt.np-selectRoof__TitleTxt1{top:100px;}
  span#thank_you{font-size: var(--fs-16) !important;top: -5px;}
  .enqBtn a{width: 140px;}
  .commonBtn{align-items: center;}
  .enqBtn a{width:155px;}
  .np-form__form button{font-size: 16px;margin-top: 20px;padding: 10px 40px;}
  .np-form__form input[type="text"]{font-size: 1rem;}
  .np-form__BTxt-txt{line-height: 1.3;}
  .np-backBtn.np-selectRoofBBtn{left: 15px;}
}
@media screen and (max-width:500px){
  .np-categorySec__list{gap:2rem;}
  .np-categorySec__list-txt h3{font-size:var(--fs-20);}
  .np-categorySec__list-txt{margin-top:10px;}
  .np-HcategorySec__list-Imgs > li{width:calc(100% - 0px);}
  .np-backBtn{width: 10%;}
  .np-selectRoofTypes li{width:calc(50% - 0px);margin: 0 5px;}
  .np-selectRoofType .np-selectRoofTypeImg::before{width:100px;height:100px;}
  .np-selectRoofType .np-selectRoofTypeImg{width:100px;height:100px;}
  .btnFullScreen{width: 10%;}
  .btnZoomIn{width: 10%;top: 35px;right:85px;}
  .btnZoomOut{width: 10%;top: 35px;right: 30px;}
  .btnZoomInPop{width: 10%;top: 35px;right:85px;}
  .btnZoomOutPop{width: 10%;top: 35px;right: 30px;}
  .np-popup{max-width:400px;}
  .np-form__BTxt-txt{max-width: 77%;}
  .np-form__left{padding: 2rem 2rem 2rem 2rem;}
  .np-section1 .np-form__left{padding: 0rem 2rem 2rem 2rem;}
  .np-form__logo{top:20px;left:20px;}
  .np-HcategorySec__list-Imgs{display: block;}
  .np-selectRoof__TitleTxt{width: 68%;}
  .np-selectRoofType__title{font-size:var(--fs-12);}
  .btnFullScreen{ bottom: 20px;right: 30px;}
  .np-form__left.np-selectRoof__Lft{padding-left:1rem;}
  .np-backBtn{width:15%;}
  .np-form__form input[type="text"]{height: 2.5rem;}
  .btnClose.Pop img{width:70%;}
  .btnClose.Pop{right: -8px;}
  .commonBtn > .enqBtn{width: calc(50% - 30px);}
}
@media screen and (max-width:450px){
  .np-selectRoofTypes > li{width:calc(100% - 0px);}
  .np-popup{max-width:350px;}
  .np-form__BTxt-txt{max-width:100%;}
  .np-selectRoof__TitleTxt{width: 78%;}
  .np-form__BTxt-txt{font-size:32px;width: 54%;}
  .np-categorySec__list-txt{text-align:center;width:100%;}
  .error_conInfo{width:100%;text-align:center;}
  span#thank_you{width:100%;text-align:center;}
  .np-form__BTxt-txt.np-form__BTxt-txt-cat{margin: 0;}
  .np-section2.np-section-type{height: auto;}
  .np-backBtn{bottom: -100px;}
  .np-section2.np-section-type{flex-direction: inherit;}
  .np-form__BTxt.np-catBTxt .np-form__BTxt-txt{margin:0;width:70%;}
  .np-selectRoofTypesParent{margin-top: 0;}
  .np-selectRoof__Bimg.np-selectColor__Bimg{margin-top:0;}
  .np-popupLogo{display:none;}
  .np-popupTitle{margin-top: 0px;text-align: center;font-size: 28px;margin-bottom: 35px;}
  .np-popupSide1{padding:32px 45px 32px 45px;}
  .np-popupShareLogo{justify-content: center;}
  div#roofCopy h3{font-size:1rem;}
  span#valemailTo{font-size: var(--fs-12);}
  .emailSumit{padding:10px 30px;font-size:16px;}
  .comC::before{width:55px;height:55px;}
  .np-selectRoofDisc h3{font-size:14px;line-height:20px;}
  .np-selectRoofType .np-selectRoofTypeImg{width:80px;height:80px;}
  .np-selectRoof__TitleTxt.np-selectRoof__TitleTxt1.mobile{width: 65%;}
  .np-popupSide img{height:200px;}
  .commonBtn > .enqBtn{width: calc(50% - 0px);}
}
@media screen and (max-width:414px){
}
@media screen and (max-width:400px){
  .np-form__BTxt-txt{width: 60%;}
  .btnClose.Pop img{width:60%;}
  .btnClose.Pop{right:5px;padding-right:0;}
  .np-selectRoof__TitleTxt.np-selectRoof__TitleTxt1.mobile{width:70%;}


}
@media screen and (max-width:360px){
  .np-form__BTxt-txt{width: 70%;}
}