@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/


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

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

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

.banner{ height:auto; background-size:cover;}
.bnr-left{ width:720px; padding:30px 0;}
.bnrHdng{ font-size:25px; line-height:27px;}
.bnr-subHdng{ font-size: 54px; line-height: 60px;}
.bnr-para {margin-top: 4px; width: 70%;}
ul.bnr-list li{ font-size:22px; line-height:26px; padding-left: 35px;}
.bnr-img-line {right: 30px;top: 160px;width: 400px;}
.bnr-prod { top: 24px; width: 283px; right: 45px;}

.comnPara{ font-size:18px; line-height:28px; width: 92%;}
.wrnig{
	display:block;
	margin:0 auto;
	width:100%;}
.s1-hd {
    font-size: 34px;
    line-height: 44px;
    margin: 10px auto 0 auto;
}	
ul.s1-list1 li, ul.s1-list2 li {
    padding: 0 34px;
}

.bnr-btm-sec ul{ row-gap:30px;}
.bnr-btm-sec ul li{ padding: 0 0; width: 33.33%;}

ul.bnr-gmo-list{ left:435px;}
/*---------------------*/
.nw-s1-bx1 {margin: 40px auto 0 auto;}
ul.nw-s1-list1{width: 45%;}
.nw-s1-img1 {
    width: 506px;
}
.nw-s1-seal {
    width: 100px;
}
.nw-s2-prod {
    width: 365px;
}
/*---------------------*/
.s2-list ul {width: 370px;}
.s2-list ul li{ padding:0 20px; margin-top: 37px;}
.s2-list ul li span{ font-size: 20px; line-height: 26px; margin: 7px 0px;}
.s2-list ul li p{ font-size:18px; line-height:26px;}
.s2-list-line1,.s2-list-line2{ width:180px;}
ul.infection-list li {padding: 0 27px;}

.comnHdng span{ font-size:40px;}
.comnHdng p{ font-size:36px;}

.s3-prod {
    right: -6px;
    top: -204px;
    width: 210px;
}
.s3-seal {
    right: 116px;
    top: -70px;
}
.s3-txt2{ font-size:18px; line-height:28px;}
.s4-col-1 ul li{ font-size:17px; padding: 10px 7px 10px 15px;}
.s4-col-3 ul li span{ line-height:22px;}



.s6-list{ padding:0 30px;}
.s6-list p,ul.s7-seal-list p{ font-size:18px; line-height:28px;}

.testi-sec{ padding:0 70px;}

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


}

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

.bnr-left {width: 600px;padding: 30px 0;}
.bnrHdng {
    font-size: 24px;
    line-height: 27px;
}
.bnr-subHdng {font-size: 34px; line-height: 44px;}
.bnr-strip {
    width: 653px;
    height: 102px;
    padding: 9px 35px 0 101px;
}
.strip-txt1 { font-size: 20px; line-height:22px;}
.bnr-para {
	font-size: 18px;
	line-height: 26px;
	margin-top: 2px;
	width: 90%;
}
.bnr-strip img {
    width: 86px;
	position: absolute;
    left: 6px;
    top: 8px;
}
ul.bnr-list li {font-size: 20px;line-height: 24px; padding-left: 30px;}

ul.bnr-gmo-list {left: 395px;bottom: 45px;}
ul.bnr-gmo-list li{ padding:0 3px;}
ul.bnr-gmo-list li img{ width:50px;}
.bnr-prod {top: 50px; right: 0; width: 213px;}
.btn-box{ width:345px;}

.bnr-btm-bar-txt img{ width:130px;}
.bnr-btm-sec ul li{ padding:0 12px;margin: 10px 0 0 0; font-size:16px;}

