@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
/*==============Media=============*/
@media only screen and (max-width:1187px){
.container{ width:1004px;}

.banner{}
.banr-left{ width:50%}
.bnrHdng{font-size: 50px;line-height: 60px;}
.bnr-prodt {top: 22px;max-width: 485px;}

.sectionOne {}
ul.s2-list{ padding:10px 15px;}
ul.s2-list li{}
ul.s2-list:before,ul.s2-list:after{width: 100px;}


.sectionFour{}
.s4-chooseBx {column-gap: 19px;}
.s4-col, .s4-co2, .s4-co3, .s4-co4, .s4-co5, .s4-co6 { width:32%; background-size:cover;}
.s4-cont2{ padding:10px 10px;}

.s3-left{ padding: 30px 0; width:50%;}
.s3-img{width: 160px; right:285px;}
.s3-left .comnHdng{ }

.sectionTwo { padding: 40px 0;}
.s2-mdl-box{ column-gap: 13px; }
.s2-prd-name{}

.s7-blog-col{width: 32.33%;}
.blg-date{ font-size:11px;}

.signupHdng{font-size: 36px;line-height: 50px;}
.signup-para{font-size: 24px;line-height: 26px;}

}

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

.logo{}
ul.mainMenu li{ padding:0 10px;}
.hdr-rght ul li{padding: 5px 3px;}

.banner{ padding:40px 0; height:auto;}
.banr-left{width:55%;}
.bnrHdng{font-size:40px;line-height: 50px;}
.bnr-txt1{font-size: 16px;line-height: 26px;margin-top: 15px;}
.bnr-prodt {top: 55px;max-width: 335px;}
.comn-btn {margin-top: 25px;}

ul.s2-list { padding: 15px 5px;}
ul.s2-list li span { font-size: 16px; line-height: 26px;}
ul.s2-list li{ padding: 3px 0px; text-align:center;}
ul.s2-list li img{ position:relative; margin:0 auto 5px;}
ul.s2-list:before, ul.s2-list:after {width: 45px;}

.s2-prodBx-col{padding: 15px 10px 25px;width: 45%;}
.s2-prod {}
.s2-mdl-box { column-gap: 10px;}
.s2-prd-name{}
.prd-seal{right: 0;top: 0; left:0; height:auto; border-radius:0;padding: 10px 0px; width:auto;}
.bnr-btm-sec{ padding:20px 0;}
ul.promise-list{row-gap: 10px;}
ul.promise-list li{ width: 30%;}

.comnPara, .prodct-sec .comnPara{ font-size:17px; width:100%}
.comnpdng{ padding:0;}
.s1-list-col{ width:15%;}

.s4-chooseBx{ margin-top:20px;column-gap: 0;justify-content: space-between;}
.s4-col, .s4-co2, .s4-co3, .s4-co4, .s4-co5, .s4-co6 {  width: 48%; height: 300px;}
.s4-cont span{}
.s4-price{ font-size:20px;}
.s4-btn { width: 115px; font-size: 18px; line-height: 28px;}

.sectionThree{ padding:40px 0;}
.s3-left{ width:100%; text-align:center; padding:0;}
.sec3-prodt {
	border: 5px solid #01a599;
    position: static;
    max-width: 100%;
    margin-top: 15px;}
.s3-img { width: 150px; right: 165px; top:0;}
.s3-left .comnHdng { }

.s5-left{width: 32%;}
.s5-rght{width: 64%;}
.s5-t-hdng{ font-size:28px;}

.s6-col{ padding:0 10px;}
.comnHdng{ font-size: 34px; line-height: 45px;}
.sub-hdng {font-size: 16px;line-height: 25px; margin-top:15px; } 

.blog-hdng{ font-size:19px; min-height:104px;}
.signupHdng {font-size: 28px; line-height: 40px;}
.signup-para {font-size: 19px;line-height: 24px;}

.pro-dtl-sec1 {  }
.shop-inner {width: 100%; justify-content: space-between; row-gap: 20px;}
.pr-dtl-s1-lft{ width:44%; height:400px;}
.pr-dtl-s1-rgt{ text-align: left; width: 52%;}
.pr-dtl-s1-rgt-p1{}
.pr-dtl-s1-rgt-p3{ font-size: 15px; line-height: 25px; padding: 0;}
.pro1-dtl{ padding:10px 0; max-width:100%;}
.proDetls1-rgt-pnts li {}
.proDetls1-rgt-pnts li p,.proDetls1-rgt-pnts li span{}

ul.pro-dtl-sec2-list{ column-gap: 10px; padding-top:30px;}
ul.pro-dtl-sec2-list li{width:24%; padding:15px 10px 20px;}
.pro-dtl-sec2-list-p1 { font-size: 15px; line-height:28px;}
a.show-btn-sml, a.show-btn-sml2 {padding: 14px 20px; width: 100%;    height: auto;}
	
