@media only screen and (max-width:1700px) {
/*col-xxl
 .hproduct-detail a{ width:90%;}	*/
 .HWpanel .am-img1{left: 4%; top: 15%;}
.p-l-20{padding-left:5%;}
}

@media only screen and (max-width:1200px) {
 /*Col-lg*/

.HWpanel-cont{width:50%; padding:30px;} 
.Product-panel{ width:48%; flex: 0 0 48%;}
.product-key-panel{overflow:hidden;}
.product-key-col2 img{ max-width:200%; height:auto; margin-left: -150px;}

}

@media only screen and (max-width:992px) {
/*Col-md  */
.header{padding-top:8px; padding-bottom:8px;}
.logo {text-align:center; padding:0 15px; display:flex;  flex: 1; }
.bannertext{width:100%; }
.product-wrapper .Product-panel{ width:48%!important; flex:0 0 48%; }
.HWpanel-left{width:81%; height: 450px; margin:auto; margin-bottom:20px;}
.HWpanel-mid{width:81%; margin:auto; margin-bottom:20px;}
.HWpanel-right{width:81%; height: 450px; margin:auto; margin-bottom:20px;}
.colreverse1{flex-direction: row-reverse;}
.plansection-row{ flex-wrap:wrap}
.plansection-box{ width:100%;}
.search-panel{top:59px;}
.search-row{justify-content:left;}
.search-row .inputsearch{flex: 0 0 calc(50% - 15px);}

.schedule-section{margin-top:30px;}
.schedule-box{flex: 0 0 50%;} 
.WCU-col {flex: 0 0 calc(50% - 25px);} 
.new-arrival-col {flex: 0 0 calc(33.33% - 20px);}
.col-reverse{flex-direction: column-reverse;}
.HWpanel .am-img1{left: 4%; top: 2%;}
.p-l-20{padding-left:22%;}
.blogpanel-col{flex: 0 0 50%; margin-bottom:20px;}
.WHD-section-col{flex: 0 0 calc(50% - 30px); margin-bottom:20px;}
.mobileviewimage{ width:100%; text-align:center; margin-bottom:20px;}
.home-contact .left-image {margin:-110px 45px 30px 0px;}
.home-contact .left-image img {height: 400px;width: auto;}

.product-row1{flex-wrap: wrap;}
.product-row1 .productcol {flex:0 0 calc(50% - 20px); margin-bottom: 50px;}
}

@media only screen and (max-width:767px)  {
/*Col-sm */
.sticky-header{ position:static; }
.logo{ text-align:center;padding-bottom:0px;}
.supportsection .container .row .col-xs-3{ width:50%;}
.banner h2{font-size:30px;}
.bannertext1,.bannertext2{padding-top:0px; padding-bottom:20px;}
.banner h3{margin-top:5px;}
.slide1,.slide2{ height:auto; float:left; padding:20px; padding-top:200px; padding-bottom:30px;}  
.hp-nav span{width:100%;}
.agent-section::after{display:none;}
.gallerytext{margin-bottom:35px;}
.new-arrival-col {flex: 0 0 calc(50% - 20px);}
.new-arrival{padding-top:0px;}
.footerpanel .container .row .col-12{ margin-bottom:25px;}
.banner .truck{ width:50%; height:auto;}
 
.banner p{width:100%;}
 
.WHD-section img,.WCU-section img{margin-bottom:30px;}
.footerpanel img{max-width:100%;}
.WHD-section-col{flex: 0 0 100%; margin-bottom:20px;}
 
.HWpanel img{max-width:100%; margin-bottom:25px;}

.about-row{flex-wrap: wrap;}
.about-col-left {flex:0 0 100%; margin-bottom:50px;}
.about-col-right {flex:0 0 100%;text-align: center;}

.product-row1 .productcol {flex:0 0 100%;}
.product-row2{flex-wrap: wrap;}
.product-row2 .product-colleft{flex: 0 0 100%; margin-bottom:30px;}
.product-row2 .product-colright{flex: 0 0 100%;}

.product-row3{flex-wrap: wrap;}
.product-row3 .product-colleft{flex: 0 0 100%;}
.product-row3 .product-colright{flex: 0 0 100%;}
.product-key-row{flex-wrap: wrap;} 
.product-key-col1{flex: 0 0 100%;}
.product-key-col2{flex: 0 0 100%;}
.product-key-col2 img{ max-width:100%; height:auto; margin-left: 0px;}

}
}

@media only screen and (max-width:575px) {
/*col */
.topsectionbox{display:block;}
.topsectionicon{width:100%!important;}
.topsection h2{text-align:center;}
.Product-panel{ width:48%;}
.hp-nav{flex-wrap:wrap; }
.hp-nav span{width:33.33%;}
.schedule-box{flex: 0 0 100%;} 
.WCU-col {flex: 0 0 100%;}
.new-arrival-col{flex: 0 0 100%;}
.blogpanel-col {flex: 0 0 100%; margin-bottom:20px;}

}
 
 
@media only screen and (max-width: 460px) {
.addonbox{min-height:130px;}	
.Product-panel{ width:98%!important; flex:0 0 98%!important; }
.HWpanel-cont{ padding:40px;}
}

@media only screen and (max-width:410px) {
.toplink ul{justify-content: center;}
.header{padding-top:12px;}
}
@media only screen and (max-width: 370px) {
.header{padding-top:20px;}
.supportsection .container .row .col-xs-3{ width:100%;}
.cart-panel{ width:100%;}
.hp-nav span{width:100%;}
.HWpanel img{width:auto;}
.toplink .container .row .col-6{ width:100%;}
.toplink p{text-align:center;}
.toplink .socialmediatop{text-align:center;}
}