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



@media only screen and (max-width:1180px) {
.container {width: 1004px;padding: 0;}

/*---CSS FOR SECTION 1--*/
.bnr-slider {display: none;}
.sec1-lft {width: 66%;margin-top: 15px;}
.sec1-right {width: 34%;}
.sec1-lft-img {max-width: 100%;}
.bnr-prod {bottom: 240px; max-width: 150px;}
.sec1-seal {width: 250px;}
.form-box {margin-top: 5px;}
.sec1-p2 {font-size: 28px;line-height: 30px;}
.sec1-p3 {font-size: 42px;line-height: 47px;}
.sec1-input {height: 38px;margin-bottom: 10px;}
.s1-txt {padding: 25px 55px;}
.section-1 {padding: 30px 0 30px;}
.sec1-box2-rit {width: 44%;}
.sec1-box2-lft {width: 52%;margin: 42px 0 0;}
.sec1-p4 {font-size: 30px;line-height: 34px;}

/*---CSS FOR SECTIOPN 2---*/
.section-2 {padding: 140px 0 0px;}
.sec2-rit {width: 50%;}
.s2-p1 {font-size: 30px;line-height: 33px;}
.s2-p2 {padding: 0 12px;}

.sec1-bottle{width:145px;}

/*---CSS FOR SECTIOPN 3------*/
.sec3-p5 {font-size: 29px;line-height: 29px;}
.sec3-p5 span {margin-top: 13px;}

.s10-proDv{ width:400px;}

/*-------------------------
CSS FOR CHECKOUT PAGE
--------------------------*/
.chk-p1{font-size:24px;}
.chk-p2{padding: 4px 0 4px 40px;}
.chk-p3{font-size:16px;}
.chk-p5{font-size:32px; line-height:24px;}

.arrow{ width:34%; margin-left:0;}
.arrow span{ font-size:18px; padding-left:12px;}
}