.sectionOne{ padding:50px 0;}
ul.s1-list1 li, ul.s1-list2 li {
    padding: 0 12px;
    font-size: 18px;
}
.s1-list-big-icn {
    top: -25px;
    width: 158px;
}
.s1-txt2 {
    margin: 49px auto 0 auto;
}
.comnHdng span{ font-size:38px; line-height:42px;}
.comnHdng p{ font-size:38px; line-height:42px;}
.s1-txt1{ padding:0;}
/*---------------------*/
.new-sec1, .new-sec2{ padding:50px 0;}
.s1-btm-arw {
    top: -57px;
}
img {
    border: none;
}

.nw-s1-bx1 {
    margin: 40px auto 0 auto;
    padding: 0 0 16px 0;
	width:600px;
	display:inline-block;
	vertical-align:middle;
	float:none;
}
.s2_img_box{ width:100%;}
.nw-s1-img1 {
    width: 100%;
	position:inherit;
	left:0;
	right:0;
	border-radius: 12px 12px 0 0;
}
.nw-s1-p1 {
    margin: 20px auto 0 auto;
    padding: 0 10px;}

.nw-s1-seal {
    top: 40px;
    left: 20px;
    width: 100px;
}
ul.nw-s1-list1 {
    padding: 25px 20px 0 20px;
	width:100%;
}
ul.nw-s1-list1 li{ margin-top:12px; padding: 0 0 0 20px;}
.nw-s1-btn-box {
    float: none;
}
.nw-s2-prod {
    position: inherit;
    left: 0;
    top: 0;
    right: 0;
    display: block;
    margin: 20px auto 0 auto;
    width: 170px;
}
.new-sec2-rgt {
    float: none;
    width: 100%;
    text-align: center;
}
.new-sec2-rgt .comnHdng {
    background: url(../images/comn-hdr-bdr.png) no-repeat center bottom;
}
ul.nws2-list {
    padding: 0 0 0 0;
}
ul.nws2-list li {
    background: url(../images/nw-s2-tk.png) left top no-repeat;
    padding: 0 0 0 38px;
    margin: 20px 0 0 0;
    text-align: left;
}

/*---------------------*/

.sectionTwo{ padding:50px 0;}
.s2-list ul {width: 270px;}
.s2-prod {top:60px; width: 240px;}
.s2-list ul li{ margin-top:20px;}
.s2-list-line1, .s2-list-line2 {width: 128px;}
.s2-kill-strip{ font-size:22px;}
.s2-kill-strp-line{ width:160px;left: -120px;}
.s2-kill-strp-line2{width:160px; right:-120px;}
ul.infection-list li {
    padding: 0 12px;
}
ul.infection-list li img {
    display: block;
    width: 159px;
    margin: 0 auto 5px;
}
.s2-kill-strp-line, .s2-kill-strp-line2{ display:none;}

.sectionThree{ padding:50px 0;}
.s3-left {
    width: 77%;
}
.s3-clorine-img{ width:160px;}
.s3-oxide-box{padding: 20px 0 0 0;}
.s3-oxide-box-mid {
    padding: 0 157px 16px 164px;
}
.s3-clorine-img {width: 160px;}
.s3-txt1{ font-size:22px;}
.s3-txt2{ line-height:26px;}
.s3-prod {top: -144px; width: 175px;}
.s3-seal {right: 112px; width: 85px;top: -58px;}
.s3-oxide-box-btm {
    background: #fff;
    padding: 0 0 17px 0;
    float: left;
    width: 100%;
    border-radius: 0 0 10px 10px;
}
.s3-btn {
    float: none;
    margin: 19px auto 0 auto;
    display: block;
}

.sectionFour{ padding:50px 0;}
.s4-col-1{ width:28%;}
.s4-col-right{ width:72%;}
.s4-col-1 ul li {
    font-size: 16px;
    padding: 10px 3px 10px 7px;
}
.s4-col-2 ul li{ font-size:16px; padding: 10px 5px;}
.s4-col-2 ul li:first-child { line-height:22px;}
.s4-col-3 ul li{ font-size:16px; padding:10px 5px;}
.s4-img1{ width:80px;}
.s4-img2{ width:70px;}



