@charset "utf-8";
/*-----------------------=============================================================================================
CSS FOR MEDIA QUERY
----------------------============================================================================================---*/
.show-mob, .show-tab {
	display: none;
}
.show-desk {
	display: block;
}
 @media only screen and (max-width:1180px) {
.container {
	width: 1004px;
}
/*-----------------------
CSS FOR BANNER
-------------------------*/
.menu-bar li {
	font-size: 15px;
	line-height: 23px;
	padding: 0px 0 0 15px;
}
.bnr-lft {
	width: 58%;
}
.bnr-p2 {
	font-size: 70px;
	line-height: 68px;
}
.bnr-ul {
	width: 93%;
	padding: 12px 0 30px;
}
/*-------------------------
CSS FOR STRIP
--------------------------*/
.strip-ul li {
	font-size: 17px;
	line-height: 22px;
	padding: 0 5px 0 52px;
}
.marg-top {
	margin: 15px 10% 0;
	width: 80%;
}
/*-------------------------
CSS FOR SECTION 2
--------------------------*/
.sec2-lft {
	width: 64%;
}
.s2-prod-img {
	right: 0;
}
/*-------------------------
CSS FOR SECTION 3
--------------------------*/
.s3-ic1, .s3-ic2 {
	max-width: 100px;
	width: 100%;
}
.sec3-lft-ul li{
	padding: 30px 0 0 108px;
}
.sec3-rit-ul li {
	padding: 30px 108px 0 0px;
}
/*-------------------------
CSS FOR SECTION 4
--------------------------*/
.s4-prod-img {
	left: 0px;
	top: 572px;
	max-width: 410px;
	width: 100%;
	z-index: 2;
}
.sec4-rit {
	width: 65%;
}
/*-------------------------
CSS FOR SECTION 5
--------------------------*/
.s5-box {
	width: 70%;
}
.s5-ul li {
	width: 24%;
	margin: 0 0.5%;
}
/*-------------------------
CSS FOR SECTION 7
--------------------------*/
.sec7-p1 {
	width: 90%;
	margin: 0px auto 50px;
}
.mar-no {
	margin: 5px 0 0;
}
/*-------------------------
CSS FOR SECTION 8
--------------------------*/
.faq-content {
	width: 80%;
	margin: 30px 10% 0;
}
.free-img {
	padding:0 10px;
}

/*-=============================================
/*CHECKOUT PAGE*/
/*================================================*/
.frm-top {
    padding: 15px 10px 10px;
    font-size: 26px;
    line-height: 24px;
}
.chk-testi {
    padding: 40px 10px 0;
}
.billingCheck {
    font-size: 14px;
    line-height: 20px;
}
/*-=============================================
/*UPSELL PAGE*/
/*================================================*/
.upsell-box {
    width: 90%;
}
.up-rit {
	width: 57%;
}
.up1-btl {
	left: 20%;
	top: 70px;
	max-width: 240px;
}
.up3-bg .up1-btl {
	left: 25%;
}
.add-to-ord {
    max-width:350px;
	width:100%;
}

}

 @media only screen and (max-width:1010px) {
.container {
	width: 755px;
}
.show-mob, .show-desk {
	display: none;
}
.show-tab {
	display: block;
}
/*-------------------------
CSS FOR LOGO
--------------------------*/
.smobitrigger {
    position: absolute;
    right: 5px;
    top: 8px;
}
.logo {
	max-width: 120px;
	width:100%;
}
.top-bar {
	padding: 10px 0;
}
.header-gap {
	height: 58px;
}
/*-----------------------
CSS FOR BANNER
-------------------------*/
.banner {
	padding: 50px 0 50px;
	background:url(../images/bnr-tab.jpg) no-repeat center top;
}
.bnr-lft {
	width: 68%;
}
.bnr-p2 {
	font-size: 62px;
	line-height: 55px;
	margin-bottom:5px;
}
.bnr-ul {
	width: 84%;
	padding: 12px 0 30px;
}
.bnr-ul li {
	font-size: 16px;
	line-height: 19px;
}
.prod-img {
	left:49%;
	top: 200px;
	max-width: 370px;
	width: 100%;
}
/*-------------------------
CSS FOR STRIP
--------------------------*/
.strip-ul li {
	font-size: 17px;
	line-height: 22px;
	padding: 0 5px 0 38px;
	background-size: 35px !important;
}
/*-------------------------
CSS FOR SECTION 1
--------------------------*/
.section-1, .section-2, .section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9 {
	padding:40px 0;
}
.marg-top {
	margin: 15px 0% 0;
	width:100%;
}
.sec1-img1 {
	margin: -40px 0 8px;
}
/*-------------------------
CSS FOR SECTION 2
--------------------------*/
.s2-ul {
	margin-top: 5px;
}
.s2-ul li {
	margin-top: 10px;
	font-size: 20px;
	line-height: 24px;
	padding: 7px 0 6px 95px;
	min-height:59px;
	position:relative;
	z-index:2;
}
.s2-ul li span {
	font-size: 20px;
	line-height: 22px;
}
.s2-prod-img {
	max-width:350px;
	width:100%;
	top:485px;
}
/*-------------------------
CSS FOR SECTION 3
--------------------------*/
.s3-img1 {
	max-width: 300px;
	margin-top: 50px;
	width: 100%;
}
.s3-ic1, .s3-ic2 {
	max-width: 80px;
}
.sec3-lft-ul li, .sec3-rit-ul li {
	margin-bottom:15px;
}
.sec3-lft-ul li {
	padding: 18px 0 0 90px;
}
.sec3-rit-ul li {
	padding: 18px 90px 0 0px;
}
.sec3-row .sec3-p1 {
	font-size: 18px;
	line-height: 22px;
}
.sec3-row .sec1-p3 {
	font-size: 17px;
	line-height: 25px;
}
.s3-prod-img {
	max-width:300px;
	width:100%;
	margin: 0px 0 0 0;
}
.sec3-row {
	margin-bottom:30px;
}
/*-------------------------
CSS FOR CTA
--------------------------*/
.cta1, .cta2, .cta3, .cta4, .cta5, .cta6, .cta7, .cta8 {
	padding: 40px 0;
	background-size:cover;
}
.cta-box {
	width: 60%;
}
/*-------------------------
CSS FOR SECTION 4
--------------------------*/
.sec1-p4 {
	font-size: 22px;
	line-height: 30px;
	margin: 5px 0 10px;
}
.s4-prod-img {
	top: 662px;
}
/*-------------------------
CSS FOR SECTION 6
--------------------------*/
.sec6-in {
	width: 100%;
	margin: 30px auto 0;
}
.col-1 p, .col-2 p, .col-3 p {
	padding: 20px 10px;
}
.sec7-p1 {
	width: 86%;
	margin: 0px auto 40px;
}
.mar-no {
	margin: 5px 0 0;
	width:100%;
}
/*-------------------------
CSS FOR SECTION 7
--------------------------*/
.faq-content {
	width: 96%;
	margin: 30px 2% 0;
}
.top-bg {
	padding: 20px 5px 15px;
	font-size: 28px;
	line-height: 30px;
}
/*-------------------------
CSS FOR SECTION 9
--------------------------*/
.s9-row .ord-nw-btn {
	padding:0 10px;
}
.price-p4 {
	padding:0 5px;
	font-size: 14px;
	line-height: 24px;
	margin:8px 0;
}
/*-------------------------
CSS FOR FOOTER
--------------------------*/
footer {
	padding: 30px 0;
}
/*-=============================================
/*CHECKOUT PAGE*/
/*================================================*/
.sec-chk {
    font-size: 17px;
    line-height: 20px;
    width: 56%;
}
.sec-chk1 {
    font-size: 29px;
    line-height: 24px;
    padding: 4px 7px 0 0;
}
.chk-top-rit {
    width: 80%;
}
.frm-top {
    padding: 15px 10px 10px;
    font-size: 21px;
    line-height: 20px;
}
.frm-top img {
    margin: -5px 5px 0 0;
    max-width: 28px;
}
.form-box {
    padding: 20px 12px;
}
.chk-rit {
    width: 47%;
}
.chk-lft {
    width: 51%;
}
.prod-name {
    margin: 18px 0 0;
}
.frm-element label, .frm-element-payment label {
    width: 120px;
    font-size: 17px;
}
.frm-element, .frm-element-payment {
    padding-left: 123px;
}
.billingCheck {
    padding-left: 0px;
	font-size: 17px;
    line-height: 20px;
}
.chk-testi {
    padding: 20px 10px 0;
}
.chk-t1 {
    font-size: 27px;
    line-height: 28px;
    margin-bottom: 5px;
}
.chk-t2 {
    font-size: 22px;
    line-height: 22px;
    padding-bottom: 12px;
}
.sec-chk1 {
	font-size: 22px;
	line-height: 24px;
	padding: 4px 7px 0 0;
}
.t-wi {
	width: 55%;
}
/*-=============================================
/*UPSELL PAGE*/
/*================================================*/
.up-pg .sec-chk1 {
	font-size: 22px;
	line-height: 24px;
}
.up-p1 {
	font-size: 29px;
	line-height: 32px;
}
.up-p2 {
	font-size: 20px;
	line-height: 24px;
	margin: 7px 0 0;
}
.upsell-box {
	width: 98%;
}
.add-to-ord {
	max-width: 260px;
}
.up-nm-p3 {
	font-size: 27px;
	line-height: 25px;
}
.up-nm-p4 {
	font-size: 33px;
	line-height: 30px;
}
.up1-btl {
	left: 18%;
	top: 90px;
	max-width: 220px;
}
.up-ul {
	float: left;
	width: 100%;
	margin: 20px 0;
}
.up-ul li {
	padding: 0 3px;
	font-size: 16px;
	line-height: 20px;
}
.up3-bg .up1-btl {
	left: 22%;
}
.up-nm-p2 {
	font-size: 25px;
	line-height: 28px;
}
/*-=============================================
/*THANK YOU PAGE*/
/*================================================*/
.ty-box {
	padding: 20px 18px;
}
.prod-name-ty {
	font-size: 17px;
	line-height: 23px;
}
.ty-left {
	width: 56%;
}
}
@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
--------------------------*/
.smobitrigger {
	top: 6px;
}
.logo {
	max-width: 110px;
}
.top-bar {
	padding: 8px 0;
}
/*-------------------------
CSS FOR BANNER
--------------------------*/
.banner {
	padding: 25px 0;
	background: url(../images/bnr-mob.jpg) no-repeat center top;
}
.bnr-lft {
	width: 100%;
}
.bnr-img1-mob{
	display:inline-block;
	max-width:100%;
	vertical-align:top;
	padding:0 10px;
}
.bnr-p2 {
	font-size: 41px;
	line-height: 38px;
	margin-bottom:5px;
}
.bnr-p1 {
	font-size: 20px;
	line-height: 24px;
}
.prod-img {
	max-width: 370px;
	width: 100%;
	position:static;
}
.bnr-ul {
	width: 100%;
	padding: 12px 0 30px;
}
.bnr-ul li {
	font-size: 14px;
	line-height: 19px;
	letter-spacing:-1px;
}
.mob-top{
	float:left;
	width:100%;
	position:relative;
}
.mob-man{
	display:inline-block;
	max-width:100%;
}
.banner .container {
	padding: 0 0px;
}
.prod-img-mob{
	max-width: 400px;
	width: 65%;
	position: absolute;
	left: -17px;
	top:18px;
}
.bnr-ul {
	padding: 15px 0 20px;
	background:#fff;
}
.header-gap {
	height: 50px;
}
.bnr-ic1 {
	max-width: 40px;
	width:100%;
	margin-bottom:0px;
}
/*-------------------------
CSS FOR STRIP
--------------------------*/
.strip {
	padding: 25px 0 13px;
	background-color: #ecf1f5;
}
.strip-ul li {
	width: 50%;
	font-size: 16px;
	line-height: 20px;
	padding: 0 5px 0 38px;
	margin-bottom:12px;
}
/*-------------------------
CSS FOR SECTION 1
--------------------------*/
.section-1, .section-2, .section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9 {
	padding: 25px 0;
}
.sec1-p1 {
	font-size: 30px;
	line-height: 33px;
	margin-bottom: 10px;
}
.sec1-p2 {
	font-size: 22px;
	line-height: 22px;
}
.sec-img {
	margin: 10px 0;
}
.sec1-p3 {
	font-size: 19px;
	line-height: 26px;
}
.marg-top {
	margin: 5px 0% 0;
}
.sec1-img1 {
	margin:0px 0 8px;
}
.sec1-p4 {
	font-size: 20px;
	line-height: 28px;
}
.sec1-img2 {
	display:none;
}
.sec1-img1-mob{
	max-width:100%;
	display:inline-block;
}
/*-------------------------
CSS FOR SECTION 2
--------------------------*/
.section-2 {
	background: #f9fcfe;
}
.sec2-lft {
	width: 100%;
	text-align:center;
}
.sec2-p1 {
	font-size: 22px;
	line-height: 24px;
}
.sec2-p2 {
	font-size: 38px;
	line-height: 40px;
}
.mar-30 {
	margin:10px 0 10px;
}
.sec2-box {
	text-align: left;
	padding: 0px 0 0 75px;
	margin:0;
}
.sec2-p3 {
	font-size: 22px;
	line-height: 24px;
	margin-bottom:3px;
}
.img-3 {
	max-width: 65px;
	width:100%;
}
.s2-prod-img {
	position:static;
	display:inline-block;
	margin:10px 0 0;
}
.s2-ul {
	text-align:left;
}
.s2-ul li {
	margin-top: 10px;
	font-size: 19px;
	line-height: 26px;
	padding: 0px 0 6px 75px;
	min-height: 10px;
	background-size:50px auto;
}
.clr-3-mob{
	float:left;
	max-width:100%;
}
.dot-blue {
	display:none;
}

