@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
.forMob{display:none;}

/*==============Media=============*/

@media only screen and (max-width:1187px){
.container{ width:1004px;}

ul.mainMenu li{padding: 0 12px;}

.banner-heading { font-size:53px; line-height:51px;}
.bnr-img{         width: 405px;   right: -60px;}
.bnr-prod-img{ width: 260px; right: 302px; bottom: 30px;}
.bnr-moon-img {right: 380px;}
.banner-left {width: 47%;}

.bnr-stp-uls li {padding: 0 14px 0 65px;}

.comn-hding{font-size:44px; line-height:54px;}
.s1-house {margin-top: 80px;width: 570px;}

.s2-bx-tx{padding:0 10px;}

.s3_mid{ padding:0 0;}

.pkgrgt .btn-box{width: 220px;}


}

@media only screen and (max-width:1021px){
.container{ width:750px;}
.forDesk{ display:none;}
.forTab{ display:block;}
.forMob{display: none;}

.banner-left { width: 52%;}
.banner-heading { font-size: 42px;  line-height: 51px;}
.banner-text-box { padding-bottom: 25px;}
.banner-text2 {font-size: 16px; line-height: 24px;}
ul.banner_point li { font-size:18px; line-height:24px; background-size:19px; background-position:0 3px; padding-left:30px;}
.bnr-img{ width: 325px; top: 2px; right: -120px;}
.bnr-prod-img { width: 259px; right: 127px;}
.bnr-moon-img {right: 227px; width: 80px;}
.bnr-btn-text1 { font-size: 12px; padding: 2px 5px 0;}
.bnr-btn-icn { width:18px;}

.banner .btn_box{ width:95%;}

.bnr-stp-uls li{padding: 0 0 0; text-align: center; width: 31%; border-right: none; font-size: 16px; line-height: 22px;}
.li-stp-img{    position: static;  margin: 0 auto 5px; display: block; max-width:48px;}

.sec1_left{width: 38%;}
.s1_image{margin: 45px auto 0;}
.s1_right{width: 60%;}
.s1_act_img{ width:90%;}
.common_sub_head{ font-size:18px; line-height:26px;}
.common_heading{ font-size:37px; line-height:44px;}
.s1-icon-img { max-width: 82px;}

.banner:before{height:390px;}
.bnr-lft{width:70%;}
.bnr-lft-hding {font-size: 38px; line-height: 48px;}
.bnr-stp{margin-top:20px;}
ul.bnr-stplist li{font-size:15px; margin-right:15px;}
.bnr-prd{width: 410px; right: 50px; top: 240px;}
ul.bnr-list li{font-size:19px; margin: 10px 0 0 0;}
.bnr-vdo { max-width:370px; top:320px;}
.bnr-reviw {width: 600px; margin: 60px 0 -180px 20px;}

.section1{padding:50px 0; border-top:2px solid #e5e5e5;}
.comn-hding {font-size: 36px;line-height: 44px;}
.s1-rgt{width:100%; margin:0; text-align:center;}
.s1-left{width:100%;}
.s1-house{margin-top:30px; width:auto;}
.s2-house-connect{top:200px;}
ul.s1-list{padding:0 40px;}

ul.strip2-list li{width: 32.5%;}
.strip2-hding {font-size: 20px; line-height: 28px;}
ul.strip2-list li p {font-size: 15px; line-height: 25px;}
ul.strip2-list li img {        width: 85px;}
ul.strip2-list li:nth-child(3):after{ display:none;}


.sec4{padding:40px 0 50px;}
.sec4_arrow{width:22px; top:-65px;}
.sec4_prod{width:360px; margin:-10px 0 0;}
.sec4_box p{ font-size:16px; line-height:26px;}
.sec4_inner{margin: 0 0 0;}
.sec4_box{padding:10px 10px 20px;}
.sec4_box_icon{width:35px;}

section_3{padding:50px 0;}
.s3_left{ width:40%;}
.s3_right{ width:55%;}
.s3_list_row img{ width:70px;}
.s3_list_inr{ width:calc(100% - 85px);}
.s3_list_inr span{ font-size:20px; line-height:30px;}
.common_text{ font-size:17px; line-height:25px;}

.section_8 { padding: 50px 0;}
.package_section{ padding:0 10px;}
.package{ width:31.5%; padding:15px;}
.pakge_seal{ width:62px; height:62px; right:0; padding:14px 0 0;}
.pakge1 .pakge_seal{ right:0;}
.pakge_seal p{ font-size:12px; line-height:16px;}
.pakge_seal p span{ font-size:20px;}
a.pakge_btn{ height:52px; line-height:56px; font-size:22px;}

.s5_left{ width:45%;}
.faq_section{ width:52%;}

}


@media only screen and (max-width:767px){
.container{ width:100%; max-width:600px; padding:0 10px;}

.hide-mob{ display:none;}
.hide-desk, .forMob{ display:block;}

.top-fix-bar{ margin-bottom:50px;}
.header{ height:50px; margin-top:-50px; top:50px;}
.logo {margin-top: 7px; width: 200px;}
.mob-mnu-ic{ right:15px; top:14px;}
.mobilemenu{ top:50px;}

.redStrip p{ font-size:16px; line-height:20px;}

.banner-section{ padding:20px 0 30px;  background-size:100%;}
.banner-left { width: 100%; text-align:center;}
.banner-rev-text {font-size: 12px; line-height: 18px;}
.bnr-rev-star { width: 68px; margin: -4px 5px 0 0;}
.banner-text1 { font-size:18px; line-height:24px;}
.banner-heading {font-size: 32px; line-height: 38px; letter-spacing: 0; margin-top: 0;}
.bnr-img{ position: static; margin: 20px 0 0 -15px; width: calc(100% + 30px); max-width: unset;}
.banner-text-box { text-align:left; position:relative; padding:8px 0 5px 0px;}
.banner-text2 {font-size: 15px; line-height: 22px; margin-top: 0; padding: 10px 0 10px 10px;}
.bnr-prod-img{width:105px; left:0; right:auto; bottom:5px;}
ul.banner_point { margin-top: 5px; float:left;}
ul.banner_point li { font-size: 16px; line-height: 22px; background-size: 22px; padding: 0 0 5px 30px; border-bottom: 1px solid #ccc; margin-top: 5px;}
ul.banner_point li:last-child{ border-bottom:none; padding-bottom:0;} 
.bnr-btn-text1 {font-size: 13px; padding: 2px 5px 0; background:#f1eeff; margin:0 0 20px;}
.bnr-btn-icn { width: 26px;}
.button-box{ margin-top:20px;}
.btn-text1 {font-size:14px; line-height:20px; font-weight:600;}
.btn-icn1 { margin: -4px 5px 0;}
.common_btn{ font-size:20px; line-height:50px; height:52px;}
.btn-arrow{ width:20px;}

.section_1{ padding:30px 0;}
.section_1:before { height:50px; top:-25px;}
.sec1_left{ width:100%; max-width:100%; margin:25px 0 5px;}
.s1_mid{  max-width: 100%;}
.s1_right{ width:100%; text-align:center; margin-top:0; padding: 0;}
.s1_imageBx{ margin-top:0px;}
.s1_act_img{ width:95%;}
.common_heading{ font-size:26px; line-height:34px; width: 100%;}
.common_text{ font-size:16px; line-height:24px; margin-top:15px;}
.s1-icon-img{top: 37px; left: -5px; max-width: 64px;}
.common_text2{font-size: 16px;line-height: 25px; text-align: left;}
.s1_image{ margin-top:0;}
.s1-rgt-box{ margin-top:20px;}


.strip2{padding: 0px 0 30px;}
.strip2-hding { font-size: 19px;line-height: 26px;}
.strip2-hding:before, .bnrstrip-hding:after{width: 35px; margin: -5px 5px;}
ul.strip2-list {margin-top: 0;}
ul.strip2-list li { width: 33%;  margin: 25px 0 0 0;}
ul.strip2-list li:after{ display:none;}
ul.strip2-list li p {font-size: 12px; line-height: 16px;margin-top: 10px;}
ul.strip2-list li img { width: 45px;}
 
.strip2-hding { font-size: 16px; line-height: 24px;}
.strip2-hding:before, .bnrstrip-hding:after{width: 35px; margin: -5px 5px; display:none;}
.strip2-hding:after{ display:none;}
ul.strip2-list {margin-top: 15px;}
ul.strip2-list li { width: 33%;  margin:0px 0 0 0;}
ul.strip2-list li:after{ display:none;}
ul.strip2-list li p { font-size: 14px; line-height: 20px; margin-top: 5px;}
ul.strip2-list li img { width: 60px;}

.section4{ padding:30px 0;}
.sec4{padding:35px 0 35px;}
.sec4_arrow{top:-60px;}
.sec4_content{width:100%; text-align: center;}
.sec4_mobile{width:100%; margin-top:10px;}
.sec4_inner{margin:0 auto; max-width:380px; width:100%; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.sec4_box{margin:0 auto 5px; text-align:left; padding:10px 15px 25px; width:100%;}
.sec4_box:last-child{margin-bottom:0px;}
.sec4_box_icon{width:47px;}
.sec4_box p{font-size:16px; line-height:24px; margin-top: 7px;}

.section_3{ padding:30px 0; background:url(../images/section_5_m.jpg) no-repeat center 30% #fff;} 
.s3_mid{ margin:5px 0 0px; float:none; max-width:100%; display:inline-block; vertical-align:top;}
.s3_left{ display:none; width:100%;}
.s3_right{ width:100%;}
.s3_list_row{ margin:15px 0 0;}
.s3_list_row img{ width:110px;}
.s3_list_inr{width:calc(100% - 78px);}
.s3_list_inr .common_text{ font-size:16px;}
.s3_list_inr span:before, .s3_list_inr span:after{top: 16px;}
.s3_list_inr span:after{top: 8px;}

.section_8{ padding:30px 0 !important;}
.package_section{ padding:0; margin-top:5px; padding:0 0 !important;  margin-top: 0 !important;}
.package{ width:100%; padding:15px 15px 20px; margin-top:20px; border:2px solid #d1d1d1; border-radius:12px;}
.pakge1{width: 100% !important;}
.pakge2{order:1;}
.pakge3{order:3;}
.pakge_heading{ font-size:22px; line-height:26px;}
.pakge_heading span{ display:inline-block; vertical-align:middle; margin-top:-2px;}
.pakge_mob{ float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 15px 0 5px; flex-wrap: wrap;}
.pakgeProd_box{ width:100%; padding:0 0;}
.pakge_seal{ display:none;}
.pakge_priceBox{ width:100%; text-align:left; padding-left:10px; border-left:1px solid #eeeeee;}
.duration_text{ font-size:12px; text-align:center; line-height:12px; margin-bottom:10px; padding:7px 10px 5px; max-width:120px;}
.prod_price{ font-size: 26px; line-height: 34px;  width: 100%; margin-top: 10px;}
.regular_prc{ float: left; width: 100%; text-align: left; padding-right: 0; font-size: 16px; line-height: 28px; font-weight: 500; margin-bottom: 5px;}
.free_shipping{ font-size:15px; line-height:18px; margin-top:6px;}
.free_shipping img{ width:20px;}
a.pakge_btn{height: 50px;line-height: 54px;font-size: 22px;max-width: 100%; margin-top:0px;}
.prod_txt{ font-size:16px;}

.section_5{ padding:30px 0 35px;}
.s5_left{ width:100%;}
.acdn-img{ display:none;}
.faq_section{ width:100%;}
.acdn_content{ padding:0 0 15px 0;}
.accordion{padding: 17px 11px 17px 0px; font-size: 18px; line-height: 26px;}
.accordion span{font-size: 18px;}
.acdn_para{ font-size:15px; line-height:24px; margin: 0;}
ul.acdn_list{ padding-left:0;}
ul.acdn_list li{ font-size:15px; line-height:20px;}

.section6{ padding:30px 0;}
.s6-col{ width:100%;margin-bottom: 10px;}
.s6-col-no-text{height: 40px; width: 40px; line-height: 40px; font-size: 20px;}
.s6-row {    margin: 20px auto 0;}
.s6-col-text2{font-size: 16px; line-height: 24px; margin-top: 7px; top: 8px;}

.footer {padding: 0 0 20px;}
.ftr-logo{ margin:20px auto 10px; width:130px;}
.ftr-txt1{font-size: 14px;line-height: 22px; }
.ftr-txt1 a{font-size: 14px;line-height: 22px; padding:0;}
ul.ftrlist li{ line-height: 30px; border:none; padding:0; font-size: 16px;}
p.ftrtxt2.dicclmr{font-size: 16px; line-height: 24px;}
.ftrtxt1{font-size: 16px; line-height: 24px;}
.ftrtxt2 {font-size: 16px; line-height: 24px;}

#call-btn {
    float: left;
    width: 100%;
    padding: 11px 10px 10px;
    background: #176731;
    position: fixed;
    bottom: 0%;
    left: auto;
    z-index:12;
    transition: bottom 1s;
    display: table;
	}
#call-btn .btn-ofr-txt{ color:#fff;}
.btn-box {width: 324px; margin-top: 20px;}
a.packageBtn,.s9-mid a.packageBtn { font-size: 22px; line-height: 63px; height: 58px;}
.btn-arw{ margin:-10px 0 0 5px;}
.footer a.packageBtn{ font-size:28px;}

}


@media only screen and (max-width:479px){
.s1-list-big-icn {
	position:inherit;
	left:0;
	display:block;
	right:0;
	margin:20px auto 0 auto;
    top: 0;
    width: 126px;
}
ul.s1-list1 li, ul.s1-list2 li {
    width: 50%;
    margin: 21px 0 0 0;
}
.comnHdng span {font-size: 26px; line-height: 36px;
}
.comnHdng p { font-size: 18px; line-height: 24px;}

ul.infection-list li img {
    width: 119px;
}
/*------s3------*/
.s3-oxide-box {
    margin-top: 96px;
}	
.s3-clorine-img-mob {
    margin: -97px auto 0 auto;
    width: 320px;
}
.s4-col-1 ul li {

}
.s9-btn {
    padding: 0 10px;
}
}
@media only screen and (max-width:359px){
/*------s3------*/	
.s3-oxide-box {
    margin-top: 86px;
}	
.s3-clorine-img-mob {
    margin: -97px auto 0 auto;
    width: 260px;
}
.s9-btn {
    padding: 0 4px;
}	
.btn-box {
    width: 297px;
}
.yousv {
    font-size: 20px;
    line-height: 22px;
}
}

.tadda {
	animation-name: tadda;
	-webkit-animation-name: tadda;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
@keyframes tadda {
0% {transform:translateX(0px)}
50% {transform: translateX(15px);}
100% {transform: translateX(0px);}
}
.taddaR {
	animation-name: taddaR;
	-webkit-animation-name: taddaR;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
@keyframes taddaR {
0% {transform:translateX(0px)}
50% {transform: translateX(-15px);}
100% {transform: translateX(0px);}
}