.sectionSix{ padding:50px 0;}
.s6-list {padding: 0 15px;}
.s6-stp1-img{ width:260px;}
.s6-list span{ font-size:22px;}
.s6-list p, ul.s7-seal-list p {font-size: 17px;line-height: 26px;}
.s6-bdr-line { display:none;}

.sectionSeven{ padding:50px 0;}
ul.s7-seal-list li{ padding:0 10px;}
.s7-seal1{ width:90px;}
ul.s7-seal-list span{ font-size:22px; line-height:24px;}

.sectionEight{ padding:50px 0;}
.testi-sec{ padding:0;}
.testi-abt{ font-size:18px; line-height:26px;}

.sectionNine{ padding:50px 0;}
.s9-mid{max-width: 80%;}
.s9-right{width: 84%;}
.pkg1{margin: 10px 0%;}

}


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

.hide-mob{ display:none;}
.hide-desk{ 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{ background:#f9f9f9;}
.banner .container{ padding:0;}
.bnr-left{ width:100%; text-align:center; padding:15px 0 25px;}
.bnrHdng { font-size:18px; line-height: 24px; padding: 0 0px;}
.bnr-subHdng {
	font-size: 30px;
	line-height: 36px;
	letter-spacing: 0;
	/* padding: 0 10px; */
	margin-bottom: 10px;
}
.bnr-subHdng span{ font-size:24px;}
.bnr-btm-sec ul li img{ max-width: 45px;}

.mobile-bnr,.s1-bnr{ margin:10px auto; max-width:100%;}
.mobile-bnr-prod{margin:10px auto; max-width:100%; width:auto;}
.bnr-strip {
    width: 100%;
    margin: 0 0 0;
    padding:10px 10px 12px 10px;
    background-image: none;
    background: #ffe9b9;
    height: auto;
    text-align: left;
}
.strip-txt1{ padding-left:70px; line-height:26px;}
.bnr-para {  margin-top: 0; line-height: 26px; text-align: center; width: 100%; font-size: 17px;}
.bnr-strip img {top:7px; width:60px; display:none;}

.bnr-prod{ display:none;}
ul.bnr-gmo-list{ display:none;}
ul.bnr-gmo-list li{ width:33.33%; margin:0;}
.bnr-line{ display:none;}
ul.bnr-list{padding:0 10px 0 15px; margin:5px 0 0;}
ul.bnr-list li {font-size: 18px;line-height: 22px;padding-left: 30px;background-size: 18px; letter-spacing:0; margin-top:8px;}

.bnr-btm-bar-txt img{ display:none;}
.bnr-btm-bar-txt{ font-size: 20px; line-height: 20px;}
.bnr-btm-sec ul{ margin-top:10px;}
.bnr-btm-sec ul li {padding: 0 0; margin-top: 20px; width: 32%; font-size: 16px;}
.bnr-btm-sec ul li:nth-child(3):after{ display:none;}
.bnr-btm-sec{ padding:20px 0 25px;}
.btn-ofr-txt{ font-size: 16px;}



.sectionOne {padding: 30px 0;}
.s1-hd {
    font-size: 24px;
    line-height: 32px;
    margin: 10px auto 0 auto;
}
.s1-bg {
    background:none;
    position: relative;
    margin: 0px auto 0 auto;
}
ul.s1-list1, ul.s1-list2 {
    float: left;
    width: 100%;
}
ul.s1-list1 li, ul.s1-list2 li {
    padding: 0 12px;
    font-size: 18px;
    background: no-repeat;
    width: 35%;
	padding:0 0;
	margin:40px 0 0 0;
}
ul.s1-list1 li:last-child, ul.s1-list2 li:last-child {
	float:right;
}
.s1-list-big-icn {
    top: 102px;
    width: 148px;
}


.comnHdng { padding-bottom: 40px; background-size: 450px;}
.comnHdng span {font-size:32px;line-height: 38px; letter-spacing:0.5px;}
.comnHdng p {font-size:32px;line-height: 38px;}
.comnPara { font-size: 16px; line-height: 25px;  margin-top: 10px; padding: 0 0 0px 0;  width: 100%;}
.s1-prod {margin: 20px auto 0;}

.nw-s1-bx1{ width:100%; }
ul.nw-s1-list1 li{padding: 0 0 0 40px; margin: 0;}
.nw-s1-list1-p1 span{ font-size:20px;}
.nw-s1-list1-p1{ padding-bottom:15px; margin-top:0;}
ul.nw-s1-list1{ row-gap: 5px;}


/*---------------------*/

/*---------------------*/

.sectionTwo{ padding:25px 0;}
.s2-prod{ position: static; display: block; margin: 0 auto 0; max-width: 200px; transform: none;}
.s2-list ul{ width:100%;}
.s2-list-line1, .s2-list-line2{ display:none;}
.s2-list ul li p {font-size: 18px; line-height: 27px;}
.s2-icon { margin: 0 auto 5px;}
.s2-kill-strip {font-size:18px;margin-top: 20px;}
.s2-kill-strp-line,.s2-kill-strp-line2{ display:none;}
ul.infection-list{ margin:0;}
ul.infection-list li{ width:46%; padding:0 10px; margin-top:20px;}
ul.infection-list li img {
    display: block;
    width: 159px;
    margin: 0 auto 5px;
}
ul.infection-list li:last-child, ul.infection-list li:nth-child(2) {
    background: none;
}

.sectionThree{ padding:25px 0;}
.s3-left{ width:100%; text-align:center;}
.s3-left .comnHdng {background: url(../images/comn-hdr-bdr.png) no-repeat center bottom;}
.s3-oxide-box {
    padding: 20px 15px;
    text-align: center;
    margin-top: 120px;
}
.s3-prod{ display:none;}
.s3-seal { display:none;}
.s3-oxide-box-mid {
    padding: 0 0 0 0;
}
.s3-oxide-box-btm{
	display:none;}
.s3-clorine-img-mob {
    margin: -118px auto 0 auto;
    width: 438px;
}
.s3-txt2 {font-size: 16px;line-height: 24px;}

.sectionFour{ padding:25px 0;}
.s4-table{ margin:40px 0 20px;}
.s4-col-1{ width:32%;margin-top: 83px;}
.s4-col-1 ul li{ font-size:16px; line-height:20px;padding:5px 5px 5px 10px; letter-spacing:0.2px;}
.s4-col-1 ul li:last-child{ }

.s4-col-right{ width:68%;}
.s4-col-2,.s4-col-3{ width:50%;}
.s4-col-3{ margin-top:0;}
.s4-col-2 ul li{ font-size:15px;padding: 12px 5px;}
.s4-col-3 ul li{ font-size:14px;padding: 12px 5px;}
.s4-col-3 ul li span{ line-height:18px;}
.s4-img1,.s4-img2{width: 55px; margin: -5px auto 5px; display:none;}
.s4-col-3 ul li:first-child,.s4-col-2 ul li:first-child{ height:82px; line-height:17px;padding: 10px 5px;}
.s4-col-3 ul li span {line-height:17px;}
.s4-col-3 ul li:last-child,.s4-col-2 ul li:last-child{ height:40px; padding:5px;}
.s4-tik{ width:30px;}
.s4-txt1{ margin-top:20px; font-size:14px;}



.sectionSix{ padding:25px 0;}
.s6-col-bx{ margin:0;}
.s6-list{ width:100%; margin-top:25px;}
.s6-bdr-line{ display:none;}
.s6-list span{ line-height:22px; font-size: 20px;}
.s6-list p, ul.s7-seal-list p {font-size: 18px; line-height: 28px;}

.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);}
}