/*-------------------------
CSS FOR CTA
--------------------------*/
.cta1, .cta2, .cta3, .cta4, .cta5, .cta6, .cta7, .cta8 {
	padding: 30px 0;
}
.cta-box {
	width: 100%;
}
.cta-p1 {
	font-size: 32px;
	line-height: 27px;
}

/*-------------------------
CSS FOR SECTION 3
--------------------------*/
.section-3 {
	padding: 25px 0 15px;
}
.sec3-lft-ul, .sec3-rit-ul {
	position: static;
	width: 100%;
	text-align: left;
}
.s3-img1 {
	max-width: 420px;
	margin-top:0px;
}
.s3-prod-img {
	max-width: 420px;
	width: 100%;
	margin: 0px 0 0 0;
}
.s3-ic2 {
	left:0 !important;
}
.sec3-lft-ul li, .sec3-rit-ul li {
	padding: 15px 0 0 90px;
	margin-bottom: 8px;
	text-align:left;
}
.sec3-row .sec1-p3 {
	font-size: 19px;
	line-height: 25px;
}
.sec3-row .sec3-p1 {
	font-size: 20px;
	line-height: 23px;
}
.sec3-row {
	margin-bottom: 0px;
}
.s3-img1 {
	display:none;
}
/*-------------------------
CSS FOR SECTION 4
--------------------------*/
.section-4 {
	background: #f4f5f5;
}
.sec4-rit {
	width: 100%;
	text-align:center;
}
.run-img {
	display:none;
}
.dot-line, .dot-line2 {
	display:none;
}
.s4-box {
	padding: 198px 0 0 0px;
	background: url(../images/s4-img2.png) no-repeat center top;
	min-height: 10px;
	text-align:center;
}
.s4-prod-img {
	position:static;
	display:inline-block;
	margin:5px 0 0;
}
.s4-ul {
	padding-left: 0;
	text-align:center;
}
.s4-ul li {
	font-size: 19px;
	line-height: 25px;
	margin-bottom: 15px;
}
.s4-img1-mob{
	display:block;
	max-width:100%;
	margin:15px auto 0;
}
/*-------------------------
CSS FOR SECTION 5
--------------------------*/
.section-5 {
	background: #fdfdfd;
}
.s5-box {
	width: 100%;
	margin: 0px 0 0px;
	text-align:center;
}
.s5-p1 {
	font-size: 32px;
	line-height: 34px;
	text-align: center;
}
.s5-ul li {
	width: 100%;
	margin:20px 0 0;
}
.s5-ul li h4 {
	min-height: 5px;
}
/*-------------------------
CSS FOR SECTION 6
--------------------------*/
.sec6-in-scrl{
	float:left;
	width:100%;
	overflow-x: scroll;
	padding-bottom:30px;
}
.sec6-in {
	margin: 15px auto 0;
	width:600px;
}
.col-1 {
	width:38.3% ;
	margin:71px 0 0;
}
.col-1 p, .col-2 p, .col-3 p {
	font-size: 17px;
	line-height: 23px;
	padding: 12px 7px;
}
.col-3 h4 {
	font-size: 21px;
	line-height: 20px;
	padding: 25px 15px 25px;
}
.col-3 {
	padding-bottom: 30px;
}
.s6-logo {
	width:100%;
	max-width:130px;
	margin: 15px 0 15px;
	padding:0 3px;
}
.s6-ord-nw {
	margin: 20px 0;
	padding: 0 7px;
}
.col-2 {
	margin: 0 1% 0 0;
}
/*-------------------------
CSS FOR SECTION 7
--------------------------*/
.face-mob{
	display:inline-block;
	max-width:100%;
	margin:0 auto 5px;
}
.sec7-p1 {
	width:85%;
	margin: 8px auto 20px;
	font-size: 19px;
	line-height: 28px;
}
.mar-no {
	margin: 5px 0 0;
}
.slide-div {
	margin:25px 0 0;
}
.slick-slide img.face-mob{
	display:block;
}
/*-------------------------
CSS FOR SECTION 8
--------------------------*/
.faq-content {
	width: 100%;
	margin: 20px 0 0;
}
.acdn-haeding {
	padding: 12px 60px 12px 12px;
}
.acdn-haeding.accordion-open {
	background: url(../images/minus-icon.png) no-repeat 98% center #f7feff;
}
.acdn-para {
	font-size: 19px;
	line-height: 28px;
	padding: 10px 12px 20px 12px;
}
/*-------------------------
CSS FOR SECTION 9
--------------------------*/
.s9-row {
	margin: 20px 0 0;
}
.pkg1, .pkg2, .pkg3 {
	width: 100%;
	margin:0;
	padding-bottom: 15px;
}
.pkg2{
	margin:20px 0;
}
.top-bg, .pkg3 .top-bg {
	padding: 16px 10px 15px;
	font-size: 26px;
	line-height: 27px;
}
.price-p4 {
	font-size: 16px;
	line-height: 24px;
}
/*-------------------------
CSS FOR FOOTER
--------------------------*/
footer {
	padding: 15px 0;
	font-size: 12px;
	line-height:17px;
}
footer p {
	margin-bottom: 5px;
}

