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

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

.top-bar, .section-1, .section-2, .section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9, .footer { min-width:0; height:auto;}


/*-----------------
SECTION ONE CSS
------------------*/
.section-1{
	background:url(../images/section-1-mob.jpg) no-repeat center top;
	background-size:100%;
	}
.gl-book, .frm-sec, .sec1-btl, .sec1-arrow, .top-bar, .top-sec{display:none;}
.sec1-lft-sec{width:100%; text-align:center; margin:0 0 0 0;}

.mob-logo{float:left; margin:3% 0 2% 45%; display:block; width:35%;}
.top-midsec{width:67%; padding:0; float:right; margin:0 1% 0 0;}
.sec1-hdg-txt{font-size:3.5vw; line-height:4vw; margin-bottom:1%;}
.sec1-hdg-txt2{font-size:5.5vw; line-height:6vw; letter-spacing:-0.5px;}
.sec1-hdg-txt3{font-size:7vw; line-height:7vw;}

.sec1-seal{position:static; float:left; width:25%; margin:17% 0 0 5%;}
.s1-clinical{float:left; width:69%; margin:5% 0 0 1%;}
.sec1-txt1, .sec1-txt2{padding:0 10px; text-align:left; width:100%;}
.sec1-txt1{padding:15px 0 0 10px; font-size:4vw; line-height:26px;}
.sec1-txt2{font-size:3.5vw; line-height:4.5vw; margin-top:5px; }

.sec1-list-item{margin-left:0; margin-top:15px; padding-left:15%; width:100%;}
.sec1-list-item li{text-align:left; padding-top:5px; float:left; padding-left:22%; background-size:20%; background-position: left center; min-height:0; margin:0; width:100%; padding-top:0;}
.sec1-list-item li:nth-child(2){background: url(../images/icon-2.png) no-repeat left center; background-size:20%;}
.sec1-list-item li:nth-child(3){background: url(../images/icon-3.png) no-repeat left center; background-size:20%;}
.list-top{font-size:4.3vw; line-height:5.5vw; padding-bottom:0;}
.list-top span{font-size:4vw;}
.dot-sec{ padding:3vw 0;}

.sec1-list-item.bottom{margin-top:10%;}