.proDetls1-rgt-pnts li img {position: static;display: block; margin: 0 auto 10px;}

.cart-frm{padding:20px 0;}
.cart-sec1, .crt-frm1, .crt-frm2{width:100%; padding: 10px 10px;}
.frmElmnts{width: 49%;}
.frmElmnts.exp-month {width: 100%;}
.frm1, .frm2{padding:10px;}
.frmfld input, .frmfld select, .frmfld1 input, .frmfld1 select{font-size:15px;}

.contact{}
.contact-img{display:none;}
.contact-rgt .frmElmnts{width:100%;}
.contact-us{padding:30px 0;}
.contact-us .bdhding{font-size: 25px; line-height: 30px;}

.ftr-links-col-1{ padding-right:40px;}
.ftr-links-col-2 {width: 19%;}
.ftr-links-col-3 {width: 22%;}
.ftr-links-col-4{ width:34%;}
.ftr-links-list li{font-size: 16px;line-height: 22px;}

}


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

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

ul.mainMenu{ display:none;}
.top-fix-bar{ margin-bottom:60px;}
.header{ height:60px; margin-top:-60px; top:60px;}
.logo{max-width: 180px; margin:0;}
.mob-mnu-ic{ right:15px; top:10px; left:auto;}
.mobilemenu{ top:92px;}
.mobimenu-top{ top:60px;}


.topStrip{ overflow:hidden; display:none;}
.topStrip p{font-size: 15px;line-height:22px;}
.topStrip .top-date{font-size: 14px;width:100%;}
.top-menu{width:100%;}
.top-menu li{font-size: 14px; width:100%; margin:0;}
.top-menu li:after{border:none;}
#caption {
    width: 100%;
    white-space: nowrap;
    -moz-animation:  caption 15s linear 0s infinite;
    -webkit-animation:  caption 15s linear 0s infinite;
}
@-moz-keyframes caption { 
    0% { margin-left:100%; } 100% { margin-left:-600px; }  
}
@-webkit-keyframes caption { 
    0% { margin-left:100%; } 100% { margin-left:-600px; }  
}

.hdr-rght{ margin:6px 40px 0 0;}
.hdr-rght ul li {padding: 5px 5px;}
.hdr-rght ul li:nth-child(1),.hdr-rght ul li:nth-child(2),.hdr-rght ul li:nth-child(4){ display:none;}
.hdr-rght ul li:nth-child(3) img{ width:40px;}

.form-search {bottom: -114px;padding: 5px;width: 100%;}

.pop-innr {width: 100%;text-align: center;}