/*-=============================================
/*CHECKOUT PAGE*/
/*================================================*/
.chk-bar .logo {
    float:none;
	display:inline-block;
	max-width: 130px;
}
.chk-top-rit {
    display:none;
}
.chk-bar {
    padding: 10px 0;
}
.chk-sec1 {
    padding:25px 0;
}
.chk-rit, .chk-lft {
    width: 100%;
}
.chk-lft {
	margin:20px 0 0px;
}
.prdo-details {
    float: right;
    width: 100%;
    padding:0 10px;
}
.prod-name {
    margin: 15px 0 10px;
}
.total-v {
    text-align:left;
	padding:0 10px;
}
.t-wi2 {
	width:30.4%;
	float:right;
	padding:0 10px 0 0;
}
.frm-element label {
    position: static;
    float: left;
    width: 100%;
    margin-bottom: 3px;
}
.frm-element {
    padding-left: 0;
}
.frm-element, .frm-element-payment {
    margin: 7px 0;
}
.input-box.name-fld, .input-box.name-fld-rgt {
    width: 100%;
}
.label-mob {
    margin-top: 14px;
}
.input-box.name-fld.cvv-mob {
    width: 48%;
}
.input-box.name-fld-rgt.cvv-img {
    width: 48% ;
	float:right;
}
.chk-testi {
    padding: 0px 10px 0;
}
.chk-t2 {
    padding-bottom: 15px;
	margin-bottom:20px;
}
.billingCheck {
    font-size: 16px;
    line-height: 20px;
    position: relative;
    padding: 0 0 0 25px;
}
.billingCheck input {
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    left: 0;
    top: 0;
}
.summry-heading {
    font-size: 22px;
    line-height: 22px;
    padding: 15px 5px;
    margin: 0 2%;
	cursor:pointer;
	border:none;
}
.mob-wid .input-box.name-fld, .mob-wid .input-box.name-fld-rgt {
    width: 48%;
}
.summry-heading img.arw-order{
	float:right;
	margin:9px 0 0;
}
.mob-slide-div{
	float:left;
	width:100%;
	border-top: 1px solid #eaeaea;
}
/*-=============================================
/*UPSELL PAGE*/
/*================================================*/
.up-sec1 {
	padding: 15px 0 25px;
}
.up-p1 {
	font-size: 20px;
	line-height: 25px;
}
.upsell-box {
	float:left;
	width:100%;
	padding:0 5px;
	margin: 15px 0 20px;
	background:#fff;
	}
