@charset "utf-8";
/* CSS Document */
.show-mob, .show-tab {display: none;}
.fl{ float:left;}
.fr{ float:right;}	

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

	.banner__heading {font-size: 60px; line-height: 68px;}
	ul.s1-list1{width: 86%;}
	.banner-model{width: 400px;top: 100px;}
	.banner__right{ bottom: -40px;right: -90px; width: 280px;}
	.banner__points li { font-size: 20px;}
	.button__width{max-width: 440px;}
	.bnr-div1{max-width: 520px; padding: 15px 110px 15px 15px;}
	.bnr-div1 img{width: 100px;}
	.bnr-txt2{max-width: 530px;font-size: 20px;line-height: 30px;}
	.banner__text{width: 90%;}
	
	.banner-bottom{padding: 50px 0 80px}
	ul.bnrstrip-list{ row-gap:15px;}
	.bnr-btm-inner .mdl-img{ max-width: 480px;}
	.bnr-btm-inner div{ width: calc(100% - 530px);}
	.bnr-btm-sec{ margin-top:30px;}
	
	.section1 { padding: 50px 0;}
	.common__subhead { font-size: 23px; line-height: 23px;}
	.common__heading, .s4-rgt .common__heading {  font-size: 44px; line-height: 52px;}
	
	ul.s2-list li{font-size: 17px;}
	ul.s2-list li span {font-size: 20px; line-height: 30px; }
	
	ul.pck-list{max-width: 90%;}
	.pck-prd-info .button__caption{font-size: 11px; line-height: 16px;}
	
}

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

	.show-desk {display: none;}
	.show-tab {display: block;}

	.mob-mnu-ic{cursor: pointer; position: absolute; right: 50px; top: 15px; z-index: 16; height: 30px;}
	.mob-mnu-ic button{
		outline: none;
		-webkit-appearance: none;
		background: none;
		padding:0;
		cursor: pointer;
		border: none;
		}
	.mob-mnu-ic span{
		color:#000;
		display:inline-block;
		vertical-align:top;
		font-size:13px;
		margin-top:4px;
		margin-right:5px;
		}
	.bar1, .bar2, .bar3 {
		width: 25px;
		height: 3px;

		background-color: #0bacb9;
		transition: 0.4s;
		-webkit-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
		}
	.bar2{margin: 5px 0;}

	.dl-active .bar1 {
		-webkit-transform: rotate(-45deg) translate(-5px, 5px);
		transform: rotate(-45deg) translate(-5px, 5px);
		background:#0bacb9;
		}
	.dl-active .bar2 {opacity: 0;}
	.dl-active .bar3 {
		-webkit-transform: rotate(45deg) translate(-6px, -6px);
		transform: rotate(45deg) translate(-6px, -6px);
		background:#0bacb9;
		}	
	.mobilemenu{
		left:0;
		position:fixed;
		top:99px;
		background:rgba(255,255,255,1);
		z-index:10;
		right:0;
		bottom:0;
		overflow:scroll;
		display:none;
		border-top:1px solid #acacac;
		}
	.mobimenu-top{ top:70px;}	
	.mobilemenu li{
		float:left;
		width:100%;
		text-align:left;
		border-bottom:1px solid #ddd;
		}
	.mobilemenu li a{
		float:left;
		width:100%;
		padding:17px 20px;
		font-size:18px;
		color:#000;
		}	
	.mobilemenu li a:hover{color:#000;}

	ul.menu-list{ display:none;}
	.top-btn{ display:none;}
	
	.banner { padding: 25px 0 30px; height: auto; background-size: cover;}
	.banner_left{ width: 80%;}
	.banner__heading {font-size: 52px; line-height: 60px;}
	ul.s1-list1 li{ font-size: 16px; line-height: 24px; column-gap: 10px;}
	ul.s1-list1 li img {max-width: 27px;}
	.banner__right { right: -50px; bottom: -20px; width: 250px;}
	.banner__img_mob {float: right;max-width: 170px;}
	.bar-aerrow {width: 60px;}
	.banner__text { font-size: 16px; line-height: 24px;}
	.bnr-div1 img {width: 80px;}
	.banner__points{row-gap: 10px;}
	.banner__points li {font-size: 18px;line-height: 26px;}
	.banner-model{width: 280px;right: -80px;}
	.bnr-div1 {max-width: 400px;padding: 15px 70px 15px 15px;margin-top: 15px;}
	.bnr-txt2 {max-width: 430px;font-size: 20px;line-height: 28px;margin-top: 20px;padding: 10px 0;}
	.button_box{margin-top: 30px;}
	.button__width {max-width: 360px;}
	.common__button{height: 60px;line-height: 60px;font-size: 26px;}

	ul.bnrstrip-list li{width: 32.5%;}
	ul.bnrstrip-list li img { width: 50px;}
	ul.bnrstrip-list li:nth-child(3):after{ display:none;}
	
	.banner-bottom{padding: 40px 0 60px;}
	.bnr-btm-inner{max-width: 520px;  text-align: center; margin-top: 20px;}
	.bnr-btm-inner .mdl-img{display:inline-block; float: none;}
	.bnr-btm-inner div{width: 100%;margin-top: 15px;padding: 0;}
	.banner-bottom:before{ background-size: 80px; bottom: -45px;}
	.bnr-btm-inner ul li{font-size: 18px;}
	.bnr-btm-inner ul li span{font-size: 20px; margin-bottom: 4px;}
	.banner-bottom .common__text1{}
	.bnr-btm-sec { margin-top: 20px;}
	.bnr-btm-capsule{width: 370px;}
	
	.section1 { padding: 50px 0 40px;}
	.common__subhead { font-size: 20px; line-height: 20px; margin-bottom: 10px;}
	.common__heading,.s4-rgt .common__heading { font-size: 32px; line-height: 38px;}
	.common__text{ font-size:17px; line-height:26px;}
	.sec1_left{ width: 47%;}
	.sec1_right{ width: 49.5%; margin: 0;}
	.s1-cont{ width:100%; text-align:center;}
	.s1-prodbox{ width:40%;}
	.s1-rgt{width: 49%;}
	ul.s1list{ margin-top:20px;}

	.section2 {padding: 50px 0 40px;}
	ul.s2-list li {width: 32.50%;font-size: 16px; line-height: 23px;}
	.s2-icon{width:80px;margin-bottom: 30px;margin-left: 30px;}
	ul.s2-list li:after{left: 60px; height: 120px; width: 120px;}

	.section3 { padding: 50px 0;}
	.sec5_block {max-width: 100%;}
	.s3_prod {right: 30px;}
	.s3-odrbx-arw {left: 15px;}
	.s3_box {max-width: 719px;}

	.section4{padding:40px 0;}	
	.pck-bx {margin: 60px 0 0;width: 48%;}

	
	.section-6{ padding: 50px 0;}
	.compare_col2 ul.compare_list li{ padding: 0 10px;}
	.comp_text{ font-size: 16px; line-height: 26px;}
	ul.compare_list li{ font-size: 14px; line-height: 22px;}
	.compare_top p{ font-size:16px;}
	
	.guarantee_cont_bx h3{ font-size: 34px; line-height: 44px;}
	.guarantee_cont_bx p{font-size: 17px; line-height: 26px;}
	
	.section7{ padding: 50px 0;}
	.faq-section { margin: 30px 0 0; max-width: 880px;}
	
	.accordion{ font-size:20px; }

	/* CONTACT CSS */
	.contact-hd{font-size:40px; line-height:50px;}
	ul.contact-list li{margin-top:15px; font-size:17px;}

}

