@charset "utf-8";

.forMob,.forTab{ display:none ;}
/*==============Media=============*/

@media only screen and (max-width:1187px){
.container{ width:1004px;}

.banner_content{ padding:40px 0 50px;}
.banner_heading{ font-size:60px; line-height:70px;}
.banner_heading span{ font-size: 46px; line-height: 46px;}
.bnr_prodbox{ width:420px;}

.sec1_prod{ width:290px;}
.supl_content{ width: 53%; padding: 30px 20px;}
.supl_prodbox{ width:42%;}
.s1_model{ width:280px;}
.s1_prod{ width:130px;}
.pkg_box{ padding:0 10px 25px;}

.sec3_box_content{ padding:40px 20px 40px 110px;}


/*=======pro-dtl-sec=============*/
.prod-box li .s2prd_bndl{ max-width:240px;}
ul.pro-dtl-sec2-list li:after{ width:230px;}
.s2prd1, .s2prd_bndl{ max-width:230px;}
}


@media only screen and (max-width:1023px){
.container{ width:750px;}
.forDesk{ display:none;}
.forTab{ display:block;}

.logo{ margin-top:0px;}
ul.nav li{ margin-right:40px;}

.banner_content{ width: 56%; padding: 20px 0 40px;}
.banner_heading{ font-size: 50px; line-height: 60px;}
.banner_heading span{ font-size: 38px; line-height: 38px;}
.common_txt{ font-size: 19px; line-height: 27px;}
.bnr_prodbox{ width: 310px;}
.bnr_prod_ing{ left: -30px; bottom: 30px; width: 140px;}
.common_btn_box{ margin-top:35px;}

.bnr_strip_box img{ width:100px;}
.bnr_strip_box h3{ font-size: 22px; line-height: 22px;}
.bnr_strip_box p{ font-size: 18px; line-height: 26px;}

.common_heading{ font-size: 40px; line-height: 48px;}
.sec1_prod{ width: 250px; left: 0;}
.ing_inner_content{ padding:0 25px 35px;}
.ing_bnr_imgs{ margin: -100px auto 0; border: 5px solid #fff; width: 200px;}
.ing_img1{ width:120px;}
.ing_img2{ bottom: -30px; width: 220px;}
.supplement_box{ margin: 60px auto 0; padding:30px;}
.supl_content{ width:100%; padding:0;}
.supl_prodbox{ width: 100%; text-align: center; margin: 40px auto 0;}
.s1_model, .s1_prod{ width:auto;}
.supl_content .common_btn_box{ text-align:center;}

.pkg_box, .prod-list .pkg_box{ width:48%;}

.sec3_content{ width:100%;}
.sec3_box{ width:100%;}
.s3-bnr-big-img{ position:static;}
.s3-bnr-big-img{ position: static; margin: 15px auto -150px;  max-width: 290px;}

.disclmr{ width:100%; margin-bottom:15px;}
.ftr-logo{}
.ftr-cont-info{ width:47%; padding:10px 0;}
.ftr-cont-info li, .ftr-cop-info li{ margin-top:10px;}
.ftr-cont-info li:after{ display:none;}
ul.ftrlist{ width:100%;}

/*=======pro-dtl-sec=============*/
ul.pro-dtl-sec2-list li{ width:48%;}
ul.pro-dtl-sec2-list li:after{ transform:rotate(0deg);}
ul.pro-dtl-sec2-list li .s2prd1{ margin-left:0;}
ul.pro-dtl-sec2-list li:after{ left:50%; margin-left:-125px; top:170px;}
.pr-dtl-s1-rgt-p3{ font-size:18px; line-height:26px;}
.prd-card{ width:145px; margin-left:10px;}

.cart-remv{ z-index:5;}
.submit-btn{font-size: 25px;line-height: 29px;padding: 12px 20px 12px;}
.cart-box1{font-size: 16px; padding:10px 0;}
.one{  padding:0 0 0 20px;}

.frm1, .frm2{ padding:15px;}
.frmElmnts{}
.frmElmnts label{ width:36%; font-size:14px;}
.frm1 .frmfld input, .frm1 .frmfld select{ width:64%;}
.weaccept{padding: 0;   margin: 0;}
.weaccept span.span1{ width:30%;}


}


@media only screen and (max-width:767px){
.container{ width:100%; padding:0 10px; max-width:600px; box-sizing:border-box;}
.for-desk{display:none;}
.forMob{ display:block;}
.hide-mob{ display:none;}

.top-fix-bar{ margin-bottom:55px;}
.header{ height:55px; margin-top:-55px; top:55px; padding:0;}
.logo{margin-top: 15px;  max-width: 160px;}

/*MOBILE MENU CSS*/
.mob-mnu-ic{
    cursor: pointer;
    position:absolute;
    right:15px;
    top:18px;
	z-index:16;
	height:30px;
	}
.mob-mnu-ic button{
	outline: none;
    -webkit-appearance: none;
	background: none;
	padding:0;
    cursor: pointer;
	border: none;
	margin:0;
	}
.mob-mnu-ic span{
	color:#fff;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	margin-top:4px;
	margin-right:5px;
	}
.bar1, .bar2, .bar3 {
	width: 30px;
	height: 3px;
	background-color: #a7a7a7;
	transition: 0.4s;
	}
.bar2{margin: 6px 0;}
.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-8.5px, 6px);
	transform: rotate(-45deg) translate(-8.5px, 6px);
	background:#a7a7a7;
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-7px, -4px);
	transform: rotate(45deg) translate(-7px, -4px);
	background:#a7a7a7;
	}	