.banner{ height:auto; background:#f7f6f4; padding:25px 0 30px;}
.banr-left{ text-align:center; width:100%; margin-top:0; padding:0;}
.bnrHdng { font-size:27px; line-height: 35px;}
.bnrHdng span{ display: inline-block;}
.bnrHdng:after{ left:50%; margin-left:-28px;}
.inner-top .bnrHdng::after {left: 0; margin: 0;}
.bnr-txt1{ }
.bnr-prodt {position: static;
        max-width: 100%;
        border: 5px solid #01a599;
        margin-top: 16px;
    }
.btn-bx{ max-width:330px;margin-top: 25px;}
.btn-txt:before, .btn-txt:after{ width:40px;}
.comn-btn {margin-top:20px;}
.continue-shpbtn{margin-top:5px; max-width:100%;font-size: 17px}

.promise-hdng{ letter-spacing:0.5px;}
ul.promise-list{ margin-top:5px;}
ul.promise-list li{ float:left; width:33.33%; margin-top:20px; padding:0 5px;}
ul.promise-list li p{ font-size:14px;}

.sectionOne{ padding:30px 0 5px;}
.sub-hdng{margin-top:14px;}
.comnHdng {font-size:27px;line-height: 35px;}
.s1-listBx{ margin-bottom:0;}
.s1-list-col {width: 32%;margin-top: 20px;}
.comnPara{line-height: 24px;margin-top: 15px;}
.hdg-line {
    display: none;}

.sectionTwo{ padding:30px 0 30px;}
ul.s2-list{ margin-top:0px;justify-content: center;column-gap: 10px;}
ul.s2-list:before, ul.s2-list:after{ display:none;}
ul.s2-list li{ width: 48%; padding: 0; border: none;line-height: 23px;}
ul.s2-list li:nth-child(2){ border:none;}

.s2-mdl-box{justify-content: space-between; margin-top: 20px;column-gap: 0;}
.s2-prodBx-col{ width:100%;padding: 15px 10px; overflow:hidden}
.s2-prodBx-col:hover:before {height: 130px; bottom: 170px;}
a.s2-btn{}

.inner-top{padding:10px 0;}
.inner-top .bnrHdng{padding-bottom:0px; font-size:18px; line-height: 22px;}
ul.inr-top-list{margin-top:5px}
.s2-prd-rvw img{ display:block;}
.prd-seal{ }
.pro-dtl-sec1{ padding:30px 0; background:linear-gradient(180deg, #333 20% 20%,  #70bdc1 20% 20%)}
.shop-inner{}
.pr-dtl-s1-lft {
    width: 100%;
    height: 380px;}
.pr-dtl-s1-rgt{ width:100%; text-align:left;}
.pr-dtl-s1-rgt-p1{ color:#010101;font-size: 27px;line-height: 32px;}
.description-txt{ margin-top:12px;}
.pr-dtl-s1-rgt-p3{ margin-top: 10px;  }
.s1-p2 {font-size: 16px;line-height: 25px;}

.pro-dtl-sec2{ padding:30px 0;}
ul.pro-dtl-sec2-list { column-gap: 6px; padding-top: 20px;}
ul.pro-dtl-sec2-list li { width: 48%;}

.proDetls1-rgt-pnts li span {
    float: none;
    margin: 0 5px 0 0;}
.pkg-sec {
    column-gap: 6px;
}
.pck-prc {
    margin: 4px 0 0px;
    font-size: 23px;
    line-height: 30px;}	
.pkg-bx {
    padding: 10px 6px 12px;}	
.jar-txt {
    font-size: 16px;
    line-height: 19px;}	
a.show-btn {
    max-width: 100%;}	

.sectionThree{ padding:30px 0;}
.s3-left .comn-btn {margin-top: 10px;}
.s3-left .sub-hdng{margin-bottom:10px;}
.sectionThree:before{ display:none;}
.s3-left{ width:100%; text-align:center; margin-top:0;}
.s3-left .comnHdng { }
.s3-img{ display:none;}
.s3-img-m{ margin: 0 auto; max-width: 100px;}

.sectionFour{ padding:30px 0;}

.s4-cont2{justify-content: center;}
.s4-col, .s4-co2, .s4-co3, .s4-co4, .s4-co5, .s4-co6{ width:100%; }
.s4-price {font-size: 20px; width:100%; text-align: center;}
.s4-cont p{font-size: 17px;line-height: 24px;}

.sectionFive{ padding:30px 0;}
.s5-left{ width:100%; text-align:center;}
.s5-rtng{ margin-top:15px;}
.s5-rght{ width:100%; margin-top:25px;}
.s5-testi-col{ padding-bottom:50px;}
.s5-t-hdng {font-size: 20px;line-height: 25px;}
.s5-t-abt{font-size: 16px; line-height: 24px;margin-top: 15px;}

.sectionSix{ padding:30px 0;}
.s6-mdl{ margin-bottom:0;}
.s6-col{ width:100%;margin-top: 35px;}
.s6-col-txt1{font-size: 17px;line-height: 25px;margin-top: 10px;}
.s6-col-txt2{margin-top: 10px;}

.sectionSeven{ padding:30px 0;}
.s7-blog-bx{ margin-top:25px;}
.s7-blog-col{ width:100%;}
.blg-img{ width:100%;}
.blog-hdng{ min-height:auto;}
.blog-abt{ font-size:17px; letter-spacing:0.3px;}
.blg-date {font-size: 12px;}


.mail-strip{ padding:30px 0;}
.signupHdng {font-size: 22px;line-height: 32px;}
.signup-para {font-size: 17px;line-height: 24px; letter-spacing: 0.3px;}
.mail-field{margin-top: 20px;padding: 6px;height: 60px;}
.mail-field input{font-size: 17px;padding: 0 8px;width: 65%;}
a.signUp{width: 35%;}



.cont-list li, .frm-lft, .frm-rgt{width:100%;word-break: break-all;}
.frm-rgt{margin-top:10px;}

.ftr-links-sec{ padding:30px 0;}
.ftr-links-col-1{ width:100%;}
.ftr-log{ width:130px;}
.ftr-links-col-2{ width:40%; margin-top:20px;}
.ftr-links-col-3{ width:60%; margin-top:20px;}
.ftr-links-col-4{ width:100%; margin-top:30px;}
.ftr-links-hd{font-size: 18px;line-height: 22px; margin-bottom: 5px;}

.footer{ padding:20px 0;}
.ftr-txt{ width:100%; margin:5px 0;font-size: 14px;line-height: 17px;}
.ftr-txt a {margin: 0 2px;}

.ftr-cont-info{margin-top:10px;}
.ftr-cont-info li:after{border:none;}
ul.ftrlist{margin:10px 0}
}

@media only screen and (max-width:360px){

	
}