@media only screen and (max-width:767px){
	.container{width:100%; padding:0 15px; max-width:600px; box-sizing:border-box;}
	.show-mob{display:block;}
	.hide-mob{display:none;}


	ul.topbar-cont{ float:none; display:inline-block; vertical-align:top; text-align:center; padding:0 7px;}
	ul.topbar-cont li{ float:left; margin-right:0; letter-spacing:0.2px;}
	ul.topbar-cont li img{ margin-right:2px;}
	ul.topbar-cont li:last-child{ float:right;}
	.mobilemenu{top: 50px;}
	.mob-mnu-ic{ top:10px; right:15px;}
	.fixed-nav .mobilemenu{ top:50px;}
	.mobimenu-top{ top: 60px;}
	.logo{width: 130px;}
	
	.top-fix-bar{margin-bottom: 50px;}
	.top_strip p{font-size: 12px; line-height: 20px;}
	.logo-sec{height: 50px; margin-top: -50px; top: 50px;}
	.logo{width:130px;}
	.top-btn{width:120px; height:42px; font-size:19px;}

	.banner{ background:#fefffa; padding: 20px 0 30px;}
	.banner__rating { font-size: 16px; line-height: 20px;}
	.banner_left { width:100%; text-align: center;}
	.banr__sub__heading{ font-size:16px; line-height:18px;}
	.banner__heading { font-size: 32px; line-height: 40px; margin-top: 0px;}
	ul.s1-list1{ width:100%; margin-top:10px;}
	ul.s1-list1 li{font-size: 12px; line-height: 20px; column-gap: 7px; padding: 7px}
	ul.s1-list1 li img{max-width: 20px;}
	.banner__right{ height: auto; width: 100%; max-width: 166px; bottom: 95px; right: -10px;}
	.banner__text{padding: 15px 0 10px; width:100%;}
	.banner__img_mob{ float: right;width: 220px;margin: 0px -20px -50px -20px;}
	.banner__product {width: 170px;position: static;margin: 20px 0 0px 0px;float: left;}
	.banner__points { margin-top: 15px; max-width: 224px; row-gap: 8px;}
	.bar-aerrow {width: 40px;position: absolute;left: 60px;margin: 0;top: 0; }
	.banner__points li { font-size: 16px; line-height: 24px; padding-left: 30px; position: relative; background-size: 20px;}
	.banner__points li img{position: absolute;left: 0;top: 5px;margin: 0;width: 30px;}
	
	.button_box{margin-top: 25px;}
	.button__width {max-width: 100%;}
	.common__button{ height: 60px; line-height: 60px; font-size: 20px;}
	.button__caption{letter-spacing: 1px; font-size: 12px; margin-top: 10px;}
	.common__button img{margin: 0 -20px 0 20px;}
	.first_caption{background-size: 14px;padding: 3px 0 3px 15px;}
	
	 .bnr-div1 {padding: 10px;float: none;display: inline-block;vertical-align: middle;text-align: center;background: #017540;}
	 .bnr-div1 img {width: 70px;right: -20px;top: -10px;}
	.bnr-txt2{ max-width: 100%;margin-top: 15px;padding: 5px 0;font-size: 18px;text-align: left;}

	.bnrstrip {padding: 15px 0;}
	.bnrstrip-hding { font-size: 16px; line-height: 24px;}
	.bnrstrip-hding:before, .bnrstrip-hding:after{width: 10px; margin: -5px 5px;}
	.bnrstrip-para {font-size: 13px;line-height: 20px;margin-top: 6px;}
	ul.bnrstrip-list {margin-top: 15px;row-gap: 15px;}
	ul.bnrstrip-list li { width: 33%;  margin: 0;}
	ul.bnrstrip-list li:after{ display:none;}
	ul.bnrstrip-list li p { font-size: 12px; line-height: 18px; margin-top: 5px;}
	ul.bnrstrip-list li img { width: 40px;}
	
	.banner-bottom{padding: 30px 0 40px;}
	.bnr-btm-inner{margin-top: 10px;}
	.bnr-btm-inner .mdl-img{ max-width:100%;}
	.bnr-btm-txt{font-size: 18px;}
	.bnr-btm-inner ul li {font-size: 16px;line-height: 24px; padding: 10px 10px 10px 48px;}
	.bnr-btm-capsule {width: 210px;}
	.bnr-btm-sec{margin-top: 15px;}
	.banner-bottom:before {bottom: -33px;  background-size: 60px;}
	img.s1-icon{ max-width:40px;}
	.bnr-btm-inner ul li span{font-size: 18px; line-height: 22px; margin-bottom: 5px;}
	.bnr-btm-sec:before{ display:none;}

	.section1 { padding:40px 0 30px;}
	.common__subhead { font-size: 18px; line-height: 18px;}
	.common__heading { font-size: 26px; line-height: 34px;}
	.common_sub_text{font-size: 20px;}
	.common__text,.banner-bottom .common__text1 { font-size: 15px; line-height: 24px; margin-top: 15px;}
	.banner-bottom .common__text1{ font-size:17px;}
	.banner-bottom .common__text{ margin-top:10px;}
	
	.sec1_left{ width: 100%; text-align:center; margin-top: 0;}
	.sec1_right{ width: 100%; margin: 5px 0 5px;}
	.s1-prodbox { width: 70%; margin-top: 20px;}
	.s1-rgt{ width:100%; margin-top:0;}
	 ul.s1list {margin-top: 10px;}
	 .s1lhding, .s1ltxt{ font-size:18px;}
	 .s1lhding2{ font-size:20px;}
	 .s1ltxt{ font-size:16px;}
	 ul.s1list li{ padding: 18px 26px 18px 80px;}
	 ul.s1list li:nth-child(2), ul.s1list li:last-child {margin: 15px 0 0 0;}
	 .s1_btm_img_box{ margin-top:20px;}
	
	.section2 {padding:30px 0 35px;}
	ul.s2-list {width: 100%;margin: 40px auto 0; justify-content: center; row-gap: 30px;}
	ul.s2-list li {width: 100%; float: none;display: inline-block;max-width: 340px; font-size: 15px; line-height: 24px;}
	ul.s2-list li span { font-size: 18px; line-height: 26px;}
	.s2-icon { width: 70px; margin-bottom: 20px; margin-left: 20px;}
	ul.s2-list li:after {height: 90px; width: 90px; top: -8px; left: 40px;}

	.section3 {padding: 30px 0;}
	.sec3_block{ width:calc(100% + 30px); margin:15px 0 0 -15px; max-width:none;}
	.sec3_order_box {padding: 20px 80px 20px 15px;border-radius: 0;}
	.s3_order_head{ font-size:20px; line-height:28px; letter-spacing:0;}
	.s3_women{width: 150px; display:none;}
	.s3_prod{right: 13px; max-width: 146px; bottom: 0px;}
	.s3_box{ max-width:360px; margin-top:10px; padding:0 7px 0 40px; }
	.s3_box_row{ padding:15px 15px 20px;margin-top: 20px;}
	.s3_box_row:before{ width:12px; height:12px; left:-35px; top:20px;}
	.s3_box:before{ top: -10px;left: 12px;bottom: 22%;}
	.s3-odrbx-arw {left: 16px;}
	.s3_box_row:after{ top:12px;}
	.s3_box_row h3{ font-size:16px; line-height:24px; display: flex; flex-wrap: nowrap;}
	ul.s3_list li{ font-size:15px; line-height:24px; margin-top:10px; background-size:16px; padding-left:22px; background-position:0 4px;}
	ul.s3_list{ width:100%; margin-top: 0;}
	.s3_prg_box{ position:static; width: 100%; transform: none; margin-top: 10px;}
	.s3_box_row h3 img{margin-right: 15px;}
	.s6-note-txt {height: auto;font-size: 14px; line-height: 22px; padding: 8px 5px 10px 30px; margin-top: 22px;}

	.section4{padding:30px 0;}
	.s4-left{width:100%; text-align:left;}
	.s4-inner{margin-top:20px;}
	.prod-rev{margin-top: 5px;font-size: 16px;line-height: 23px;}
	.s4-title{font-size:15px; line-height:23px;}
	.s4-title span{margin:-2px 2px 0 0;}
	.s4-revw{margin-top:10px;}
	.slide-div{margin-top:20px;}
	.s4-rgt{width:100%;}
	.s4-benefits{margin-top: 15px;}
	.s4-benefits li{font-size: 16px;line-height: 20px;}
	.stp-tx{padding:10px 0;font-size: 20px;}
	.pck-free-shp {font-size: 13px;margin-top: 0;}
	.s4-inr-rgt{row-gap: 15px;margin-top: 15px;}
	.s4-rgt .button_box{margin-top:0;}
	

	.s4-lft, .s4-rgt{width:100%; margin-top: 20px;}
	.s4-rgt{margin-top:0;}
	.s4-prd{width:300px; margin-top: 0px;}
	
	.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;}
	.pck-bx {margin: 30px 0 0;width: 100%;}
	.top_prod{order: 0;}
	.pck-bx:first-child{order: 1;}
		
	.section-6{ padding: 30px 0 35px;}
	.compare_Box{ margin-top: 0px;}
	.compare_col1{ width: 28%;}
	ul.compare_list li{ height: 90px; font-size: 11px; line-height: 14px; padding:10px 7px !important;}
	.compare_col1 ul.compare_list li{ text-align: left; padding-left:0 !important;}
	.compare_top{ height: 115px; padding: 0 9px;}
	.compare_col1 .compare_top{height: 138px;}
	.compare_top p{font-size: 13px; line-height: 16px;}
	.compare_col2{ padding: 10px 0 0; border-radius: 10px;}
	.compare_col2{ width: 40%;}
	.compare_col3{ width: 32%; margin-top: 83px;}
	.compare-icn{ width: 20px;}
	.comp_text{ font-size:11px; line-height:14px; margin-top:8px;}
	.compare_Prod{ max-width:80px; margin: -60px auto 5px;}
	
	.guarantee_box{ margin: 30px auto 0; padding:20px 10px;}	
	.guarantee_cont_bx{ width: 100%; text-align: center; padding:0;}
	.guarantee_seal{ width: 95px; margin: 0 auto 10px;}
	.guarantee_cont_bx h3{ font-size: 21px; line-height: 28px;}
	.guarantee_cont_bx p{ font-size: 16px; line-height: 22px; margin-top: 10px;}
	
	.pck-prd-nm{    font-size: 22px;}
	
	.section7{ padding:30px 0 30px;}
	.s7-left{ width:100%; text-align:center;}
	.faq-section{ width:100%; margin-top:20px;}
	.acdn-content{ padding:0 0 0px 0;}
	.acdn-para{ font-size:15px; line-height:24px; margin-bottom: 10px}
	ul.acdn-list{ padding-left:0;}
	ul.acdn-list li{ font-size:15px; line-height:20px;}
	.accordion{ font-size: 18px; padding: 10px 30px 0px 0; line-height: 26px;}
	.section-6 .btnBlk{ margin:10px auto 0;}
	.faq-slide-row-open, .faq-slide-row{padding: 5px 12px 15px;}
	.faq-slide-row{margin-bottom: 10px;}
	

	/* CONTACT CSS */
	.contact-bx-tx {font-size: 16px; line-height: 24px; margin-top: 15px;}
	.contact-hd{font-size:34px; line-height:40px; margin-top:0px;}
	.cont-frm{margin-top:0;}
	.contact-bx{border-radius:10px; margin-top:15px;}
	.contact-bx-hd{font-size:20px; line-height:22px;}
	.contact-lft, .contact-rgt{width:100%;}
	.contact-lft{padding:30px 15px;}
	ul.contact-list li{font-size:16px; line-height:22px; padding-left:40px; margin-top:20px;}
	.contact-lst-icn{width:30px;}
	.contact-rgt{padding:30px 15px 30px;}
	.frm-fld{margin-top:10px;}
	.pos-abs{right:10px; bottom:25px;}
	.cont-btn img{width:55px;}
	.shop-section{padding: 10px 0 30px;}

	.footer {padding: 25px 0;}
	.ftr-logo{ width:130px;}
	.ftr-linbx-rgt{ width:100%; padding:0; text-align:center; border:none;}
	.ftr-txt1{ font-size:15px; line-height:24px;}
	.ftr-txt1 a{ padding:0 3px;}
	.ftr-txt2 span img{ margin-top:-2px;}
	.ftr-txt2{font-size: 14px;}
	.ftr-txt2 span img{ width:16px;}
	.ftr-bx2{padding: 15px 10px;text-align: center;font-size: 15px;line-height: 24px;}
	.ftr-txt3{ font-size:16px; margin-top:18px;}

}