@media screen and (max-width:1800px)
{
    .ftimg{width: 36%;margin-right: 0}
    .banner1{margin: 110px 0 0 35%;}
}
@media screen and (max-width:1700px)
{
    .ft_linkbox,.ftopening{padding-left: 40px;width: 37%}
    .ftinfo,.ftmapbox{width: 63%;}
    .ftinfo li{margin-bottom: 40px}
    .abcta-left{padding: 45px;/*width: 50%*/}
    .abtcta-right{width: 50%}
    .readmorebox{max-width: 9200px}
    .whychoose{background-position:-75px 0;}
     .banner1{margin: 110px 0 0 34%;}
    .banner2{margin: 60px 0 0 32%}
}
@media screen and (max-width:1600px)
{
    .menu_link nav > ul > li > a{padding: 20px 35px}
    .ftinfo li{margin-bottom: 30px}
    .ftmap{width: 46%}
     .faqcont{margin-left:120px}
    .abtcta{width: 63%;margin-top: 120px;}
    .abtmid-img{width: 47%}
    .testimain{margin-left: 10px}
    .testimain::after{width: 155px;height: 305px;}
    .blockright{padding: 0 15px 0 30px}
    .cta-bottom{margin-left: 34px}
    .ctamainbox::before{height: 482px;width: 165px}
    .ctamainbox{min-height: 500px}
      .det-right{width: 60%;padding-left: 30px;margin-bottom: 15px;}
    .detmid .det-right{padding-right: 30px}
    .det-logo{width: 300px;right: 50px;}
    .detbgbox{padding: 30px 240px 20px 30px}
    .det-black{margin-bottom: 20px}
    .typebox{padding: 15px 20px}
    .readmorebox{max-width: 820px}
    .whytxt{padding-left: 25px}
    .whybox{max-width: 820px}
     .banner1{margin: 110px 0 0 33%;}
    .banner2 { margin: 40px 0 0 32%;}
}
@media screen and (max-width:1500px)
{
   .menu_link nav > ul > li > a{padding: 20px 30px}
    .faqcont{margin-left: 60px}
    .ftmap{width: 40%;margin-top:0}
    .ftinfo li{width: 58%}
    .ftinfo li:nth-child(2n+1){width: 42%}
    .ftblock{margin-bottom: 20px}
    .ft_linkbox, .ftopening{padding-left: 25px}
    .ftopening{min-height: 185px}
    .ftleft{width: 65%}
    .ftimg{width: 35%}
    .ftinfo_link{padding: 75px 0 30px}
    .aboutus,aboutmain{margin-bottom: 50px}
    .abcta-left{padding: 35px}
    .ctamainbox::before {height:440px;width: 150px;}
    .test_content{padding: 40px 35px 50px 100px}
    .det-content li{/*margin-bottom: 15px;*/letter-spacing: normal;padding-left: 30px;}
    .det-content li::before{font-size: 20px;top: 0;}
    .typeright{padding-left:15px}
    .typebox{padding:15px }
    .readmorebox {max-width: 720px;}
    .htestibox{padding: 50px 65px 70px}
    .htestibox{width: 38%}
     #contentscroll{max-height: 570px}
    .hcontentbox{padding: 90px 0}
    .whychoose { background-position: -165px 0;}
    .whybox{max-width: 780px}
     .banner1{margin: 110px 0 0 32%;}
}
@media screen and (max-width:1400px)
{
    .menu_link nav > ul > li > a{ padding: 20px 24px;}
    .blockright{padding: 0 15px 0 25px}
    .ftacc{padding-left: 25px}
    .fthead{margin-bottom: 30px}
    .ftlink li a{padding-left: 25px}
    .ftimg { width: 33%; margin-top: 80px;}
    .ftleft {width: 67%;}
    .aboutus::before{width: 680px;height: 430px}
    .heading,.detmid{margin-bottom: 40px}
    .abtcta{width: 68%;margin-left: -15%;margin-top: 100px}
    .servicelist li,.testiblock2 li{padding: 0 15px;margin-bottom: 40px}
    .servicelist,.testiblock2{margin: 0 -15px}
    .sermaintxt{height: 120px}
    .servicebox:hover .sermaintxt{height: 190px}
    .sermaintxt p{margin-bottom: 15px}
    .usernm{margin-top: 20px}
    .testimain::after{left: -23px;width: 120px;height: 245px}
    .ctamainbox::before {height: 380px; width: 130px;}
    .ctamainbox { min-height: 470px;}
    .cta-bottom{margin-left: 30px;padding-top:110px}
    .det-right{width:60%;}
    .det-content p{margin-bottom:15px}
     .typeclean .typeleft{width: 70px}
    .typebox .serviceicon{height: 56px;width: 56px}
    .typeright p{font-size: 19px}
    .typeblind .typeleft{width: 38px;height: 40px;}
    .typeright p{font-size: 17px;letter-spacing: normal;}
    .hcontentbox{padding: 70px 0}
    .htestibox { padding: 50px 35px 70px;}
    .hcontent p{margin-bottom: 25px}
    .whyicon{height: 70px;width: 70px}
    .whytxt{width: calc(95% - 70px);}
    .whybox {max-width: 680px;}
    .whybox li{margin-bottom: 30px}
    .whychoose::before{background-size: contain;height: 88px;width: 754px;bottom: -17px;}
    .whychoose .btnquote, .videobox .btnquote{font-size: 16px;height: 50px;line-height: 50px}
    .whychoose .btnquote span, .videobox .btnquote span{height: 50px;margin-left: 12px;padding-left: 12px}
    .videobox{width: calc(100% - 556px);background-size: cover;min-height: 730px}
    .processleft{width: 530px}
    .primg{margin-right: 12px}
    .primg{height: 38px;width: 38px}
    .processleft li:nth-child(2n) .processbox .primg{margin-left: 12px}
    .processbox{padding: 20px 25px}
    .processleft li{margin-bottom: 30px}
    .processbg{height: 660px}
    .centerbox{margin: 180px auto 0}
    .centerbox.active { margin:117px auto 0;}
    .readmorebox {max-width: 690px;}
    .videotxt{margin-bottom: 20px}
     .banner1{margin: 110px 0 0 31%;}
    .banner1_txt, .banner_txt{font-size: 34px !important;line-height: 42px !important;margin-top: 10px;}
    .banner2 { margin: 35px 0 0 28%;}
}
@media screen and (max-width:1300px)
{
    .blockright{padding: 0 15px}
    .logo-left{width: 419px}
    .btncallus{margin-right: 20px}
    .btncallus p{font-size: 20px}
    .headicon{margin-right: 10px}
    .menu_link nav > ul > li > a{font-size: 17px;padding: 20px;height: 57px;}
    .topright .btnquote span{height: 40px;padding-left: 10px;margin-left: 10px}
    .topright .btnquote{height: 40px;line-height: 40px;font-size: 14px;padding: 0 10px 0 15px;}
    .commonbanner{padding-top: 120px}
    .hser-tit{padding-bottom: 40px;margin-bottom: 15px;font-size: 34px}
    .hser-sm{font-size: 18px;margin-bottom:40px}
     .homeservice {padding: 80px 0 50px;}
    .faqcta{margin: 60px 0 40px;background-size: 560px;min-height: 246px}
    .faqbg::before{width: 438px;min-height: 731px}
    .faqlist li{margin-bottom: 30px}
    .ftshare a{height: 46px;width: 46px;line-height: 46px}
    .heading{margin-bottom: 35px;letter-spacing: normal}
    .aboutus::before{width: 636px;height: 400px}
    .aboutus,.aboutmain{margin-bottom:40px}
    .abcta-left {padding: 30px;}
    .abtcontent p, .abcta-left p{margin-bottom:15px}
    .ctamainbox::before { height: 294px; width: 100px;}
    .ctamainbox { min-height: 450px;}
    .side-tit{padding: 18px 30px;font-size: 26px}
    .side-service li > a{padding: 13px 30px}
    .det-right{width: 50%}
    .detmid{margin-bottom: 30px}
    .contactbox{background-repeat: round;min-height: 745px;margin: 90px auto 50px;}
    .contactbox .ct-tit::after{width: 100%;background-size: contain}
    .labeltxt{letter-spacing: normal;margin-bottom:20px}
    .typeblind .typelist li{width: 33.3%}
    .hcontentbox {padding: 50px 0;}
    .hcontent p{margin-bottom: 20px}
    .htestibox { padding: 35px 30px 60px;}
    .why-tit,.pr-tit{font-size: 30px;margin-bottom: 15px}
    .whysm{font-size: 17px;margin-bottom: 25px}
    .whyicon {height: 60px;width: 60px;}
    .whytxt {width: calc(95% - 60px);padding-left: 20px;}
    .whytxt p{font-size: 16px}
    .whybox {max-width: 610px;margin-top: 45px;}
    .whychoose {background-position: -200px 0;min-height: 570px;}
    .whychoose::before{height: 76px;width: 624px}
    .pr-tit::before{top:4px}
    .readmorebox { max-width: 590px;}
     .banner1{margin: 110px 0 0 30%;}
    .load-more{font-size: 16px;padding: 15px 22px}
}
@media screen and (max-width:1200px)
{
    .btncallus p{font-size: 18px}
    .topright{padding: 10px 0}
    .menu_link nav > ul > li > a{font-size: 16px;padding: 11px 20px;height:39px}
    .logo-left{width: 346px}
    .commonbanner{padding-top: 99px}
    .menu_link .submenu li a{padding: 11px 15px}
    .ftimg{display: none}
    .ftleft{width: 100%}
    .ft_linkbox, .ftopening {padding-left: 55px;width: 40%}
    .ftinfo, .ftmapbox {width: 60%;}
    .faqbg::before{width: 398px;min-height: 691px}
    .faqcont { margin-left: 30px;}
    .abtcontent p, .abcta-left p{font-size: 15px;line-height:23px}
    .brands-tit{padding-right: 22px}
    .brands ul li.slick-slide{padding: 0 7px}
    .cta-txt{font-size: 28px;line-height: 34px;letter-spacing: normal}
    .contactbox::before,.contactbox::after{width: 260px;height: 720px;}
    .typebox{padding: 12px}
    .typeclean .typeleft{width: 55px}
    .whychoose {background-position: -220px 0;min-height: 530px}
    .whybox{margin-top: 10px}
    .whychoose::before {height: 69px;width: 544px;}
    .readmorebox {max-width: 500px;}
     .banner1{margin: 110px 0 0 28%;}
    .banner1_img,.banner2_img{width: 180px;margin:0 auto}
    .topright li:last-child {margin-left: 10px;}
}
@media screen and (max-width:1110px)
{
    .menu_link nav > ul > li > a{padding: 11px 18px;font-size: 15px}
    .menu_link .submenu li a{font-size: 14px;}
    .faqbg::before {width: 368px;min-height: 661px;opacity: 0.8}
    .abtmid-img{width: 100%}
    .abtcta{width: 100%;margin-left:25px;margin-top: -100px}
    .abtcta-txt{margin-top: 50px;margin-left: 25px;}
    .brands-tit{display: block;padding-right: 0;margin-bottom: 20px}
    .brands ul{display: block}
    .brands{padding:35px 0}
    .blockright{width: 100%;margin-bottom: 30px}
    .blockleft{width: 100%}
    .ctamainbox{width: 48.5%;float: left;margin-left: 3%;max-width: 340px;}
    .side-service{width: 48.5%;float: left;margin-bottom: 0;max-width: 340px;}
    .testiblock li{margin-bottom: 30px}
    .detbgbox { padding: 25px 200px 20px 25px;}
     .contactbox .ct-tit::before{height: 142px;width: 370px;top: -84px;}
    .contactbox{margin: 70px auto 40px}
    .cttopbox{margin-top: 65px}
    .contactbox::before, .contactbox::after {width: 220px;height: 606px;}
    .typeclean .typeleft{width: 65px}
    .typeblind .typelist li{width: 25%}
    .contactform{margin-bottom: 30px}
    .hcontentbox{padding: 40px 0}
    .ht-tit,.areabox .hcontent h2{font-size: 26px;line-height: 26px;letter-spacing: normal;margin-bottom: 15px}
    .areabox .hcontent h2{font-size: 24px;line-height: 24px;margin-bottom: 15px}
    .hcontent p{margin-bottom: 15px}
    .htestibox{width: 42%}
    .hcontent{width:58%;padding-left: 30px}
    .whybox{max-width: 640px;margin-top: 40px;}
    .whychoose{min-height: 490px}
    .whychoose::after{position: absolute;content: '';left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.6);top: 0;z-index: -1;}
    .processbg{height: auto;padding-bottom: 30px}
    .processleft{width: 100%;float: none;max-width: 600px;margin: 0 auto 30px}
    .videobox{width: 100%;float: none;background-repeat: round;min-height: 620px;background-size:contain;max-width: 850px;margin: 0 auto}
    .readmorebox {max-width: 890px;}
    .videotxt{font-size: 15px;margin-bottom: 15px}
    .centerbox{margin: 0 auto;max-width: 430px;padding-top: 180px;}
    .centerbox.active{margin: 0 auto;padding-top: 50px}
    .menudrop{height: 18px;width: 18px;line-height: 18px;font-size: 12px;}
    .banner1_txt, .banner_txt {font-size: 28px !important;line-height: 33px !important;}
    .banner2{margin: 30px auto 0}
    .blockleft{margin-bottom: 40px;}
}
@media screen and (max-width:1023px)
{
     /*Header*/
     html.menuhidden{position: fixed;overflow-y: hidden}
    .mainheader{position: fixed;z-index: 100;top: 0;width: 100%;height: auto;}
    .overlay{position: fixed;top: 0;z-index:999;width: 100%;height: 100%;display: none;background-color: rgba(0, 0, 0, 0.8);cursor: pointer;}
    .togglebtn span {position: relative;display: inline-block;float: left;margin-top: 7px;}
    .togglebtn span::before { top: -7px;}
    .togglebtn span::after{top:7px}
    .togglebtn span::before, .togglebtn span::after {content: "";position: absolute;left: 0;}
    .togglebtn span, .togglebtn span::before, .togglebtn span::after { transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;width:20px;height: 3px;}
    .togglebtn {position: fixed;right: 15px;top:18px;display: block;width:38px;height:38px;border: 2px solid #64bfd2;cursor: pointer;z-index: 1001;border-radius:50%;background: #fff;padding: 9px 7px}
    .togglebtn.active span::before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);top:0;background-color: #fff}
    .togglebtn.active span::after { -webkit-transition-delay: 0.09s;top:0;-moz-transition-delay: 0.09s;-o-transition-delay: 0.09s;-msa-transition-delay: 0.09s;transition-delay: 0.09s;transform: rotate(135deg);-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);background-color: #fff}
    .togglebtn.active span,.togglebtn.active  {background-color: transparent;}
    .togglebtn.active {right: auto;left: 309px;border-radius: 0;top: 15px;height: 39px;}
    .togglebtn span, .togglebtn span::before, .togglebtn span::after{background-color: #305261;}
    .menudrop,.menu_link .submenu .menudrop{top:0;font-size: 20px;height: 39px;width: 50px;border-radius: 0;line-height:39px;right: 0;position: absolute}
    .menu_link .submenu .menudrop{color:#fff}
    .menu_link nav > ul > li > a{padding:13px 25px;color:#fff;font-size: 14px;}
    .menu_link.active{transform: translateX(0%);-webkit-transform: translateX(0%);border-radius: 0;height: 100%}
    .menu_link{float: none;padding: 0;position: fixed;top:0;height:60%;width:310px;background:#305261;margin: 0;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-ms-transition: all 0.6s ease;overflow-y:auto;left:0;z-index: 1000;transform: translateX(-100%);-webkit-transform: translateX(-100%);border-radius: 0 0 100% 0;}
    .menu_link .submenu{width: 100%;position: relative;padding-bottom: 0;left: auto;-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow:none}
    .menu_link > nav{padding-top:15px}
    .menu_link nav > ul > li{display: block;text-align:left;margin:0;width: 100%;padding: 0;height: auto;border-right:0}
    .menu_link .submenu li a{padding:13px 45px;border-bottom: none;font-size: 14px}
    .logo-left{padding:0;top:auto;position: relative;float: left;width: 270px;left: auto}
    .btncallus p{font-size: 0}
    .topright{margin-right:38px;padding: 18px 0 0}
    .menu_link li:hover .submenu{display: none}
    .menu_link ul > li:hover > a > i.fa.fa-angle-down {-webkit-transform: none;-ms-transform: none;-o-transform: none;-moz-transform: none;transform:none;}
    .commonbanner{padding:25px 0;margin-bottom: 70px;}
    .breadcrumbs{margin-top: 0;padding: 0}
    .btncallus{margin-right: 0}
    .topright li{margin-right: 10px}
    .headicon{height: 38px;width: 38px;margin-right:0}
    .topright .btnquote{border: 2px solid #64bfd2;border-radius: 50%;background: #fff;height: 38px;width: 38px;font-size: 0;padding: 0;line-height: 38px;}
    .topright .btnquote span{font-size:20px;color: #305261;height: auto;padding-left: 0;margin-left: 0;border: 0;}
    .topright .btnquote::after,.topright .btnquote::before{content: none}
    .faqlist li{margin-bottom: 20px}
    .faqtit{margin-bottom: 6px}
    .faqbg::before {width: 328px;min-height: 621px;}
    .aboutus::before {width: 476px; height: 300px;top:-64px}
    .servicelist li{width: 50%;margin-bottom: 30px}
    .det-logo{width: 280px}
    .banner1_img,.banner2_img{width: 130px}
    .banner1 { margin: 110px 0 0 26%;}
    .nextend-arrow-previous,.nextend-arrow-next{top:46% !important}
	.banner_bg{padding-top: 78px}
	.commonbanner{margin-top: 78px}
    .topright li:last-child {margin-left: 0;}
}
@media(max-width:992px)
{
    .det-black{font-size: 15px;line-height: 21px;letter-spacing: normal}
    .test_content p,.htesticontent p{font-size: 14px;line-height: 21px}
    .abtcontent p, .abcta-left p,.det-content p,.hcontent p,.readmorebox p{font-size: 14px;line-height: 21px;letter-spacing: normal;margin-bottom: 10px}
    .faqlist li p{font-size: 14px;line-height: 21px;letter-spacing: normal;padding-left: 30px;}
    .ft_linkbox, .ftopening{padding-left: 25px}
    .footer_bottom{padding: 15px 0}
    .faqtit{font-size: 16px;letter-spacing: normal;padding-left: 30px;}
    .faqbg::before {width: 288px; min-height: 581px;opacity: 0.6;}
    .faqcont{position: relative;margin: 0;padding: 20px}
    .faqcta-img{max-width: 240px}
    .faqcta {margin: 30px 0;min-height: auto; background-size: cover;position: relative;background-position: center}
    .faqcta::before {position: absolute;content: '';height: 100%;background: rgba(255,255,255,.5);left: 0;top: 0; width: 100%;}
    .faqcta-tit{font-size: 16px;letter-spacing: normal;margin-bottom: 20px}
    .faqbtn .callbtn:first-child {margin-right: 5px;}
    .callbtn{padding: 7px 17px}
    .callimg{padding-right: 10px;margin-right: 10px}
    .aboutmain,.aboutus{margin-bottom: 30px}
    .aboutus::before { width: 398px; height: 250px;}
    .brands-tit{font-size: 24px;margin-bottom: 15px}
    .det-content li{font-size: 14px;line-height: 21px;margin-bottom: 10px;padding-left: 25px;text-align: inherit;}
    .det-content li::before{top:1px;font-size: 18px}
    .form-control{height: 42px;padding: 12px}
    .form-group{margin-bottom: 10px}
    textarea{min-height: 90px}
    .contactbox{min-height: 665px}
    .contactbox::before, .contactbox::after {width: 160px;height: 445px;}
    .ctquickform .row,.contactform .row{margin: 0 -5px}
    .ctquickform .width50,.contactform .width50{padding: 0 5px}
    .typeblind .typelist li{width: 33.3%}
    .crossimg{margin-top: 12px}
    .labeltxt{font-size: 18px;line-height: 22px}
    .addbtn{min-height: 42px;padding: 11px 16px;}
    .hcontent{width: 100%;float: none;padding-left: 0}
    .htestibox{width: 100%;float: none;max-width: 450px;margin: 0 auto 30px;padding: 35px 30px 50px;}
    #contentscroll { max-height: 380px;}
    .htuser::before{font-size: 14px;height: 35px;width: 35px;line-height: 37px}
    .htuser{padding-top: 45px;font-size: 16px;line-height: 100%;margin-top: 15px;}
    .htest-tit{margin-bottom: 10px;padding-bottom: 40px;font-size: 26px;letter-spacing: normal;}
    .htestibox .slick-next, .htestibox .slick-prev{bottom: -40px}
    .ht-tit,.areabox .hcontent h1{margin-bottom: 10px;font-size: 24px;line-height: 24px;}
    .areabox .hcontent h2{margin-bottom: 10px;font-size: 22px;line-height: 22px;}
    .hcontentbox{padding: 30px 0;background-image: none;}
    .readmore{padding: 15px 35px}
    .whychoose{padding: 30px 0;min-height: inherit}
    .why-tit{font-size: 26px}
    .whybox{float: none;max-width: inherit;margin-top: 0}
    .servicename{font-size: 18px;line-height: 24px}
    .areabox .areamap{width: 48%;float: left;margin-bottom: 0}
    .areamap iframe{height: 380px}
    #areascroll{max-height: 380px}
    .areabox .hcontent{width:52%;float: left;padding-left: 25px}
    .banner1 { margin: 110px 0 0 23%;}
}
@media(max-width:860px)
{
    .ftinfo{width: 100%}
    .ft_linkbox, .ftopening{width: 100%;padding-left: 0}
    .ft_linkbox::before{content: none}
    .ftmapbox{width: 63%}
    .ftopening{width: 37%;padding-left: 25px}
    .ftaccimg{width: 190px}
    .ftmap{width: 48%;max-width: 200px;}
    .ftlink li{width: 33.3%}
    .det-logo{position: relative;right: auto;margin-top: 10px;bottom: auto;float: right;max-width: 240px}
    .detbgbox{padding: 25px;overflow: hidden}
    .detbgbox ul{padding-right: 0}
    .contactbox .ct-tit::before {height: 130px;width: 340px;top: -79px;}
    .ct-tit .contact_title{font-size: 20px}
    .contactbox::before, .contactbox::after {width: 126px; height: 355px;}
    .get-tit{margin-bottom: 20px;padding-top: 20px;font-size: 19px;}
    .contactbox{min-height: 580px}
    .ctxt a{font-size: 16px}
    .ctxt{margin-bottom: 15px}
    .cttopbox{margin-top: 45px}
    .cttopbox .ctxt:first-of-type::before{height: 44px;}
    .typelist li{padding: 0 6px;}
    .typelist{margin: 0 -6px}
    .divider{margin: 25px 0}
    .areabox .areamap{width: 100%;float: none;margin-bottom: 25px}
    .areabox .hcontent{width: 100%;float: none;padding: 0}
    .banner1 { margin: 70px 0 0 20%;}
    .banner1_txt, .banner_txt {font-size: 22px !important;line-height: 26px !important;}
}

@media(max-width:768px)
{
    .ftopening{width: 100%;text-align: center;padding: 0;min-height: auto}
    .ftmapbox{width: 100%;padding-right: 0;text-align: center}
    .ftopening::before{content: none}
    .abtimg{float: none;margin-left: 0;margin-bottom: 20px;display: inline-block}
    .abtcta{margin-left: 0;margin-top: 25px}
    .abcta-left{padding: 25px 20px}
    .servicebox .serviceicon{height:70px;width: 70px;margin: -40px auto 20px;}
    .servicebox .serviceicon img{padding: 16px}
    .sermaintxt p{font-size: 18px}
    .sermaintxt{height: 100px}
    .servicebox:hover .sermaintxt {height: 160px;}
    .commonbanner{margin-bottom: 60px}
    .test_content { padding: 30px 30px 30px 50px;}
    .testimain::after {width: 80px;height: 158px;}
    .usernm{margin-top: 10px;padding-bottom: 50px;font-size: 16px;}
    .usernm::before{height: 40px;width: 40px;line-height: 41px;font-size: 16px}
    .det-right,.detmid .det-right{width: 100%;float:none;padding: 0;max-width: 500px;}
    .det-img{display: inline-block}
    .detbgbox{background-size: cover;position: relative;margin: 25px 0}
    .det-black{position: relative}
    .detbgbox:before{position: absolute;content:'';background: rgba(255,255,255,0.4);top:0;left: 0;height: 100%;width: 100%;}
    .contactbox::before, .contactbox::after {width: 96px;height: 265px;}
    .typeclean .typelist li{width: 50%;margin-bottom: 10px}
    .commonbanner:before{bottom: -39px}
    .banner1 {margin: 70px 0 0 17%;}
}
@media(max-width:700px)
{
	.serviceicon img{transition: unset;-webkit-transition: unset; -ms-transition: unset;}
	.typebox:hover, .typebox:focus{background:none; border:1px solid #B2B6B7;}
	.typebox:hover:before, .typebox:focus:before{display:none;}
	.load-more:hover:before, .load-more:hover:after, .load-more:before, .load-more:after{display:none;}
    .side-service{max-width: inherit;width: 100%;margin-bottom: 25px;float: none}
    .ctamainbox{float: none;margin: 0 auto;width: 100%}
    .cta-txt{font-size: 21px;line-height: 28px}
    .cta-bottom{max-width: 212px;padding-top: 80px;}
    .ctamainbox{min-height: 380px}
    .contactbox::before, .contactbox::after,.contactbox .ct-tit::after {content: none}
    .contactbox{background: #fff;min-height:inherit;border: 1px solid #64bfd2;padding: 20px;border-radius: 5px;}
    .contactbox .ct-tit::before { height: 110px;  width: 295px;}
    .ct-tit .contact_title{top:-30px}
    .ct-tit .contact_title{top:-30px}
    .cttopbox{margin-top: 35px}
    .typeright{padding-left: 10px}
    .htest-tit{font-size: 22px}
    .ht-tit,.areabox .hcontent h1{font-size: 22px;line-height: 22px}
    .areabox .hcontent h2{font-size: 20px;line-height: 20px;}
    .videobox{background-image: none;min-height:inherit}
    .videotxt{color: #fff}
    .centerbox,.centerbox.active{padding-top: 0}
    .videobox .btnquote{background: #64bfd2;}
    .readmorebox{background: transparent;padding: 0}
    .readmorebox p{color: #fff}
    .readmorebox .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.readmorebox .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #64bfd2}
    .banner1 { margin: 70px 0 0 11%;}
    .banner1_img,.banner2_img {width: 110px;}
}

@media(max-width:600px)
{
    .testiblock li{width: 100%;margin-bottom: 20px}
    .ftxt{padding-left: 10px}
    .fticon{width: 40px;height: 40px}
    .fthead{margin-bottom: 20px}
    .ftaccimg{margin: 0 auto}
    .ftmapbox,.ftopening{width: 100%;text-align: center;padding: 0}
    .ftopening::before,.abtcta-right::before{content: none}
    .ftopening{min-height: auto}
    .faqbg::before { width: 248px;min-height: 541px;}
     .heading{margin-bottom: 25px;font-size: 21px;}
    .abtcta{display: block;padding: 20px}
    .abcta-left{display: block;width: 100%;border-right:0;padding: 0;margin-bottom: 20px}
    .abtcta-right{display: block;width: 100%}
    .abtcta-tit{font-size: 20px;line-height: 24px;margin-bottom: 20px}
    .abtcta-txt{margin: 0 auto;max-width: 260px;}
    .abtctabtn p{padding-left: 10px}
    .abtcta-txt .abtctabtn:first-of-type {padding-bottom: 15px;  margin-bottom: 15px;}
    .servicelist li{width: 100%}
    .servicebox{max-width: 450px;margin: 0 auto}
    .breadcrumbs > li{padding: 5px 55px 5px 0;font-size: 14px}
    .breadcrumbs > li:not(:last-child)::before{right: 15px}
    .test_content { padding: 25px 25px 25px 50px;}
    .detbgbox{padding: 20px}
    .typeblind .typelist li,.selectextra li{width: 50%;margin-bottom: 10px}
    .widthbox{width: 25%}
    .selectextra ul{margin-bottom: 0}
    .processbox p{font-size: 16px;width: calc(92% - 42px);margin-top: 5px;}
    .primg{height: 30px;width: 30px;margin-right: 10px;}
      .stepbox div{font-size: 20px}
    .stepbox span{margin-bottom: 1px}
    .processbox{padding: 15px}
    .stepbox{height: 64px;background-size: contain;background-repeat: no-repeat;width: 96px;padding: 14px 14px 14px 37px;top:auto;bottom: -15px}
    .processleft li:nth-child(2n) .processbox p{text-align: right}
    .mCSB_inside > .mCSB_container{margin-right: 30px}
    .areamap iframe{height: 350px}
    .brands{padding: 30px 0}
    .banner1{margin: 60px auto 0}
}
@media(max-width:550px)
{
    .typeclean .typelist li{width: 100%}
    .typeclean .typebox{max-width: 250px}
    .whybox li,.whybox li:nth-child(2n){width: 100%;margin-bottom: 20px}
    .whysm{font-size: 16px;margin-bottom: 20px;line-height: 22px}
    .why-tit,.pr-tit{font-size: 24px}
    .whychoose::before {height: 50px;width: 345px;}
    .arealist li{width: 50%;margin-bottom: 15px;}
}
@media(max-width:500px)
{
    .logo-left{float: none}
    .topright{float: none;text-align: center;margin-right: 0;padding: 14px 0 10px}
    .topright li:last-of-type{margin-right: 0}
    .ftxt a, .ftxt span,.footer_bottom p{font-size: 14px}
    .scrollTop{bottom: 50px;line-height: 38px}
    .faqbtn .callbtn:first-child{margin: 0 auto 10px}
    .faqbtn .callbtn{display: block;max-width: 208px;margin: 0 auto}
    .aboutus::before { width: 305px;height: 193px;}
    .submitbtn{padding: 15px 30px}
    .stepbox div{font-size: 18px}
     .stepbox{padding: 10px 10px 10px 33px;width: 86px;height: 58px}
    .banner2 { margin: 10px auto 0;}
	.banner_bg{padding-top: 140px}
	.commonbanner{margin-top: 140px}
}
@media(max-width:450px)
{
    .ftlink li{width: 50%}
    .ftinfo li,.ftinfo li:nth-child(2n+1){width: 100%;margin-bottom: 15px}
    .ftinfo{margin-bottom: 15px}
    .ftmap{width: 100%}
    .faqlist li p,.faqtit{padding-left: 0}
    .faqtit:before{position: relative}
    .detmain .det-img::before{height: 120px;width: 118px;top: 20px;left: 20px}
    .side-service li > a {padding: 13px 20px;}
    .side-tit{padding: 16px 20px;font-size: 22px}
    .sidetxt{padding-left: 15px}
    .test_content{padding: 20px;}
    .testimain::after{content: none}
    .testimain{margin-left: 0}
     .ctquickform .width50,.contactform .width50{width: 100%}
    .captchalist,.captcha,.captchabtn{float: none}
    .captchabtn{text-align: right;margin-top: 10px}
    .ctxt a{font-size: 15px}
    .typeblind .typelist li{width: 100%}
    .typelist li:last-child{margin-bottom: 0}
    .typeblind .typebox{max-width: 210px}
    .addbox{width: 100%;margin-left: 15px;margin-top: 15px}
    .widthbox{width: auto;max-width: 110px}
    .labelsm{font-size: 14px;}
    .labeltxt{font-size: 16px;line-height: 100%;margin-bottom: 15px;}
    .htestibox{padding: 30px 20px 50px}
    .mCSB_inside > .mCSB_container{margin-right: 25px}
    .abtcontent p, .abcta-left p, .det-content p, .hcontent p,.readmorebox p{margin-bottom: 8px}
    .whychoose{padding: 30px 0 45px}
   .whychoose .btnquote, .videobox .btnquote{font-size: 13px;padding: 0 14px;height: 45px;line-height: 45px;}
    .whychoose .btnquote span, .videobox .btnquote span{height: 45px}
    .banner1_img, .banner2_img { width:85px;}
    .banner1_txt, .banner_txt { font-size: 16px !important;line-height: 18px !important;margin-top:3px}
}
@media(max-width:380px)
{
    .menu_link{width: 267px}
    .logo-left{width: 230px}
    .togglebtn{top:14px}
    .togglebtn.active{left: 266px}
    .ftlink li a{font-size: 13px}
    .ftlink li a::before{top:-4px}
    .abtcta-tit{font-size: 19px}
    .cta-bottom{margin-left: 20px}
    .contactbox .ct-tit::before {height: 90px; width: 243px;}
    .ct-tit .contact_title {top: -40px;}
    .selectextra li{width: 100%}
    .htestibox .slick-next, .htestibox .slick-prev{margin:0 0 0 42.5%}
    .arealist li > a{font-size: 15px;line-height: 18px;}
    .arealist li > a::before{width: 18px;height: 18px;line-height: 18px}
	.banner_bg{padding-top: 128px}
	.commonbanner{margin-top: 128px}
}