.sec1-mob{max-width:100%; border-top:1px solid #d7d7d7; display:block;}
.mob-adv{display:block; margin:0 auto; max-width:100%; background:#f1fbff; padding:25px; width:100%;}

/*-----------------
STRIP CSS
------------------*/
.strip{background-size:cover; height:auto; padding:15px;}
.strip-txt{margin-top:0; text-align:center; width:100%;}
.strip-txt h3{font-size:24px; line-height:28px;}
.strip-txt p{font-size:18px; line-height:22px;}

/*-----------------
SECTION COMMON CSS
------------------*/
.sec-heading h2{font-size:38px; line-height:42px;}
.sec-heading h2 span{font-size:40px; line-height:44px; letter-spacing:-0.5px;}
.subHeading{padding:5px 10px 3px 10px; height:auto; min-width:0; font-size:20px; line-height:22px; margin-top:5px; border-radius:0; width:100%;}
.subHeading img{display:none;}
.sec-img{float:left; width:100%;}
.sec-heading.left-heading{text-align:center;}

/*-----------------
SECTION TWO CSS
------------------*/
.section-2{padding:30px 0; background:#fff;}
.sec2-testimonial{border:2px dashed #45a1ca; width:94%; margin-left:3%; border-radius:20px; margin-bottom:10px;}
.bfor-img{width:70%; margin:-20% 0 0 15%; float:left;}
.sec2-testimonial p{width:100%; padding:10px 10px 15px 10px; text-align:center;}
.s2-left{width:100%; margin-top:20px; padding:0 10px;}
.s2-para.hlf{width:100%;}
.s2-heading{font-size:22px; margin-top:15px; line-height:22px;}
.s2-graph{ max-width:100%; margin-top:15px;}
.s2-noInject{position:static; float:left; width:96%; margin-left:2%;}
.s2-noInject h2{line-height:18px; padding-bottom:4px;}
.seal-mob{display:inline-block; vertical-align:middle; max-width:90%; padding:10px; margin-bottom:20px;}


/*-----------------
SECTION THREE CSS
------------------*/
.section-3{padding:30px 0; background:url(../images/sec3-mob-bg.jpg) no-repeat center center; background-size:cover;}
ul.s3-list{width:100%; margin-top:0; padding:0 15px;}
ul.s3-list li p{line-height:24px; letter-spacing:0.5px;}
.s3-txt{padding:0 20px;}

/*-----------------
SECTION FOUR CSS
------------------*/
.section-4{padding:30px 0; background:#fff;}
.s4-content{width:100%; margin-top:0;}
.s4-para, .s4-para-2{padding:0 15px; letter-spacing:0.5px;}
.s4-para-2{width:100%;}
.s4-subheading{padding:0 10px; font-size:24px; line-height:26px;}
.s4-ba{width:94%; background:#fff; margin:20px 0 20px 3%; padding:15px; text-align:center; height:auto; border: 2px dashed #45a1ca; border-radius:10px;}
.s4-ba img{display:inline-block; vertical-align:middle; max-width:80%;}

/*-----------------
SECTION FIVE CSS
------------------*/
.section-5{padding:30px 0;}
.step-box{padding:0 10px; margin-top:30px;}
.step-icon{max-width:80%;}
.step-para{letter-spacing:0.5px; padding:0;}

/*-----------------
SECTION SIX CSS
------------------*/
.section-6{padding:30px 0;}
.top-ingredients{width:100%; border:none; height:auto; padding:0 20px; letter-spacing:0.5px; margin-top:30px;}
ul.ing-list li, ul.ing-list li:nth-child(4), ul.ing-list li:nth-child(5){float:left; width:100%; margin:0; letter-spacing:0.5px; padding:0 20px; margin-top:30px;}
.s6-subheading{font-size:26px; line-height:30px; margin-top:40px;}
.top-ing{float:left; width:100%;}
/*-----------------
SECTION SEVEN CSS
------------------*/
.section-7{padding:30px 0; background:#fff;}
.t-box{margin:50px 0 0 0;}
.t-qt{top:24px; right:15px;}
.testimonial-slider{margin-top:20px; padding:0 40px;}
.t-desc{min-height:0; padding:50px 10px 10px 20px; letter-spacing:0.5px;}
.t-header{height:50px;}
.t-profile{max-width:70%; position:static; float:left; margin:-12% 0 -12% 4%;}


.section-9{
	background:url(../images/section-9-mob.jpg) no-repeat center top;
	background-size:100%;
	}
/*-----------------
FOOTER CSS
------------------*/
.footer{ padding:0 0 20px 0;}
.footer p{font-size:14px; line-height:16px; margin-bottom:15px;}
.footer p a{font-size:15px;}
.footer p:first-child{margin-top:20px;}
.footer p:last-child{}

#call-btn {
	float: left;
	width: 100%;
	padding:10px;
	background: #005379;
	position: fixed;
	bottom: 0%;
	left: auto;
	z-index: 99;
	}
.mob-bottles{
	position:absolute;
	left:0;
	bottom:-5px;
	width:36%;
	}
a.mob-cta, .mob-cta{
	float:right;
	width:64%;
	color:#fff;
	font-size:5.5vw;
	font-weight:600;
	padding:12px 0 8px 0;
	border-radius:3px;
	background: #a3cc39;
    background: -webkit-linear-gradient(#a3cc39, #45a945);
    background: -moz-linear-gradient(#a3cc39, #45a945);
    background: -o-linear-gradient(#a3cc39, #45a945);
    background: linear-gradient(#a3cc39, #45a945);
	}


.frm-logo{
	float:left;
	width:100%;
	height:60px;
	border-bottom: 1px solid #d6d6d6;
	padding:0 15px;
	}
.frm-logo img{display:inline-block; vertical-align:middle; width:120px;}
.frm-txt{
	float:left;
	width:100%;
	padding:15px;
	text-align:center;
	}
.step-ship{
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	margin-bottom:25px;
	}
.frm-txt h2{
	color: #515151;
	font-size:22px;
	line-height:24px;
	text-align:left;
	}
.frm-txt p{
	color: #515151;
	font-size:16px;
	line-height:20px;
	margin-top:5px;
	text-align:left;
	}
.frmBox-mob{
	float:left;
	width:100%;
	border-top: 1px solid #d6d6d6;
	padding:10px 15px 20px 15px;
	}
.mob-lebel{
	float:left;
	width:100%;
	text-align:left;
	color: #515151;
    font-size: 18px;
	line-height:18px;
	letter-spacing:0.5px;
	margin:14px 0 0 0;
	}
.frmBox-mob input[type="text"], .frmBox-mob select{
	width:100%;
	margin:3px 0 0 0;
	height:40px;
	line-height:38px;
	}
.frmBox-mob select{
	background-position:96% center;
	}
.mob-cta{
	float:left;
	width:100%;
	font-family: 'Hind', sans-serif;
	border:none;
	outline:none;
	cursor:pointer;
	}
.shiBtn{
	float: left;
	width: 100%;
	padding:10px;
	background: #005379;
	}
}