@media only screen and (max-width:1400px) {
/*col-xxl
 .hproduct-detail a{ width:90%;}	*/
}

@media only screen and (max-width:1200px) {
 /*Col-lg*/
.HWpanel-img{width:50%;}
.HWpanel-img img{ width:100%; height:100%!important;}
.HWpanel-cont{width:50%; padding:30px;} 
.Product-panel{ width:48%; flex: 0 0 48%;}
.HWservice-col{ flex: 0 0 calc(33.33% - 15px);}
}

@media only screen and (max-width:992px) {
/*Col-md  */
.header{padding-top:0px; padding-bottom:8px; padding-top:10px }
.logo {text-align:center; padding:0 15px; display:flex; justify-content: center; flex: 1; }
.banner {margin-top:0px;}
.bannertext{width:100%; }
.bannertext1,.bannertext2{padding-top:0px; padding-bottom:20px; width:100%}
.slide1,.slide2{ height:auto; float:left; padding:20px; padding-top:30px; padding-bottom:30px;} 
.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);}
.feature-properties-col{flex: 0 0 calc(50% - 15px);}
.WCU-col{flex:0 0 calc(50% - 25px);}
.DPP-col{flex: 0 0 calc(50% - 30px);}
.HWpanel{padding-bottom:0px; padding-top:80px; background:#FFF;}
.mobileview{display:block;}
.agent-col{ flex: 0 0 calc(50% - 30px);}
.HWservice-col{ flex: 0 0 calc(50% - 15px);}
.Bpanel01 img,.HWpanel img{margin-bottom:30px;}
.feature-properties-subrow{flex-wrap: wrap;}
.feature-properties-subcol{flex: 0 0 100%;}
.top-service-row{flex-wrap: wrap;}
.top-service-col{flex: 0 0 calc(50% - 15px);}
.newsletter-col01{ width:100%;}
.photogallery-col{ flex:0 0 100%;}
.Bpanel02-row{flex-wrap: wrap;}
.Bpanel02-left{ width:100%;}
.Bpanel02-right{ width:100%; margin-top:20px;}
.Bpanel02-right img{width:100%; height:auto;}
.team-member-row{flex-wrap: wrap; justify-content: center;}
.team-member-col {    flex: 0 0 calc(33.33% - 20px); margin-bottom:25px;}

.banner-colleft{flex: 0 0 100%; padding:30px;}
.banner h2 {width:100%; font-size:30px;}
.banner-colright {flex: 0 0 100%; padding:30px; padding-bottom:0px;}
.hads-panel1 h2{text-align:center; padding-top:25px;}
.hads-panel1 img{width:100%;}
.hads-panel1{padding-top:50px;}
.hads-panel1 p{width: 100%; text-align:center;}

.hads-panel2-wrapper{padding-top: 40px;}
.hads-panel2{padding-top: 10px;}
.hads-panel2-colleft{flex: 0 0 100%; padding:30px; text-align:center;}
.hads-panel2 p{width:100%; text-align:center;}
.hads-panel2-colright{flex: 0 0 100%; text-align:center; padding:30px; padding-bottom:0px; padding-top:0px;}
.hads-panel2 img {width:100%;}

.hads-panel3{padding-top: 50px;}
.hads-panel3 h2{padding-top:35px;padding-right: 0px; text-align:center;}
.hads-panel14-wrapper{padding-top: 50px;}
.footercopyright{text-align:center;}
.socialmedia{justify-content: center;}
 .coupon-box{width:100%;}
 .vcp-col{flex: 0 0 calc(50% - 20px);}
}
@media only screen and (max-width:767px)  {
/*Col-sm */

.logo{ text-align:center;padding-bottom:0px;}
.toplink span{display:block; text-align:center;}
div#training table{width:100%;}
.register-panel{width:100%;}
.login-panel{width:100%;}
.sidebar{padding-left:0px;}
 
.Bpanel02-row2{flex-wrap: wrap;}
.Bpanel02-row2-left{width:100%;}
.Bpanel02-row2-left img{width:100%; height:auto;}
.hp-nav span{width:100%;}
.HWpanel-left{width:100%;}
.HWpanel-mid{width:100%;}
.HWpanel-right{width:100%;} 
.HMP{margin-top:20px;}
.image-wrapper-half{ position:relative; height:300px; width: 100%; margin-top: -50px; margin-bottom:20px;}
.search-row .inputsearch{flex:0 0 100%;}
.col50{flex: 0 0 100%;}
.feature-properties-icon{justify-content: center;}
.feature-properties-icon a{text-align:center;}
.feature-properties-detail h4{text-align:center; margin-bottom:15px;}
.bannertext2 {width:100%; text-align:center;}
.HWservice{margin-top: -20px;}
.HWservice-subcol { flex: 0 0 100%;}
.HWpanel-service-col {flex: 0 0 100%;}
.Bpanel01{ background:url(../images/bg01.jpg) -200px top  no-repeat;}
.Bpanel01 h2 + h2{padding-left:0px;}
.Bpanel01 h2 + h2::before{display:none;}
.top-service-col{flex: 0 0 100%;}
.testimonial-cont{height:auto; margin-bottom:20px;}
.footerpanel .container .row .col-12{margin-bottom:30px;}
.booking-icon{flex-wrap: wrap;}
.booking-icon-col { flex: 0 0 100%; text-align:center;}
.cics-row{flex-wrap: wrap;}
.cics-col{padding-top: 100px; border-left: 1px solid #999F9E;}
.team-member-col {    flex: 0 0 calc(50% - 20px); margin-bottom:25px;}
.arc-panel{flex-wrap: wrap;}
.arccol{flex: 0 0 100%!important;}
.vcp-col{flex: 0 0 calc(100%);}
}
@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%;}
.HWpanel-img{width:100%;}
.HWpanel-img img{width:100%; max-width:100%;  height:auto!important;}
.HWpanel-cont{width:100%; padding:40px; padding-top:100px; padding-bottom:100px;}
.colreverse{flex-direction: column-reverse;}
.WCU-col{flex:0 0 100%;}
.DPP-col{flex:0 0 100%;}
.agent-col{ flex: 0 0 100%;}
.feature-properties-col {flex: 0 0 100%;}
.newsletter{flex-wrap: wrap;}
.newsletter-col02{width:100%;}
.newsletter-cont2 {padding:20px; padding-top:20px; margin-left:0px;}
.newsletter-col02 input[type="text"]{width: 100%;}
.newsletter-col02 button{ border-top-right-radius:5px; border-bottom-right-radius:5px;}
.newsletter-col01::before{display:none;}
.newsletter-cont{text-align:center; padding-right:0px;}
.newsletter-cont h2{padding-top:0px; padding:15px; text-align:center;}
.footerpanel{padding-top:30px;}
.HWpanel-service-col{flex-wrap: wrap; padding:25px;}
.HWpanel-service-col div:first-child{width:100%;}
.HWpanel-service-col div + div{width:100%; padding:0;}
.topsocial{justify-content: center;}

.team-member-col{flex: 0 0 100%; text-align:center; margin-bottom:25px; padding:15px;}
.coupon-box-left{ width:100%; padding-right:0px;}
.coupon-box-right{ width:100%; padding-left:0px; border-top:1px dashed #242424; border-left:none; padding-top:15px;}
}
 
@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;}
}
@media only screen and (max-width: 370px) {
.supportsection .container .row .col-xs-3{ width:100%;}
.cart-panel{width:100%;}
.hp-nav span{width:100%;}
.HWpanel img{width:auto;}
}