.mobilemenu{
	left:0;
	position:fixed;
	top:54px;
	background:#fff;
	z-index:12;
	right:0;
	bottom:0;
	overflow:scroll;
	display:none;
	border-top:1px solid #ddd;
	}
.mobimenu-top{ top:80px;}
.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.header-btn {
    float: left;
    width: 150px;
    font-size: 18px;
    color: #ffffff;
    height: 42px;
    line-height: 40px;
    font-weight: 600;
    margin:10px 0;
    border-radius: 20px;
    background: #19c354;
	padding:0;
	text-align:center;
	}

.banner{ background:#f6fbfb;}
.banner_content{ width: 100%; padding: 20px 0 25px; text-align: center;}
.banner_heading{ font-size: 20px; line-height: 28px;}
.banner_heading span{  font-size: 32px; line-height: 36px;}
.bnr_prodbox{position: relative; margin: 20px auto 0; display: inline-block;  width: 100%;  top: auto;   left: auto;}
.bnr_prod{max-width: 270px;}
.bnr_prod_ing { left: 50%; top: 30px;  width: 300px;  transform: translateX(-50%);}
.common_txt{ font-size: 16px; line-height: 24px; margin-top: 10px;}
.common_btn_box{}
.common_btn_width{ margin-top: 25px; height:50px; line-height:50px;}

.banner_strip{ padding:0 0 10px;}
.banner_strip_block{margin-top:20px;}
.bnr_strip_box{ width: 49%; padding: 0 2px; margin-top: 0px;}
.bnr_strip_box img{ width: 50px;}
.bnr_strip_box p{ font-size: 15px;  line-height: 22px; margin-top: 8px;}

.section1{padding:30px 0;}
.sec1_content{ width:100%; text-align:center}
.sec1_prod{ position:static; margin:20px auto 0; display:block; width: 220px;}
.common_heading{ font-size: 18px; line-height: 30px;}
.common_heading span{font-size: 32px;  line-height: 40px;}
.ingredients_block{ margin: 0 auto 0;}
.ingredients_box{ width:100%; margin-top:120px; padding: 0 10px;}
.ing_bnr_imgs{ margin: -90px auto 0; width: 170px;}
.ingredients_box h3{ font-size: 24px; line-height: 26px; margin-top: 10px;}
.ingredients_box p{ font-size: 16px; line-height: 24px; margin-top: 8px;}
.supplement_box{ padding:20px 20px 30px;}
.supl_prodbox{ margin: 25px auto 0; display:none;}
.supl_content{text-align:center;}
.s1_model{ width:200px;float: left; display:none;}
.s1_prod{width: 100px;  position: static;  display: inline-block;   margin: 50px 0px 0 -60px;}
.s1-p2{ font-size: 16px; line-height: 24px;}

.section2{ padding:25px 0 40px;}
.pkg_block{ padding:0 10px;}
.pkg_box{ width:100%;}
.pkg_box,.prod-list .pkg_box{ margin-top:135px; width:100%}
.pkg_prod_box{ width:200px; height:200px; padding-top:20px;}
.pkg_prod_box img{  max-width: 260px; top: 6px;}
.pkg_prod_name{ }
.pkg_prod_price{ font-size: 26px; line-height: 30px;}

.section3{ padding:25px 0 35px; text-align:center}
.sec3_content{text-align:center;}
.sec3_block{ padding:0 10px;}
.sec3_box{ margin-top:30px; background: #ebf7f7; border-radius: 22px; padding:20px 20px 25px;}
.sec3_box_content{ margin: 0; width: 100%; padding: 0; text-align: center; background:none; border-radius:0;}
.s3-bnr-imgs{ position:static; margin:0 auto 0; display:block; width:140px;}
.sec3_box_content h3{ font-size: 22px; line-height: 26px; margin-top:10px;}
.sec3_box_content p{ font-size: 16px; line-height: 24px;}

/*************************/
.pro-dtl-sec1{padding:20px 0 30px;}
.pr-dtl-s1-rgt, .pr-dtl-s1-lft, .pr-dtl-s1-rgt{width:100%; text-align:center}
.pr-dtl-s1-lft img{max-width: 210px;}
.shp-btm{justify-content: center;}
.pr-dtl-s1-rgt-p2, .prd_quantity{width:100%;justify-content: center;}
.package__selection{    row-gap: 50px;}
.package__selection li{    width: 49.33%;}
/*==========CART===========*/
.cart-sec1{ padding-bottom:25px;}
.crt-frm1, .crt-frm2{ width:100%;}
.frmElmnts {width:100%}
.cart-frm{ padding:30px 0;}
.cart-box1{font-size: 16px; padding:10px 0;}

.one{ text-align:left;width: 49%;}
.two, .three, .four {width: 23%;}
.cart-prd{display:none;}
.cart-prd1, .cart-prd2, .cart-prd3{ width:50px;top: 7px;}
.cart-remv{ width: 20px; top:0;}
.cart-prdname {padding: 2px 0px 2px 10px;font-size: 14px;line-height: 18px;}
.span3{font-size: 16px;}
.span2 {}
.unit-price, .sub-total{font-size: 14px;line-height: 22px;}

.card-box3{display: flex;flex-wrap: wrap;flex-direction: column-reverse;padding: 15px 0;}
.sameas{    font-size: 16px;}
.ship-time{ width:100%; padding-left:0;}
.card-box3rgt{ width:100%;}
ul.cart-prclist li{ padding:5px 10px; font-size:16px;}
ul.cart-prclist li:last-child{padding:7px 10px;}
ul.cart-prclist li span.span2{ font-size:18px;}
.submit-btn{    font-size: 22px;
    line-height: 32px;
    color: #fff;padding: 12px 20px 12px; letter-spacing:0.5px;}
.secure{ width:220px;}
.safebox p{ font-size:21px; line-height:27px;}
.card-box4-lft .continue-shpbtn, .continue-brwbtn, #browse {  font-size: 17px;   line-height: 59px;   margin: 0;   width: 100%;}

.proceed-chkbtn{ float:none; display:inline-block; vertical-align: top; font-size:18px; width:100%; max-width:400px; height:55px; padding:0; line-height:57px;margin: 0;}
.nt-slt{ text-align:center;}
/*==========CONTACT===========*/
.contact-us{ padding:0 0 50px;}
.contact-lft{ width:100%; margin-top:30px;}
.contact-rgt{width:100%; margin-top:30px;}
.cont-lst li{ font-size:16px; width:100%; padding-left: 0;}
.cont-lst li img{ display:none;}
.cont-lst li:before{ left:0;}
.cont-lst{    row-gap: 20px;     margin-top: 15px;}

.ftr-cont-info, .ftr-cop-info{width:100%;margin-top: 10px;}
.ftr-cont-info li, .ftr-cop-info li {   margin-top: 5px;}
}

