@charset "utf-8";
/*----------------
RESET CSS
-----------------*/
@media only screen and (max-width:1187px) {
/*=============*/
.bnr-model {width: 584px;}
.bnr-hding {font-size: 55px;line-height: 56px;}
.bnr-select-col {padding: 15px 5px;}
/*=============*/
.s1_row{ width: 354px;}
.s1_cont_box{ width: 66%; padding: 30px 0 30px 20px;}
.s1_img_box{ width: 32%;}
.s1-img3{ width: 202px;}
.s1-img4{ width:221px;}
.s1_prod_box{ max-width: 259px; top:30px;}
/*=============*/
.s2-graph{ right: -310px; width: 737px; top: 0px;}
.s2_mid_bottom p{ font-size: 19px; line-height: 25px;}
.s2_strip_points li{ font-size: 16px; line-height: 20px;}
.s2_strip_points li img{ width: 30px; margin:-5px 8px 0 0;}
/*=============*/
.s3_slide_row{ row-gap: 19px; column-gap: 19px; margin-top: 20px;}
.package_header{ padding: 15px 12px;}
.package_header_cont h3{ font-size:20px;}
.slide_tabClick{padding:15px 0 12px 75px;}
.slide_tabClick p{ font-size:14px; line-height:18px;}
.slide_tabClick img{ width:55px; margin-top:-27px;}
/*=============*/
.s4-col-hdg{font-size:18px; line-height:28px;}
.s4-col{width:32%;}
.s4-col-bx-inr{padding:20px 20px 30px;}

}
 