@media only screen and (max-width:1023px) {
.container {width: 755px;}
.show-mob, .show-desk {display: none;}
.show-tab {display: block;}

/*---CSS FOR LOGO----*/
.mob-mnu {float: right;margin: 25px 25px 0 0;}
.menu-btn {display: none;}

/*----CSS FOR SECTION 1---*/
.section-1 {background: url(https://cdn.subscribefunnels.com/3fd30f36-aab0-4107-bbe7-b2a285faeda1/Trial/css/../images/sec1-bg.jpg) no-repeat 33% top;}
.sec1-lft {width: 100%;margin: 0;}
x.bnr-prod {left: 105px; top: 311px;}
.sec1-right {width: 100%;padding: 0 0 0 0px;}
.s1-txt {padding: 25px 10px 10px;}
.form-head {padding: 15px;}
.sec1-p3 {font-size: 32px;line-height: 37px;}
.sec1-box2-lft {width: 55%;margin: 42px 0 0;padding: 0;}
.sec1-box2-rit {width: 44%;padding: 20px 0 0;}
.form-arrow {display: none;}
.form-cont {padding: 20px 15px 20px;}

/*---CSS FOR SECTION 2---*/
.section-2 {padding: 140px 0 0px;}
.sec2-rit {width: 57%;}
.s2-p1 {font-size: 25px;line-height: 28px;}
.s2-p2 {padding: 0;}
.sec1-bottle {right: 180px;top: 60px;width: 110px;}
.s2-prod3 {
    margin-top: -15px;
}

/*--CSS FOR SECTION 3--*/
.section-3 {padding: 30px 0 0;}
.sec3-50 {width: 48%;}
.vs-img {left: -60px;}

/*--CSS FOR SECTION 4---*/
.section-4 {padding: 300px 0 0;}

/*---CSS FOR SECTION 5----*/
.sec5-box {width: 90%;margin: 0px 0 0 10%;}
.btn-div {margin: 50px 0 30px;}

/*----CSS FOR SECTION 7-----*/
.sec7-lft {padding: 0;}
.sec7-btl {max-width: 280px;width: 100%;}
.sec7-rit {padding: 0;width: 32%;}
.sec7-lft {width: 65%;padding: 0;}
.pad-top {padding-top: 5px;}
.sec7-p4 {margin: 20px 0 0;}
.marg-2 {margin: 45px 0 0;}

/*--CSS FOR SECTION 10---*/
.s10-box {width: 85%;margin: 0;}
.s10-img {max-width: 100%;}
.s10-prod {left: 20%; top: 26%;}
.s10-proDv {
    width: 55%;
	}


/*---------------------
CSS FOR CHECKOUT PAGE
-----------------------*/
.chk-pkg{width:100%; margin-bottom:15px;}
.chk-p1{font-size:18px;}
.chk-p2{font-size:10px; line-height:12px; padding: 4px 0 4px 25px;}
.freeShipicon{width:40%; padding: 8px 7px 0 25px;}
.chk-custom + .chk-custom-label .check-left{border: 3px solid #63a5ef;}
.chk-custom + .chk-custom-label .check-left img{width:40px; top:-25px;}

.pkg-btl-1{width:61%;}
.chk-pkg-price{width:32%;}
.chk-p3{font-size:14px; line-height:16px;}
.chk-p4{font-size:14px; line-height:14px;}
.chk-p5{font-size:24px; line-height:18px;}
.chk-p5 sup{font-size:12px;}
.chk-custom + .chk-custom-label .pkg-btn{margin-top:5px;}

.chk-up-box {width: 100%;}
.we-accpt {margin-left: 0px;}
.chk-rit {float: left;width: 41.3%;}

.urgency img{ width:30px;}
.urgency p{ font-size:12px; line-height:14px;}
.copy-1{ font-size:15px; line-height:18px; padding-right:0;}


.bottle img{ margin-top:20px;}
.product-info{ width:70%;padding-top:20px;}
#seals{ width:38%;padding: 30px 0 0 0;}
.arrow{ width: 35%; height: 33px; margin-top: 20px;background-size: 270px;}
.arrow span{ font-size:14px; padding-left:5px; padding-top:7px;}
img.usps{ display:none;}
}



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

/*---CSS FOR LOGO BAR----*/
.top-bar {padding: 7px 0;}
.mob-menu-btn {cursor: pointer;position: absolute;right: 12px;top: -37px;}
.mob-menu {float: left;width: 100%;position: relative;}
.menu-bar-mob {float: left;width: 100%;padding: 10px 0;}
.menu-bar-mob li {float: left;width: 100%;}
.menu-bar-mob li a {
	float: left;
	width: 100%;
	color: #2d2d2d;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	padding: 10px 15px;
	text-align: left;
	}

/*--------CSS FOR BANNER-------*/
.section-1 {
	padding: 30px 0 0px;
	background: url(https://cdn.subscribefunnels.com/3fd30f36-aab0-4107-bbe7-b2a285faeda1/Trial/css/../images/sec1-bg-mob.jpg) no-repeat center top;
	background-size: contain;
	}
.bnr-prod {
    xleft: 10px;
    bottom: 130px;
    right: 70%;
    width: 180px;
	}
.sec1-lft {width: 100%;margin-top: 0px;}
.sec1-lft-img-mob {display: inline-block;max-width: 100%;}
.sec1-right {width: 100%;}
.sec1-box2-lft {width: 100%;margin: 20px 0 0px;}
.sec1-box2-rit {width: 100%;}
.s1-txt {display: none;}
.sec1-seal {width: 100%;max-width: 330px;margin: 10px 0 8px;}
.s1-mob-p1 {
	float: left;
	width: 100%;
	font-size: 2.5em;
	color: #5c157a;
	font-weight: 800;
	line-height: 1em;
	margin: 25px 0 0;
	}
.sec1-bottle {
	right: 320px;
	top: 60px;
	width: 160px;
	}
/*----------CSS FOR SECTION 2--------*/
.section-2 {
	padding: 70px 0 30px;
	min-height: auto;
	background: url(https://cdn.subscribefunnels.com/3fd30f36-aab0-4107-bbe7-b2a285faeda1/Trial/css/../images/sec2-bg-mob.png) no-repeat 55% top;
	}
.sec2-rit {width: 100%;padding: 0;}
.s2-p1 {font-size: 22px;line-height: 28px;}
.sec2-btl {margin-top: 10px;}
.proof {max-width: 400px;width: 100%;}

.s2-prodDv{ margin-top:40px;}
.s2-click-arw{ margin-top:20px;}

/*----CSS FOR SECTION 3------*/
.sec3-p1 {font-size: 38px; line-height: 40px; margin-bottom: 0px;}
.sec3-p2 {font-size: 24px; font-weight: 300; line-height: 30px;}
.sec3-50 {width: 100%; margin-top: 20px;}
.sec3-p3 {font-size: 27px; line-height: 27px;}
.vs-img {display: none;}
.vs-img-mob {display: inline-block; max-width: 100%; margin-top: 10px;}
.sec3-50.fr {border-left: none;margin: 0px 0 0px;padding-top: 0px;}
.sec3-p1 {font-size: 32px;line-height: 38px;}
.sec3-p2 {font-size: 21px;line-height: 25px;margin-top: 5px;}
.sec3-p5 {font-size: 24px;line-height: 29px;margin: 20px 0 0px;}
.sec3-p5 span {margin-top: 5px;}

/*------CSS FOR SECTION 4-----*/
.section-4 {padding: 80px 0 70px;min-height: auto;background-size: cover;}
.sec4-p1 {font-size: 30px;line-height: 36px;}
.s4-btl {max-width: 320px;width: 100%;}

/*-----CSS FOR SECTION 5-----*/
.sec5-box {width: 100%;margin: 0;}
.sec5-p1 {margin: 0px 0 15px;font-size: 29px;line-height: 32px;}
.sec5-p2 {padding-bottom: 15px;}
.section-5-ul {padding: 15px 0 20px 30px;}
.btn-div {margin: 30px 0 20px;}
.sec5-btl {margin: 20px auto 10px;}

/*-----CSS FOR SECTION 6----*/
.section-6 {padding: 100px 0 90px;height: auto;min-height: auto;background-size: cover;}
.sec6-p1 {font-size:65px;line-height: 60px;margin-top: 12px;}

/*------CSS FOR SECTION 7-----*/
.sec7-lft{width: 100%;}
.sec7-p1{font-size: 26px;line-height: 32px;margin: 10px 0 10px;}
.sec7-rit{padding: 10px 0 0;width: 100%;}
.sec7-btl{max-width: 200px;width: 100%;}
.sec7-p4{margin: 10px 0 0;}
.marg-2{margin: 35px 0 0;}
.pad-lft{padding-left: 20px;}


.section-8 {padding: 90px 0px;min-height: auto;background-size: cover;}

/*----------CSS FOR SECTION 9---------*/
.section-9 {padding-bottom: 30px;}
.fb {margin-top: 5px;}
.fb-cmnt {max-width: 532px;margin-top: 25px;}

/*----CSS FOR SECTION 10----*/
.section-10 {padding: 90px 0 30px;min-height: auto;background-size: contain;}
.s10-box {width: 100%;padding-left: 0px;}
.s10-prod { left: 21%;top: 27%;width: 48%;}

/*-------------------------
CSS FOR FOOTER
--------------------------*/
.footer {padding: 0 0 30px;}
.foo-card{margin-bottom: 0px;}
.footer p{margin-top: 20px;}
.foo-mrg-1{padding-top: 0;}

/*----------------------
CSS FOR CHECKOUT PAGE
-----------------------*/
.chkout-bg {padding: 0 0 30px;}

.chk-lft {width: 100%;padding-right: 0px;}
.chk-up-box {width: 100%;}

.chk-p1{font-size:22px;}
.chk-p2{padding:5px 0 0 35px;}
.freeShipicon {padding: 4px 7px 0 30px;}

.chk-p3{font-size:16px; line-height:18px;}
.chk-p5{font-size:28px; line-height:24px;}
.chk-custom + .chk-custom-label .check-left img{width:50px;}
.chk-custom + .chk-custom-label .pkg-btn{margin-top:10px;}

.chk-rit {width: 100%;margin-top: -10px;}
.chk-rit-p1 {font-size: 35px;line-height: 38px;}
.chk-rit-p1 span {font-size: 20px;line-height: 26px;}
.chk-secure {margin: 0px 0 20px;padding: 0 8px;}
.checkout-header { width:230px;}
.chk-pkg {margin-bottom: 12px;}

.info-wrap{ padding:0 10px;}
.urgency{ width:98%;}
.arrow{ display:none;}
#seals { width: 100%;padding:20px 0 0 0;text-align: center;}
.product-info-wrap .line-1,.product-info-wrap .price.line-1{ font-size:18px;}
.bottle,.product-info{ width:100%;}
.bottle img{ max-width:130px; margin-top:0;}
}

@media only screen and (max-width:600px){
.bnr-prod { width: 120px; right: auto; left: 5%;}
.sec1-bottle {    right: 56%;top: 13%;width: 36%;}

.s2-prod3 {margin-top: -5px;}
.s10-prod3 { margin-top: -10px;}
}


@media only screen and (max-width:575px) {
	
.s5-prod1{ margin-left:7%;}
.s5-prod2{ margin-right:22%;}
.s5-prod3{ left:42%; margin-top:-20px;}

.chk-p1{font-size:4vw; width:40%; padding:0; line-height:8vw; margin-left:2%;}	

.chk-p2{width:17%; padding:1vw 0 0 0; font-size:2.5vw; line-height:3vw;}
.freeShipicon{width:40%; height:8.5vw; padding:1% 1% 0 5%; }

.chk-custom + .chk-custom-label .check-left{border: 2px solid #63a5ef; margin-top:9vw;}
.chk-custom + .chk-custom-label .check-left img{width:8vw;left:-0.5vw; top:-4.5vw;}

.chk-pkg-price{padding:0;}
.chk-p3{font-size:3vw; line-height:3.5vw;}
.chk-p4{ font-size:3vw; line-height:3vw; padding-top:1vw;}
.chk-p5{font-size:4.5vw; line-height:2vw; padding-top:1vw;}
.chk-p5 sup{font-size:3vw;}
.bnr-prod {
	width: 80px; bottom: 150px;
}

}

@media only screen and (max-width:375px) {
.logo-div {font-size: 13px;}
}
@media only screen and (max-width:340px) {
.bnr-prod{ Xtop:30%;}
}