@media (max-width: 1600px) {
 
}/*1600*/

@media (max-width: 1366px) {
.desktop-ul li { padding: 1rem 1rem;      }
.desktop-ul li a { font-size: 1.5rem; line-height: 2.5rem;}
.aboheader{padding: 6rem 0;}
.contact-header{padding: 12rem 0;}
.door-box{padding: 5rem 4rem;}
}/*1366*/
@media (max-width: 1199px) {
.desktop-ul { margin-top: 1rem;}
.desktop-ul li {padding: 1rem .8rem;  }
.desktop-ul li a {font-size: 1.3rem; line-height: 2.3rem;  }
.inner-container{padding: 5rem 1rem;}
.desktop-ul li:last-child a{padding: .8rem 1.4rem;}
.inner-container li:last-child a{padding-left: 0;}
}/*1199*/
@media (max-width: 1024px) {
.certificaations-cont ul li{font-size: 2rem; line-height: 3rem;}
.footerlink h5 {  font-size: 1.4rem;   line-height: 2.6rem;}
.groupvision-box{padding: 9rem 6rem 5rem 50rem;}
.airfilter-text {  padding-left: 0;  }
.contact-header { padding: 8rem 0;  }
.address-sec{padding: 7rem 0;}
.address-box{height: 94%; padding: 4rem 3rem;}
.wheeler-text h3 {  font-size: 3rem; line-height: 4rem;}
.door-box { padding: 5rem 2rem;  }
.door-box h3 {font-size: 2rem;  line-height: 3rem;}
}/*1024*/
@media (max-width: 1000px) {
.desktop-menu {display: none;}   
.header{display: block;}
#cssmenu > ul > li > a{font-size: 1.4rem; line-height: 2.4rem; padding: 1.1rem .4rem;}
}/*1000*/
@media (max-width: 991px) {
html{font-size: 55%;}
#cssmenu .submenu-button{height: 41px;}
.scsbox img{width: 100%; max-width: 160px;}
.scsbox p{margin-bottom: 2rem;}
.csr-ul li::after{top: 8px;}
}/*991*/
@media (max-width: 768px) {
.button{top: 2px;}
.aboutright{padding-left: 0;}
.aboutright h3{font-size: 3rem; line-height: 4rem; margin-bottom: 1rem;}
.aboutright p { margin-bottom: 2rem;}
.homeslider01 .slider__item{ padding: 0 10px;}
.certificaations-cont ul{flex-wrap: wrap;}
.certificaations-cont ul li{width: 33.3%;}
.service-box{padding: 3rem 2rem;}
.groupvision-box {  padding: 6rem 4rem 6rem 40rem;  }
.door-box { padding: 2rem 2rem;  }
}/*768*/
@media (max-width: 650px) {
html{font-size: 50%;}
.button {position: absolute; top: 0;}
.about-indicators { bottom: 0;  }
.aboutright{padding-top: 2rem;}
.aboutus {  padding: 7rem 0; }
.mainlogo{text-align: center;}
.mainlogo img { width: 100%; max-width: 500px;  }
#cssmenu #head-mobile{padding: 19px;}
#cssmenu > ul > li > a{font-size: 1.6rem; line-height: 2.6rem;  padding: 1.2rem .4rem;}
.scsrow { margin-top: 3rem;  }
.intertor-heading h4 { margin-bottom: 0;  }
.footerlink02 { margin-left: 0;  }
.bottom-footer{margin-top: 2rem;}
.footerlogo-col p{margin: 2rem 0 1rem;}
.airfilter-text{padding-top: 3rem;}
.airfilter-text h5{margin: 1rem 0 0;}
/* footer menu */
.panel-menu{display: block;}
.footerlink .accordion01, .opportb-cont .accordion01{color: #fff; cursor: pointer; padding: 0;  width: 100%; border: none; text-align: left; outline: none;  font-size: 1.5rem; line-height: 2.6rem; transition: 0.4s; font-weight: 600; margin-bottom: 0; margin-top: 1rem; }
.footerlink .accordion01:after, .opportb-cont .accordion01:after { content: '\f078'; color: #fff;  font-weight: bold;  float: left;  margin-right: 7px; font-family: "Font Awesome 5 Free"; }
.footerlink .active01:after, .opportb-cont .active01:after {  content: "\f077"; font-family: "Font Awesome 5 Free"; }
.panel01{ padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.footerlink .panel01 li a{font-size: 1.6rem; line-height: 3rem; color: #fff; font-weight: 400;}
.accordion01{display: block;}
.footerlink h3{margin-top: 1rem; font-size: 1.6rem; line-height: 2.6rem; margin-bottom: 0;}
.footerul li a { font-size: 1.5rem;  line-height: 2.5rem;}
.footerlink .coolmp {  margin-top: 1rem;  }
.footerul li{padding: 0 0 0px 15px;}
/* end footer menu */
.about-headingtext h3 {  font-size: 3rem;  line-height: 4rem; margin: 2rem 0;}
.service-box{height: auto;  margin-bottom: 3rem;}
.vision-sec{padding: 6rem 0 }
.ourvalues{padding: 6rem 0;}
.service-box img{max-width: 100px;}
.groupvision-box{margin-top: 0; margin-bottom: 5rem; background:#001c27;padding: 4rem 3rem; border-radius: 10px;}
.main-heading .mb-50 br{display: none;}
.product-htext h3 { margin: 1rem 0;  }
.airfilter-text p:last-child{margin-bottom: 0;}
.product-htext h3 span{font-size: 1.8rem;    line-height: 2.8rem;}
.write-from{padding: 4rem;}
.contact-header {  padding: 5rem 0;  }
.felt-filter p { margin-bottom: 1rem;  }
.table-responsive .class-table th{font-size: 1.6rem; line-height: 2.6rem;}
.class-table th, .class-table td, .product-table tr td{font-size: 1.6rem; line-height: 2.6rem;}
.column-reverse{display: flex; flex-direction: column-reverse;}
.wheeler-text { padding-left: 0;}
.wheeler-text p{margin-bottom: 1.5rem;}
.wheelertwo-img { float: left;  }
.door-box{height: 90%;}
.interior-img{margin-bottom: 3rem; text-align: center;}
.disnone{display: none;}
.interiorimg-mp {  margin-top: 0;}
.mt-50 {padding-top: 3rem;  }
.mt-70 { margin-top: 3rem;  }
.airfilter-text h3, .write-heeading h3 { font-size: 2.5rem;  line-height: 3.5rem;}
.csr-ul li{padding-left: 1.5rem;}
.csr-ul li::after{width: 5px; height: 5px;}

}/*650*/
@media (max-width: 550px) {
.address-box {height: auto; }
.door-box {  padding: 5rem 2rem; max-width: 345px; margin: 0 auto; }
.door-box h3 br{display: none;}
.mt-60 { margin-top: 4rem;  }

}/*550*/
@media (max-width: 480px) {
.homeslider02 .slider__item{border-right: 0;}
.stones-box p {  height: auto;  }
}/*480*/
@media (max-width: 450px) {

}/*450*/
@media (max-width: 420px) {
#cssmenu ul ul li a{font-size: 13px;}
.certificaations-cont ul li {  width: 50%; }
.carousel-control-prev i, .carousel-control-next i{font-size: 2.5rem !important;}
.about-headingtext h3 { font-size: 2rem;   line-height: 3rem;}
.about-headingtext h4 {font-size: 1.8rem; line-height: 2.8rem; padding-bottom: .5rem;}
.about-headingtext h4::after{width: 70px;}
.about-headingtext img {max-width: 35px;}
.apply-btn .btn { width: 120px;  margin: 0 1rem 1rem 0;  }
}/*420*/
@media (max-width: 414px) {
.bottom-footer {flex-wrap: wrap;}
.bottom-footer p{margin: .7rem 1rem 0 0;}
.bottom-footer p:last-child{margin-bottom: 0;}

}/*414*/
@media (max-width: 380px) {
.aboutright h3 br{display: none;}
.groupvision-box h3 { font-size: 3rem;  line-height: 3rem;}
.main-heading h3{font-size: 2.7rem; line-height: 3.7rem;}
.injection-box h3{font-size: 2.4rem; line-height: 3.4rem; }
}/*380*/
@media (max-width: 360px) {
.apply-btn .btn {width: 110px; margin: 0 0 1rem 0; } 
}/*360*/
@media (max-width: 320px) {

}/*320*/