@media only screen and (max-width:1023px) {
.for-desk{ display:none;}	

.commn-hdg{font-size:30px; line-height:40px;}
.commn-para{margin-top:15px; font-size: 17px;}
.btn-bx{margin-top:35px; margin-top:0;}
/*=============*/
.banner { padding: 40px 0 40px;}
.bnr-lft { width: 56.98%;}
.bnr-model {width: 428px;top: 0;right: -110px;}
.bnr-txt1 {padding: 8px 20px 8px 20px;font-size: 14px;}
.bnr-hding {font-size: 41px;line-height: 49px;}
.bnr-txt2 {font-size: 17px; line-height: 25px; margin-top: 20px;}
.bnr-select-row {margin-top: 25px;}
.bnr-select-col{ font-size:14px; line-height:17px;width: 23%;}
/*=============*/
.s1_main_block{ padding: 50px 0 60px;}
.s1_block{ margin: 40px auto 0;}
.s1_cont_box{ padding: 20px 0 20px 15px; width: 72%;}
.s1_row{ width: 366px;}
.s1_prod_box{ max-width: 171px; top: 70px;}
.s1_box_heading{ font-size: 20px; line-height: 22px;}
.s1-img{ width: 201px;}
.s1_button_box .common_button{ height: 42px; line-height: 42px; font-size: 14px;}
.s1-bottom-scale{ max-width: 100%;}
.s1-prod{ display:none;}
.s1_img_box {width: 27%;}
.s1_block .banner_button_box{ margin-top:30px;}
/*=============*/
.section2{ padding: 50px 0 60px;}
.s2-dollar{ width: 46px;}
.s2_cont{ width:65%;}

.s2_strip{ padding: 15px 0 16px;}
.s2_strip_points li img{ width: 30px; margin: -3px 8px 0 0;}
.s2_strip_points li{ font-size: 20px; line-height: 28px;}

/*=============*/
.s3_slide_col{ width:47%;}
.package_header{ padding: 10px 10px 10px 15px;}
.package_header_cont p{ font-size: 17px; line-height: 23px; margin-top: 10px;}
.package_text{ font-size: 17px; line-height: 24px;}
.package_points li{ font-size: 17px; line-height: 23px;}
.package_bottom{ padding: 20px 20px 0;}
.package_button_box{ padding: 0 20px 0; margin-top: 10px;}
.package_box{ width:48%;}
	
/*==================*/
.ingredients_section{padding:40px 0 50px;}
.ing_icon{width:60px;}	
	
/*=============*/
.s4_mid_block{ padding: 50px 30px 60px;}
.s4_mid_cont{ width: 52%;}
.s4_mid_icn_box{ width:55px; height:55px;}
.s4-mid-icn{ width: 29px;}
.s4_mid_col_cont{ width: calc(100% - 55px);}
.s4_mid_col_cont h3{ font-size: 19px; line-height: 23px;}
.s4_mid_col_cont p{ font-size: 17px; line-height: 23px;}
.s4_mid_img_box{ width: 44.5%;}
.s4_mid_img_box ul{ row-gap:20px;}
.s4_mid_img_box ul li{ width:48%;}
.s4_mid_img_box ul li:nth-child(even){ margin-top:0; position:relative;}
.s4_mid_img_box ul li:nth-child(even) img{ position: absolute; top: 140px; left: 0;}



/*=============*/
.sec9{padding:40px 0;}	
.faq-container{margin-top:10px;}

}


 @media only screen and (max-width:767px) {
.hide-mob{ display:none}

.commn-hdg{ font-size: 28px; line-height: 38px;}
.commn-hdg span{ font-size:18px;}
.commn-para{font-size:17px; line-height:25px; margin-top:15px;}
.btn-bx{ margin: 20px auto 0;}
.commn-btn{font-size:21px; line-height:21px; padding:19px 0;}
.btn-arw{margin:-3px 0 0 8px;}	 
/*=============*/
.banner { padding: 30px 0 30px;}
.bnr-lft {width: 100%;text-align:center;}
.bnr-model {position: static; width: 100%; margin: 20px auto 0;}
.bnr-txt1 { }
.bnr-hding {font-size: 32px;line-height: 40px;margin-top: 5px;}
.bnr-hding span:after {bottom: 13%;  height: 9px;}
.bnr-txt2 { margin-top: 10px;font-size: 16px;line-height: 24px;}
.bnr-select-row { margin-top: 0;}
.bnr-select-col{font-size: 16px;line-height: 20px;width: 48%; margin: 20px 0 0;}
.banner_button_box{margin-top: 20px;}
.banner_button_width, .button_width{max-width: 260px;}
.banner_button, .common_button{    height: 50px;font-size: 18px;line-height: 50px;}

.common_heading{ font-size: 28px; line-height: 38px;}
.common_heading span{font-size: 20px;line-height: 27px;}
.common_text{ font-size: 16px; line-height: 24px; margin-top: 15px;}

/*=============*/
.sec1_prod_mob{width:calc(100% + 30px); margin: 30px 0 0 -15px;}
ul.sec1_list{}
ul.sec1_list li{width: 100%;}
ul.sec1_list li p{font-size: 16px;line-height: 24px;margin-top: 5px;}
ul.sec1_list li span{font-size: 22px;line-height: 28px;}
ul.sec1_list li img{width: 50px;margin-bottom: 10px;}


/*=============*/
.section2{padding:25px 0 35px;}
.founder_box{padding:20px 15px 25px; flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-direction:column-reverse;}
.founder_content, .founder_image{width:100%;}
.founder_content{padding:0 5px; text-align: center;}
.founder_image img{margin-bottom: -20px;}
.founder_heading{font-size:30px; line-height:36px; color:#fff; margin-top:0; margin-bottom:25px;}
.founder_text{font-size:17px; line-height:24px;}
.quote_imge{width:58px; margin:20px 0 0;}
.founder_info{margin:20px 0 0; padding:15px 0 0;}
.sec2_inr{margin: 30px auto 0;padding: 0;row-gap: 20px;}
.sec2_inr_bx{width:100%; padding:0 0 0px 0;}
.sec2_inr_bx:after{display:none;}
.sec2_icn{margin:0 15px 0 0;}
.sec2_inr_bx span{font-size:20px; line-height:26px;}
.sec2_inr_bx p{font-size:16px; line-height:24px; margin-top:8px;}
.sec2_inr_bx:nth-child(2n){padding-left:0;}
.sec2_inr_bx:nth-child(n+3){}
.sec2_inr_bx:nth-child(n+3):before{display:none;}

.compare-price h3{font-size:19px; line-height:22px;}
.compare-price p{font-size:15px; line-height:17px;}
.truth_box h3{font-size:20px; line-height:26px;}
.truth_box p{font-size:17px; line-height:22px;}

/*=============*/
.section3{ padding:30px 0;}
.package_block{ margin:35px auto 30px; row-gap:30px;}
.package_box{ width:100%; padding-bottom:30px;}
.package_button{margin-top: 10px;}
.package_price{font-size: 20px;}
.package_price span{font-size: 30px;}
.package_header_cont{}
.package_header_cont h3{ font-size: 24px; line-height: 32px;}
.package_header_cont p{ font-size: 18px; line-height: 24px;}
.package_text{ font-size: 18px; line-height: 24px;}
.package_points li{ font-size: 17px; line-height: 24px;}
.package-product{ margin: -10px auto 0;}
	 
/************************/	 
.ingredients_section{padding: 30px 0;}
.ingredients-row{row-gap: 10px;margin-top: 20px;}
.ing_icon {position: static;}
.ingredients-col{width:100%; background:none; border:none; text-align:center; padding:0;}
.ingredients-col span{font-size:22px; padding-right:0; line-height: 32px;}
.ingredients-col small{
	position:relative; 
	display:inline-block; 
	vertical-align:middle; 
	background:#fff; 
	border:1px solid #298fc2; 
	border-radius:100px;
	padding:3px 10px;
	margin:12px 0 0;
}
.ingredients-col small:before, .ingredients-col small:after{
	content:'';
	position:absolute;
	border-top:1px dotted #298fc2;
	width:60px;
	top:12px;
}
.ingredients-col small:before{
	left:-60px;
}
.ingredients-col small:after{
	right:-60px;
}
.ingredients-col p{font-size: 16px;line-height: 24px;padding: 0 30px;margin-top: 5px;}
.ing_icon1-m{ position:absolute; left:-15px; top:-41px;}
.ing_icon1-m2{ position:absolute; right:-15px; top:-5px;}
.ing_icon2-m{ position:absolute; right:-15px; top:-40px;}
.ing_icon3-m{ position:absolute; left:-15px; top:-42px;}
.ing_icon3-m2{ position:absolute; right:-15px; top:15px;}
.ing_icon4-m{ position:absolute; left:-15px; top:45px;}
.ing_icon5-m{ position:absolute; right:-15px; top:-48px;}
.ing_icon5-m2{position:absolute; right:0; top:50px;}
.ing_icon6-m{ position:absolute; left:-15px; top:-18px;}
.ing_icon6-m2{position:absolute; right:-15px; top:28px;}
	 
ul.ingredients_bottom{row-gap:25px;}
ul.ingredients_bottom li{width:33.3%;}

/*=============*/
.section4{ padding:30px 0;}
.s4_mid_block{ padding: 30px 15px 40px; margin: 35px auto 0; border-radius:0; background: rgb(227,229,237); background: linear-gradient(180deg, rgba(227,229,237,1) 40%, rgba(183,200,227,1) 80%);}
.s4_mid_cont{ width:100%; text-align:center;}
.s4_mid_img_box{ width:100%; margin:25px 0 30px;}
.s4_mid_img_box ul li{ width: 32%;}
.s4_mid_img_box ul li img{ border-radius: 12px;}
.s4_mid_img_box ul li:nth-child(even){ margin-top: 30px;}
.s4_mid_col_cont{ width:100%; padding-left:0; text-align:center; margin-top:15px;}
.s4_mid_col{ justify-content: center; margin-top: 35px;}
.s4_mid_box{ padding: 0 15px;}
.s4_mid_col_cont h3{ font-size: 20px; line-height: 24px;}
.s4_mid_col_cont p{ font-size: 18px; line-height: 24px;}
.s4_mid_img_box ul li:nth-child(even) img{ position:static;}

/*=============*/
.section5{padding:30px 0;}
.faq-container{padding:0 0; margin-top:5px;}
.accordion{background-position:right 25px center; padding:15px 45px 15px 15px; font-size:17px; line-height:27px;}
.acdn-content{padding:15px 20px 10px 15px;}
.acdn-para{font-size:16px; line-height:24px; margin-bottom:10px;}
ul.acdn_list{ padding-left:25px;}
 }