@media only screen and (max-width: 1024px){
.wrapper{width:98%;}
img{max-width:100%;}
.tab{width:100%; padding:10px 0 0;}
ul.resp-tabs-list{width:100%;}.conBox .wrapper{width:88%;}
}

@media only screen and (max-width: 768px){
.nav{padding-left:10px;}
.nav ul li{padding:0px;}
.phone{margin-right:10px;}
.nav ul li a{padding:8px 13px;}
.rightclm{width:38%;}
.banner h1{font-size:36px;}
.abtclm{min-height:400px;}
.prodet{width:74%;}
.stepBox{width:96%;}
.arrow{margin:70px 10px 0;}
}
@media only screen and (max-width: 668px){
.wrapper{width:94%;}
.header .phone, .header .mail{display:none;}
.trusted, .quality, .help{padding-top:13px;}
.menu-bar{display:block; cursor:pointer;}
.nav .menu{display: none; background:#333; box-shadow:0 -8px 6px 0 #000 inset;}
.fa-bars{display:block; float:right; margin:0px 0 0; background-color: #5c9127;padding: 8px; border-radius:3px;}
.menu .fa-bars{margin:10px;}
.nav ul{clear:both;}
.nav ul li{border:0 none; color:#fff; float: none; display:block; text-align:left; padding:0px 0px; border-radius:0px; border-bottom: 1px solid #222;}
.nav ul li a, .nav ul li.last a, .nav ul li a.active, .nav ul li a:hover{padding:13px 20px; color:#fff; border-bottom:0px; border:0px; border-radius:0px; display:block;}
.nav .menu{position:fixed; top:0px; right:0px; display:none; width:240px; z-index:999999!important; height:100%; overflow:scroll; padding-bottom:20%;}
.nav .menu ul{overflow:auto;height:120%; }
.nav ul li.last{padding:0px;}
.nav ul li a:hover{color:#fff; border:0px; background:#008080;}
.tab ul li a{padding:12px 10px;}
.proitem{padding:20px 10px 0;}
.prodet{width:70%;}
.contactfrm{width:100%;}
.conBox .wrapper{width:96%;}
.step01, .step02{width:35%;}
}
@media only screen and (max-width: 568px){
h1{font-size:24px;}
.leftclm, .rightclm{float:none; width:100%;}`
.rightclm{padding-top:20px;}
.trusted, .quality, .help{padding-top:25px;}
.newsbox{width:98%; margin-bottom:10px; float:none; min-height:inherit;}
.bannerImg, .banner .bannerTxt{float:none; width:100%; padding-top:30px;}
.banner .bannerTxt{padding-top:10px!important;}
.banner{height:inherit; background-size:cover; text-align:center;}
.slider01 .bannerImg{height:280px;}
.abtclm{min-height:inherit; width:98%; margin-bottom:100px;}
.abtclm:last-child{margin-bottom:0px;}
.tab ul li a {font-size: 14px;font-weight: 700;padding: 12px 5px;}
.proitem{width:160px; margin:0 auto; float:none;}
.prodet{float:none; width:100%; margin-top:10px;}
.resp-tabs-list li a{font-size:17px;}
.frmclm{width:100%; float:none;}
.address, .map{width:100%; float:none;}
.arrow{display:none;}
.step01, .step02, .arrow1{width:100%; float:none; text-align:center; display:block;}
}

@media only screen and (max-width: 375px){
.slider01 .bannerImg{height:190px;}
.banner h2{font-size:28px;}
.footer .loc, .footer .mob, .footer .email{display:block; text-align:left; margin-right:0px;}
.loc{padding-top:4px;}
.resp-tabs-list li{width:50%; border-bottom:1px solid #333;}
.tab ul li a{padding:12px 16px;}
.tabBox{padding:30px 20px;}
.rowpan h2{font-size:30px; padding:5px 10px; text-align:center;}
}