.upsell-in-box{ background:#fff;}
.up-rit {
	width: 100%;
	padding: 10px 10px;
}
.up1-btl {
	position:static;
	display:inline-block;
	max-width: 220px;
}
.up-nm-p1 {
	font-size: 26px;
	line-height: 32px;
}
.up-logo {
	display:none;
}
.up-nm-p2 {
	font-size: 30px;
	line-height:32px;
	margin:0px 0 12px;
}
.up-ul li {
	font-size: 13px;
	line-height: 17px;
}
.up-ul {
	margin: 15px 0;
}
.up-nm-p4 {
	font-size: 26px;
	line-height: 26px;
	margin: 10px 0 12px;
}
.up-r, .up-l {
	display:none;
}
.add-to-ord {
	max-width: 360px;
	width:100%;
}
.up1-btl {
	max-width: 200px;
}
.up-nm-p3 {
	font-size: 23px;
	line-height: 25px;
}
.up-p2 {
    font-size: 18px;
    line-height: 20px;
    letter-spacing:1px;
}
.up-nm-p5 {
	font-size: 11px;
	line-height: 18px;
}

.ty-box{padding:20px; margin-top:15px;}
.ty-rgt, .ty-left{width:100%;}
.ty-rgt{margin-top:30px;}

/*-=============================================
/*THANK YOU PAGE*/
/*================================================*/
.prod-data{padding-left:60px;}
.prod-name-ty, .prod-price{font-size:15px; line-height:16px;}
.prod-name span{font-size:14px; line-height:18px;}
.summry-table{padding-top:10px;}
.prod-data{width:80%;}
.prod-price{width:20%;}
 }
@media only screen and (max-width:362px) {
.s6-logo {
	max-width:100px;
}
.col-1 {
	margin: 62px 0 0;
}

}
@media only screen and (max-width:345px) {
.bnr-p2 {
	font-size: 37px;
	line-height: 35px;
	margin-bottom: 5px;
}
.bnr-ul li {
	font-size: 13px;
	line-height: 17px;
	letter-spacing: -1px;
}
.col-1 p, .col-2 p, .col-3 p {
	font-size: 17px;
	line-height: 24px;
}
}