@charset "utf-8";
/*====CSS Document====*/

body {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	background: #ffffff;
	color: #000000;
	text-align: center;
	font-family: 'Calibre';
	font-weight: normal;
	}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin: 0;padding: 0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border: 0;}
a {outline: none;color: inherit;text-decoration: none;}
img {border: none; max-width: 100%; height: auto;}
li {list-style: none;}
* {box-sizing: border-box;}
.img-full {max-width: 100%;}
.clearall {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	}

/*====FONTS====*/
@font-face {
	font-family: 'Calibre';
	src: url('Calibre-Regular.woff2') format('woff2'),
	url('Calibre-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}
@font-face {
	font-family: 'Calibre';
	src: url('Calibre-Medium.woff2') format('woff2'),
	url('Calibre-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	}
@font-face {
    font-family: 'Calibre';
    src: url('Calibre-Semibold.woff2') format('woff2'),
        url('Calibre-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Calibre';
	src: url('Calibre-Bold.woff2') format('woff2'),
	url('Calibre-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
	}
@font-face {
	font-family: 'Calibre';
	src: url('Calibre-Black.woff2') format('woff2'),
	url('Calibre-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	}
@font-face {
    font-family: 'Morsan';
    src: url('Morsan.woff2') format('woff2'),
        url('Morsan.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('Oswald-Bold.woff2') format('woff2'),
        url('Oswald-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('Oswald-DemiBold.woff2') format('woff2'),
        url('Oswald-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



	
/*-----------------------
MAIN CSS START
------------------------*/

.container {
	width:1170px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
	
	
/*====TOP STRIP====*/
.top_strip{
	float:left;
	width:100%;
	padding:6px 0 7px;
	background:#000000;
	}
.top_strip p{
	font-size:19px;
	line-height:20px;
	letter-spacing:0.5px;
	color:#fff;
	}	
	
/*====HEADER====*/
.header{
	float:left;
	width:100%;
	padding:8px 0;
	background:#ffffff;
	}
.logo{
	display:block;
	margin:0 auto 0;
	width: 170px;
	}
	 
/*=====BANNER=====*/
.banner{
	float:left;
	width:100%;
	padding:30px 0 70px;
	position:relative;
	background:url(../../images/index-v3/banner-bg.jpg) no-repeat center bottom #ffffed;
	}
.banner_heading_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	}
.banner_sub_heading{
	font-size:30px;
	line-height:30px;
	color:#1b8197;
	font-weight:bold;
	text-transform:uppercase;
	}
.banner_heading{
	font-size:80px;
	line-height:74px;
	color:#000;
	margin-top:10px;
    font-family: 'Morsan';
	font-weight: normal;
	}
.banner_heading span{
	color: transparent;
	background: rgb(189,81,75);
	background: linear-gradient(90deg, rgba(189,81,75,1) 5%, rgba(196,144,100,1) 20%, rgba(200,186,29,1) 47%, rgba(157,217,209,1) 72%, rgba(157,217,209,1) 80%, rgba(203,178,208,1) 100%);
	-webkit-background-clip: text;
	}
.banner_heading_strip{
	display:inline-block;
	vertical-align:top;
	font-size:30px;
	line-height:30px;
	color:#000;
	font-weight:bold;
	padding: 6px 32px;
	margin-top: 10px;
	background:url(../../images/index-v3/banner-heading-strip-bg.png) no-repeat center center;
	}

.banner_block{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:40px;
	}
.banner_left_box{
	float:left;
	width:48.804%;
	}

.package_slider_box{
	float:left;
	width:100%;
	position:relative;
	}
.package_slider{/*
	width:100%;
    border: 7px solid #fff;
    -webkit-box-shadow: 0 0 12px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, .1);*/
	}
.package_slider div{ vertical-align:top;}	

.pakge-slide-prod{ margin:43px auto 0;}
.prd-nav1{ width:50px;}

.banner_right{
	float:right;
	width:46%;
	text-align:left;
	}
.banner_rating_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding-bottom:12px;
	border-bottom:1px solid #e1e1e1;
	}
.banner-rating-img{
	float:left;
	width:338px;
	}
.banner_rating_box p{
	float:left;
	width:100%;
	font-size:16px;
	line-height:16px;
	color:#000;
	font-weight:500;
	margin-top:6px;
	}
.banner_rating_box p img{
	display:inline-block;
	vertical-align:middle;
	width:89px;
	margin:-3px 8px 0 0;
	}
.banner_points{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:5px;
	text-align:left;
	}
.banner_points li{
	float:left;
	width:100%;
	font-size:20px;
	line-height:26px;
	color:#000;
	margin-top:10px;
    padding-left: 40px;
	background: url(../../images/index-v3/banner-point-thik.png) no-repeat top 4px left;
	background-size:23px;
	} 
.banner-masrum{
	display:inline-block;
	vertical-align:middle;
	width:19px;
	margin:-2px 7px 0;
	}
.flavor_row{
	display:inline-block;
	vertical-align:top;
	margin-top:15px;
	width:100%;
	text-align:center;
	}
ul.flavor_list{
	display: flex;
    -webkit-display: flex;
	justify-content: space-between;
	margin-top:15px;
	}
ul.flavor_list li{
	width:24%;
	display: flex;
    -webkit-display: flex;
	align-items: center;
	background:#fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 7px 5px;
    cursor: pointer;
	font-size:18px;
	line-height:18px;
	color:#000;
	font-weight:600;
	text-align:left;
	}
ul.flavor_list li.active{
	background: #e7f5f8;
	border: 1px solid #1b8197;
	box-shadow:0 0 0 1px #1b8197;
	}
.flvr-icon {
    display: inline-block;
    vertical-align: middle;
    width: auto;
	height:35px;
	margin-right:5px;
	}

.package_block{
	display:inline-block;
	vertical-align:top;
	margin-top:20px;
	width:100%;
	text-align:center;
	}
.package_heading{
	display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
	width:100%;
	font-size:26px;
	line-height:30px;
	color:#000;
	font-weight:bold;
	position:relative;
	}
.package_heading:after{
	content:'';
	display: inline-block;
	vertical-align:middle;
	-webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
	height:1px;
	background:#1b8197;
	}
.package_heading span{ padding:0 15px 0 0;}

.package_strip{
	display:inline-block;
	vertical-align:top;
	width:100%;
	font-size:18px;
	line-height:18px;
	color:#000;
	font-weight:500;
    padding: 6px 10px;
	text-transform:uppercase;
	margin-top:15px;
	background:#ffeb93;
	}
.package_strip img{
	display:inline-block;
	vertical-align:middle;
	width:9px;
	margin:-2px 8px 0 0;
	}



.purchase_box{
	float:left;
	width:100%;
	margin-top:30px;
	}
.switch_optBox{
	width:100%;
	margin:0 auto 0;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
.option_row{
    width: 48%;
    border: 2px solid #017540;
    border-radius: 10px;
    font-size: 19px;
    line-height: 19px;
    color: #017540;
    font-weight: 500;
    text-align: center;
    position: relative;
    cursor: pointer;
    padding: 15px 10px;
	}
.option_row.active{
	background:#017540;
	border:2px solid #017540;
	color:#fff;
	}

.package_row{
    width: 100%;
    margin-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 10px;
	}
.package_col{
	width: 100%;
    float: left;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #d7d7d7;
    cursor: pointer;
	position:relative;
	padding:10px 20px;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	}
.package_col.active {
    background: #e7f5f8;
    border-color: #e7f5f8;
    box-shadow: 0 0 0 2px #1b8197;
    -webkit-transition: all 0.5sease;
    transition: all 0.5sease;
	}
.radio_opt{
	width:5%;
	padding:0;
	margin-top:0;
	}
.radio_opt input[type='radio']{
	-webkit-appearance:none;
	position:absolute;
	left:0;
	top:0;
	}
.radio_opt input[type='radio'] + span{
	width:18px;
	height:18px;
	border-radius:50%;
	border:1px solid #d7d7d7;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	background:#fff;
	}
.radio_opt input[type='radio']:checked + span{background:#fff; border:1px solid #b7b7b7;}
.radio_opt input[type='radio']:checked + span:before{
	content:'';
	position:absolute;
	width:7px;
	height:7px;
	background:#001c72;
	border-radius:50%;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	}
.package_col.active .radio_opt input[type='radio']:checked + span{ border: 1px solid #1b8197; background: #1b8197;}
.package_col.active .radio_opt input[type='radio']:checked + span:before{background: #fff;}
.purchase_info{
	width:25%;
	}
.purchase_info img{
	margin:0 auto 0;
	display:block;
	width:100px;
	}	

.purchase_offerBx{
    width: 35%;
    text-align: left;
    padding-left: 10px;
	}
.pkg-hdg-text{
	font-size:24px;
	line-height:24px;
	color:#000;
	font-weight:bold;
	}	
.pkg-qty-text{
	font-size:20px;
	line-height:20px;
	color:#09be4d;
	font-weight:bold;
	margin-top:4px;
	}		
	
.purchase_priceBx{
	width:40%;
	text-align:right;
	}	
.pkg-list-price{
	font-size:20px;
	line-height:20px;
	color:#1b8197;
	font-weight:500;
	}	
.pkg-list-price span{
	font-size:28px;
	font-weight:bold;
	}
.pkg-cut-price{
	font-size:20px;
	line-height:20px;
	color:#000;
	font-weight:bold;
	margin-bottom:3px;
	}	
.pkg-cut-price span{ position:relative; color:#828282;}	
.pkg-cut-price span:before{
    content: '';
    position: absolute;
    top: 10px;
    left: -5px;
    right: -5px;
    background: #fe0b0b;
    height: 2px;
    transform: rotate(-20deg);
	}
	
.cart_btn_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:20px;
	}
.cart_btn_width{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:500px;
	}
.cart_button_order{
	font-size:17px;
	line-height:20px;
	color:#000;
	margin-bottom:10px;
	}	
.cart_common_btn{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 68px;
    color: #fff;
    text-align: center;
    font-size: 36px;
    line-height: 40px;
    background: #1ab001;
    font-weight: bold;
    letter-spacing: 0.3px;
    text-shadow: 3px 1px #208010;
    position: relative;
    border-radius: 8px;
    border: none;
    font-family: 'Oswald';
    cursor: pointer;
	-webkit-appearance: none;
	-webkit-box-shadow: 0 6px 6px 1px rgba(0, 0, 0, .3);
	box-shadow: 0 6px 6px 1px rgba(0, 0, 0, .3);
	}
.cart_common_btn img{
    display: inline-block;
    vertical-align: middle;
	width: 30px;
	margin: -5px 0 0 20px;
	filter: drop-shadow(0px 6px 9px #ffd929);
	}
.cart_button_prod{
	font-size:16px;
	line-height:18px;
	color:#000;
	margin-top:15px;
	}
.cart_button_prod img{
	display:inline-block;
	vertical-align:middle;
	width:18px;
	margin:-2px 5px 0 0;
	}
.cart_button_prod.white_color img{filter: invert(1);}
	
.hourglass{
	display:inline-block;
	vertical-align:middle;
	width:10px;
	margin:-3px 6px 0;
	animation:rotateP 2.5s  ease-in-out forwards infinite 
  }
  @keyframes rotateP{
	0%{
	  transform:rotate(0)
	}
		50%{
	transform:rotate(180deg)
	}
	100%{
	 transform:rotate(180deg)
	}
  } 
  @keyframes rotate{
	0%{
	  transform:rotate(00deg)
	}
	100%{
	  transform:rotate(360deg)
	}
  }
.cart_button_order span{ position:relative;}
.cart_button_order span.dot{ padding-right:5px;}
.dot:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:8px;
	height:8px;
	background:#11b142;
	margin:-2px 8px 0 0;
	border-radius:50%;
	
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
	}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
	}
.low_stock{
    display: inline-block;
    vertical-align: middle;
    width:70px;
    height:14px;
    margin:-3px 0 0 4px;
	}
.low_stock span{
	float:left;
	width:15px;
	height:100%;
	background:#fff;
	transition:0.5s;
    border:1.5px solid #505050;
	margin:0 1px;
	}
.low_stock span.fade{
	animation:fade 1.2s ease-in-out infinite;
	background:#f80000;
    border:1.5px solid #f80000;
	}
	
@keyframes fade{
	0%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:1;}
	}

/*=====PROMISE SECTION=====*/
.promise_section{
	float:left;
	width:100%;
	padding:25px 0 30px;
	border-bottom:2px solid #e5e5e5;
	background:#fff;
	}
.promise_heading{
	font-size:30px;
	line-height:30px;
	color:#000;
	font-weight:bold;
	}
.promise_points{
	width:100%;
	margin:25px auto 0;
	
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
.promise_points li{
	width:16%;
	}
.promise_points li img{
	display:block;
	margin:0 auto 15px;
	width:63px;
	}
.promise_points li p{
	font-size:20px;
	line-height:23px;
	color:#000;
	font-weight:600;
	}
	
/*=====SECTION 1=====*/
.section1{
	float:left;
	width:100%;
	padding:50px 0 30px;
	text-align:left;
	background:url(../../images/index-v3/s1-bg.jpg) no-repeat top center #fafcfd;
	background-size:cover;
	}
.common_heading{
	font-size:50px;
	line-height:60px;
	color:#000;
	font-weight:600;
    font-family: 'Oswald';
	}
.common_text{
	font-size:24px;
	line-height:30px;
	color:#000;
	margin-top:30px;
	}
.s1_text{
	font-size:30px;
	line-height:38px;
	color:#000;
	margin-top:15px;
	}
.s1_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:40px;
	padding:35px 395px 60px 35px;
	border-radius:15px;
	border:1px solid #dfdfca;
	position:relative;
	overflow:hidden;
	background:#ffffed;
	}
.s1-masrum-img{
	position:absolute;
	bottom:0;
	right:0;
	width:784px;
	}
.s1_box_inr{
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding-right: 155px;
	}
.s1_points{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:5px;
	}
.s1_points li{
	float:left;
	width:100%;
	font-size:24px;
	line-height:30px;
	color:#000;
	margin-top:20px;
	padding-left:40px;
	background:url(../../images/index-v3/s1-masrum-bullet.png) no-repeat;
	background-position: top 5px left;
	}
	
.button_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:45px;
	text-align:center;
	}
.button_box_width{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:400px;
	text-align:center;
	}	
.common_button{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 68px;
    color: #fff;
    text-align: center;
    font-size: 36px;
    line-height: 64px;
    background: #1ab001;
    font-weight: bold;
    letter-spacing: 0.3px;
    text-shadow: 3px 1px #208010;
    position: relative;
    border-radius: 8px;
    border: none;
    font-family: 'Oswald';
    cursor: pointer;
	-webkit-appearance: none;
	-webkit-box-shadow: 0 6px 6px 1px rgba(0, 0, 0, .3);
	box-shadow: 0 6px 6px 1px rgba(0, 0, 0, .3);
	}
.common_button img{
    display: inline-block;
    vertical-align: middle;
	width: 30px;
	margin: -5px 0 0 20px;
	filter: drop-shadow(0px 6px 9px #ffd929);
	}
.button_text{
	font-size:16px;
	line-height:16px;
	color:#000;
	margin-top:12px;
	}
.button_text img{
	display:inline-block;
	vertical-align:middle;
	width:9px;
	margin:-2px 5px 0 0;
	}
.button_text.button_text1{ margin:0 0 10px;}
.button_text span{ position:relative; padding:0 5px;}
.button_text span:first-child:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:8px;
	height:8px;
	background:#11b142;
	margin:-2px 8px 0 0;
	border-radius:50%;
	
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
	}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
	
/*=====SECTION 2=====*/
.section2{
	float:left;
	width:100%;
	padding:20px 0 60px;
	text-align:left;
	position:relative;
	background:#fff;
	}
.s2-dottes{
	float:right;
	width:315px;
	margin:0 0 0 30px;
	}
.s2_result_heading{
	font-size:40px;
	line-height:40px;
	color:#1b8197;
	font-weight:bold;
	margin-top:25px;
	}
.s2_unique_heading{
	display:inline-block;
	vertical-align:top;
	font-size:30px;
	line-height:36px;
	color:#000;
	font-weight:600;
	margin-top:25px;
	padding:10px 30px 10px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	}
.result_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding-right:400px;
	position:relative;
	margin-bottom:25px;
	}
.s2-masrum-img{
    position: absolute;
    bottom: -10px;
    right: 90px;
    width: 385px;
	}
.s2_unique_points{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:10px;
	text-align:left;
	}
.s2_unique_points li{
    float: left;
    width: 100%;
    font-size: 24px;
    line-height: 30px;
    color: #000;
    font-weight: 500;
    margin-top: 15px;
    padding-left: 32px;
    background: url(../../images/index-v3/banner-point-thik.png) no-repeat top 4px left;
    background-size: 21px;
	} 
	
/*=====SECTION 3=====*/
.section3{
	float:left;
	width:100%;
	overflow:hidden;
	background:url(../../images/index-v3/s3-bg.jpg) no-repeat top center #2f1d3a;
    background-size: cover;
	}
.s3_block{
	display:inline-block;
	vertical-align:top;
	width:100%;
	position:relative;
	padding:79px 0 79px;
	}
.s3_content{
	float:left;
	width:63%;
	text-align:left;
	}
.difference_points{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:5px;
	}
.difference_points li{
	float:left;
	width:100%;
	font-size:24px;
	line-height:30px;
	color:#fff;
	position:relative;
	margin-top:30px;
	padding-left:65px;
	}
.difference_points li img{
	position:absolute;
	top:50%;
	left:0;
	width:46px;
	margin-top:-20.5px;
	}
.s3-img{
    position: absolute;
    bottom: 0;
    right: -430px;
    width: 1095px;
	max-width:none;
	}
.s3-masrum{
    position: absolute;
    top: 50%;
    left: -160px;
    width: 98px;
	}
	
/*=====SECTION 4=====*/
.section4{
	float:left;
	width:100%;
	padding:60px 0 70px;
	text-align:left;
	position:relative;
	overflow:hidden;
	background:#fff;
	}
.review_box{
	width:100%;
	margin:40px auto 0;
	
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
.review_col{
	width:31.33%;
	padding:20px 25px 25px;
	border:1px solid #1b8197;
	border-radius:12px;
	position:relative;
	overflow:hidden;
	background:#ffffed;
	-webkit-box-shadow: 0 6px 0 0 #1b8197;
	box-shadow: 0 6px 0 0 #1b8197;
	text-align:left;
	
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: column;
	}
.review_text{
	font-size:26px;
	line-height:32px;
	color:#000;
	}
.review_vrfy_box{
	width:100%;
	margin-top:30px;
	position:relative;
	
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	}
.review-img{
	width:52px;
	border-radius:50%;
	}
.review_vrfy_cont{
	width:calc(100% - 52px);
	padding-left:15px;
	}
.review_vrfy_cont img{
	display:inline-block;
	vertical-align:top;
	width:89px;
	margin-bottom:5px;
	}
.review_vrfy_cont p{
	font-size:24px;
	line-height:28px;
	color:#000;
	}
.cotattion{
    position: absolute;
    bottom: -38px;
    right: 25px;
    font-size: 144px;
    line-height: 144px;
    color: #e4ede0;
    font-weight: 600;
	}

.scale_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin:50px 0 20px;
	text-align:center;
	position:relative;
	}
.scale_heading{
	font-size:30px;
	line-height:36px;
	color:#000;
	font-weight:500;
	}
.s4-product{
	position:absolute;
	bottom:-50px;
	width:385px;
    filter: drop-shadow(12px -5px 5px #a8a8a8);
	}
.s4-product1{
	left:-126px;
	}
.s4-product2{
	right:-126px;
	}
.scale_list{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:582px;
	margin-top:25px;
	} 
.scale_list li{
    width: 100%;
    border-radius: 8px;
    margin-top: 12px;
    padding: 0 25px 0;
    height: 56px;
    position: relative;
    overflow: hidden;
    background: #f1f1f1;
	
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	}
.scale_list li:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:80%;
	border-radius:8px;
	background: rgb(187,58,58);
	background: linear-gradient(90deg, rgba(187,58,58,1) 14%, rgba(194,130,103,1) 29%, rgba(200,178,37,1) 45%, rgba(157,217,209,1) 65%,rgba(157,217,209,1) 75%, rgba(211,171,205,1) 95%);
	}
.scale_list li:nth-child(2):before{ width:70%;}
.scale_list li:nth-child(3):before{ width:90%;}
/*.scale_list li:nth-child(4):before{ width:80%;}*/
.scale_list li:nth-child(5):before{ width:70%;}
/*.scale_list li:nth-child(6):before{ width:80%;}*/
.scale_list li h3{
	font-size:30px;
	line-height:30px;
	color:#fff;
	font-weight:bold;
	position:relative;
	z-index:1;
	}
.scale_list li p{
	font-size:30px;
	line-height:30px;
	color:#000;
	font-weight:600;
    font-family: 'Oswald';
	position:relative;
	z-index:1;
	}	
	
/*=====EXPLORER SECTION=====*/
.explorer_section{
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding:15px 0;
	background:#1b8197;
	}
.explorer_section p{
	font-size:30px;
	line-height:30px;
	color:#fff;
	font-weight:600;
	}
	
/*=====SECTION 5=====*/
.section5{
	float:left;
	width:100%;
	padding:40px 0 60px;
	background:url(../../images/index-v3/s5-bg.jpg) no-repeat top center #101316;
    background-size: cover;
	}
.s5_block{
	display:inline-block;
	vertical-align:top;
	width:100%;
	}
.s5_left{
	float:left;
	width:58%;
	text-align:left;
	}
.exact_points{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:10px;
	}
.exact_points li{
    float: left;
    width: 100%;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin-top: 10px;
    padding-left: 38px;
    background: url(../../images/index-v3/check.png) no-repeat;
    background-position: top 5px left;
    background-size: 21px;
	}
.s5_strip{
    width: 100%;
    padding: 15px 61px 17px 25px;
    margin-top: 30px;
    position: relative;
    background: rgb(11, 17, 21);
    background: linear-gradient(90deg, rgba(11, 17, 21, 1) 65%, rgba(11, 17, 21, .5) 80%);
	
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	}
.s5_strip:before{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:5px;
	background: rgb(187,58,58);
	background: linear-gradient(90deg, rgba(187,58,58,1) 25%, rgba(190,201,60,1) 83%);
	}
.s5_strip img{ width:92px;}
.s5_strip p{
	width:calc(100% - 92px);
	padding-left:15px;
    font-size: 24px;
    line-height: 30px;
	color: #fffbaf;
	}
.s1_text.mrgT30{ margin-top:30px;}
.s5-prod{
    position: absolute;
    top: -10px;
    right: 49px;
    width: 503px;
    z-index: 5;
	}
.s5_mid_box{
	width:100%;
	margin:63px auto 20px;
	
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
.s5_mid_box div{
	width:23.078%;
	}
.s5_mid_box div img{
	display:block;
	margin:0 auto 0;
	width:270px;
	border-radius:10px;
	}
	
/*=====SECTION 6=====*/
.section6{
	float:left;
	width:100%;
	padding:60px 0 70px;
	position:relative;
	background:#fff;
	}
.section6:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:1056px;
	background:url(../../images/index-v3/s6-bg.jpg) no-repeat top center;
	background-size:cover;
	}
.s6_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:1000px;
	margin-top:10px;
	}
.s6_col{
	width:100%;
	margin:35px auto 0;
	
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	}
.s6-img{
	display:block;
	margin:0 auto 0;
	width:272px;
	border-radius:15px;
	}
.s6_col_cont{
	width:calc(100% - 272px);
	padding-left:32px;
	text-align:left;
	}
.s6_col_cont h3{
	font-size:36px;
	line-height:34px;
	color:#000000;
	font-weight:bold;
	}
.s6_col_cont p{
    font-size: 24px;
    line-height: 30px;
    color: #000;
    margin-top: 15px;
	}

.s6_block{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:1000px;
	margin:80px 0 15px;
	padding: 40px 120px 50px;
	position:relative;
	border:1px solid #e7e7d6;
	border-radius:15px;
	background:#ffffed;
	}
.bulb{
	position:absolute;
	top: -22px;
	left:50%;
	width:35px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	}
.s6_block_heading{
	font-size:30px;
	line-height:34px;
	color:#000000;
	font-weight:bold;
	}
.s6_points{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top: 10px;
	}
.s6_points li{
	display:inline-block;
	vertical-align:top;
	width:100%;
	font-size: 20px;
	line-height: 26px;
	color: #000;
	text-align: left;
	margin-top: 12px;
	padding-left: 32px;
	position:relative;
	background: url(../../images/index-v3/banner-point-thik.png) no-repeat top 4px left;
	background-size: 20px;
	}
.s6_up_box{
	display:inline-block;
	vertical-align: top;
	width:100%;
	margin-top:30px;
	font-size: 20px;
	line-height: 26px;
	color: #000;
	text-align: left;
	padding: 20px 30px 25px;
	border:1px solid #e2e2d3;
	background:#fff;
	}
	
/*=====SECTION 7=====*/
.section7{
	float:left;
	width:100%;
	text-align:left;
	padding:60px 0 70px;
	overflow:hidden;
	background:#eaf7fa;
	}
.s7_product_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:40px;
	padding: 30px 470px 35px 35px;
	position:relative;
	border-radius:20px;
	background:#1b8197;
	}
.s7_product_box:before{
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:780px;
	height:100%;
	background:url(../../images/index-v3/blue-bg.jpg) no-repeat center center;
	background-size:100%;
	border-radius:20px 20px;
	}
.s7-product{
	position:absolute;
	top: -50px;
	right:30px;
	width:427px;
	}
.s7_points{
	display:inline-block;
	vertical-align:top;
	width:100%;
	}
.s7_points li{
	display:inline-block;
	vertical-align:top;
	width:100%;
	font-size:36px;
	line-height:42px;
	color:#fff;
	font-weight:600;
	margin-top:14px;
	padding-left:46px;
	background:url(../../images/index-v3/thik.png) no-repeat top 2px left;
	background-size:31px;
	position: relative;
    z-index: 5;
	}
.s7_heading{
	font-size:36px;
	line-height:42px;
	color:#000;
	font-weight:bold;
	margin-top:30px;
	}
	
.s7_list{
	width:100%;
	margin: 30px auto 0;
	
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.s7_list li{
	width: 32.33%;
	font-size: 24px;
	line-height: 30px;
	color: #000;
	padding: 9px 10px 11px 64px;
	border:1px solid #1b8197;
	border-radius:8px;
	background:#fff url(../../images/index-v3/blue-arrw.png) no-repeat;
	background-position: center left 19px;
	background-size:34px;
	
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}
	
/*=====SECTION 8=====*/
.section8{
	float:left;
	width:100%;
	padding:60px 0;
	}
.s8_heading {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    max-width: 300px;
    text-align: left;
	}
	
.compare-box{
	display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	width:100%;
	margin:0 auto 10px;
	padding-top:180px;
	}
.compare_col-1{
	width:29%;
	}
ul.compare_col-1_list{
	width:100%;
	padding-top:15px;
	}
ul.compare_col-1_list li{
	width:100%;
	min-height:70px;
	display: -ms-flexbox;
    display: flex;
	align-items: center;
    text-align: left;
    column-gap: 15px;
	padding:3px 0;
	border-bottom:1px solid #e4e9ec;
	}
ul.compare_col-1_list li:last-child{ border:none;}
ul.compare_col-1_list li img{
	width:58px;
	}
ul.compare_col-1_list li p{
	font-size:24px;
	line-height:26px;
	color:#000000;
	font-weight:600;
	}
.compare_col-2{
	width:23%;
	background:#1b8197;
	border-radius:10px;
	position:relative;
	}
.compare_prod{
	position:absolute;
	left:50%;
	top:-180px;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	}
.compare_col_top1{
	height:70px;
	}
.compare_col_top2{
	display: flex;
	align-items: center;
	height:70px;
	padding:10px;
	text-align:center;
	background:#135d6d;
	border-radius:10px 10px 0 0;
	}
.compare-logo{
	display:block;
	margin:0 auto;
	max-width:100%;
	width:200px;
	}
.compare_col_top2 p{
	font-size:24px;
	line-height:26px;
	color:#ffffff;
	font-weight:600;
	}
ul.compare_col_list{
	width:100%;
	padding-top:15px;
	}
ul.compare_col_list li{
	width:100%;
	min-height:70px;
	display: -ms-flexbox;
    display: flex;
	align-items: center;
    text-align: left;
    column-gap: 5px;
	padding:3px 20px;
	border-bottom:1px solid #dce1e4;
	}
ul.compare_col_list li:last-child{ border:none !important;}
ul.compare_col_list li p{
	font-size:20px;
	line-height:24px;
	letter-spacing:0.3px;
	color:#666666;
	font-weight:500;
	}
ul.compare_col_list li  span{font-size:20px;line-height:24px;}
.compare_col-3 ul.compare_col_list li  span{ filter: brightness(0.7);}
.compare_col-2 ul.compare_col_list li{border-bottom:1px solid #5599ab;}
.compare_col-2 ul.compare_col_list li p{
	color:#fff;
	}
.compare_col-gap{
	width:1%;
	}
.compare_col-3{
	width:23%;
	background:#f2f2f2;
	position:relative;
	border-radius: 10px;
	}
.compare_col-3 .compare_col_top2{ background:#616161;}
	
/*=====SECTION 9=====*/
.section9{
	float:left;
	width:100%;
	padding:60px 0;
	position:relative;
	z-index:3;
	background:#1b8197;
	}
/*.section9:before{
    content: '';
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 70px;
    height: 70px;
    background: #1b8197;
	}*/
.s9_block{
	width:100%;
	margin:30px auto 0;
	
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;	
	}
.s9_content{
	width:60%;
	text-align:left;
	}
.s9_product_box{
	width:34.189%;
	}
.s9-product{
	display:block;
	margin:0 auto 0;
	width:400px;
	}
.s9_heading{
	font-size:36px;
	line-height:36px;
	color:#fff;
	font-weight:bold;
	margin-top:30px;
	}
	
/*=====SECTION 10=====*/
.section10{
	float:left;
	width:100%;
	padding:90px 0 10px;
	background:#fff;
	}
	
.s10_block{
	display:inline-block;
	vertical-align:top;
	width:100%;
	border-radius:20px;
	position:relative;
	margin-bottom:10px;
	background:#000;
	}
.warnning-icn{
    position: absolute;
    top: -33px;
    left: 50%;
    width: 58px;
    transform: translateX(-50%);
	}
.warn_header{
	float:left;
	width:100%;
	padding:30px 30px 30px;
	border-radius:20px 20px 0 0; 
	background:#1b8197;
	}
.warn_header h3{
	font-size:50px;
	line-height:52px;
	color:#fff;
	font-weight:600;
    font-family: 'Oswald';
	}
.warn_header p{
	font-size:32px;
	line-height:32px;
	letter-spacing:0.5px;
	color:#fff;
	font-weight:bold;
	margin-top:10px;
	}
	
.s10_mid_box{
	float:left;
	width:100%;
	padding:50px 320px 30px 50px;
	position:relative;
	text-align:left;
	}
.cheech-img{
	position:absolute;
	top:50%;
	right:31px;
	width:317px;
    transform: translateY(-50%);
	}
.calling_box{
	width:100%;
	max-width:677px;
	margin-top:25px;
	padding-top:15px;
	border-top:2px solid #333333;
	
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}
.calling_box img{
	display:block;
	margin:0 auto 0;
	width:72px;
	}
.calling_box p{
	width:calc(100% - 87px);
	margin-left:15px;
	padding-left:15px;
	border-left:1px solid #333333;
	}
	
.granty_box{
	float:left;
	width:100%;
	padding:35px 320px 50px 50px;
	position:relative;
	text-align:left;
	border-radius:0 0 20px 20px;
	background:#1a1a1a;
	}
.s10_mid_box, .granty_box{ padding-right:320px;}
.warrnty-seal{
    position: absolute;
    top: -150px;
    right: 30px;
    width: 343px;
	}
	
/*=====SECTION 11=====*/
.section11{
	float:left;
	width:100%;
	padding:60px 0 70px;
	background:#fff;
	}
	
.faq-container{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:770px;
	margin-top:45px;
	}
.up-slide-dwn{
	float:left;
	width:100%;
	border: 1px solid #000;
	margin-bottom: 15px;
	background:#fff;
	overflow:hidden;
	border-radius: 10px;
	}
.faq-innr{
	float:left;
	width:100%;
	border:2px solid transparent;
	}
.accordion{
	float:left;
	width:100%;
	text-align:left;
	background:url(../../images/index-v3/close.png) no-repeat right 15px center;
	padding: 15px 45px 15px 25px;
	font-size:24px;
	line-height:32px;
	color:#000000;
	cursor:pointer;
	font-weight:600;
	position:relative;
	}
.accordion.last{border-bottom:none;}
.acdn-heading.accordion-open{
	background:url(../../images/index-v3/open.png) no-repeat right 15px center #fff;
	border:none;
	}
.acdn-content{
	float:left;
	width:100%;
	text-align:left;
	background:#fff;
	padding: 15px 30px 5px 25px;
	border-top: 1px solid #d7d7d7;
	}
.acdn-para{
	float:left;
	width:100%;
	font-size:20px;
	line-height:28px;
	color:#000;
	margin-bottom:15px;
	}
.up-slide-dwn:last-child{ margin-bottom:0;}
.up-slide-dwn.active{
	margin-bottom:25px;
	border: 1px solid #1b8197;
	-webkit-box-shadow: 0 8px 1px 0 #1b8197;
	box-shadow: 0 8px 1px 0 #1b8197;
	transition:all 0.3s linear;
	}
.up-slide-dwn.active:last-child{ margin-bottom:8px;}

/*====FOOTER====*/
.footer{
	float:left;
	width:100%;
	padding:45px 0 45px;
	border-top:1px solid #cccccc;
	}
.footer-logo{
	display:inline-block;
	vertical-align:top;
	margin:0 0 10px;
	width:170px;
	}
.footer_text1{
	font-size:14px;
	line-height:20px;
	color:#000;
	margin:15px 0 5px;
	padding:0 130px;
	}
.footer_text{
	font-size:20px;
	line-height:24px;
	color:#000;
	font-weight:400;
	margin-top:12px;
	letter-spacing:0.3px;
	}
.footer_text a{ padding:0 15px;}


/*CTA*/
.footer_cta{
	float:left;
	width:100%;
	}
.cta-strip{
	float:left;
	width:100%;
	background:#1b8197;
	padding:20px 0;
	position: fixed;
    bottom: 0;
	z-index: 999;
	}
.cta_strip_inner{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	max-width:1040px;
	width:100%;	
	margin:0 auto;
	}
.cta-left{
	width:calc(100% - 410px);
	text-align:left;
	position:relative;
	padding-right:130px;
	}
.cta-product{
	position:absolute;
	right:0;
	top:-45px;
	width:125px;
	}
.cta_text1{
	font-size:35px;
	line-height:40px;
	color:#fff;
	font-weight:600;
	}
	
/*====MEDIA_QUERY====*/
.showMob, .showTab, .showBigTab{display:none;}
.mrgT0{ margin-top:0 !important;}
.white_color{ color:#fff;}
.medium{ font-weight:500;}
.semibold{ font-weight:600;}
.golden_color{ color:#f2e6b4;}

@media only screen and (max-width: 1200px){
.container{width:1004px;}
.showBigTab{ display:block;}
.hideDesk{ display:none;}

.banner{ background-size:cover;}
.banner_heading{ font-size: 75px; line-height: 72px;}

ul.flavor_list{flex-wrap: wrap;row-gap:10px;}
ul.flavor_list li{ width:48%; }

.promise_points li p{ font-size: 18px; line-height: 21px;}

.s1_box{ padding: 35px 235px 50px 35px;}
.s1_box_inr{ padding-right: 135px;}
.s1-masrum-img{ width: 551px;}
.result_box{ padding-right: 372px;}

.s2-masrum-img{ right: 0; width: 362px;}

.s3_block{ padding: 60px 0 60px;}
.s3_content{ width: 70%;}
.common_heading{ font-size: 45px; line-height: 53px;}
.s3-img{ right: -479px; width: 1069px;}

.review_col{ padding: 20px 20px 25px;}
.review_text{ font-size: 25px; line-height: 31px;}
.s4-product{ width: 325px;}

.s5_left{ width: 60%;}
.s5_strip p{ font-size: 22px; line-height: 28px;}
.s5-prod{ width: 370px;}

.s7_product_box{ padding: 30px 350px 35px 35px;}
.s7_points li{ font-size:30px;}
.s7-product{ right: 20px;width: 370px;top: 0px;}

ul.compare_col_list li, ul.compare_col-1_list li{ min-height:90px;}

.s10_mid_box, .granty_box{ padding-right: 380px;}
.cheech-img{ top: 60%;}

.cta_text1{font-size: 32px;}

}

@media only screen and (max-width:1021px){	
.container{width:750px;}
.showTab{ display:block;}
.showDesk{ display:none;}

.banner_sub_heading{ font-size: 27px; line-height: 27px;}
.banner_heading{ font-size: 55px; line-height: 56px;}
.banner_heading_strip{ font-size: 25px; line-height: 25px; background-size: 100% 100%;}
.banner_left_box{ width: 44%;}
.banner_right{ width: 51%;}
.banner-rating-img{ width: 248px;}
.banner_rating_box p img{ width: 75px;}
.banner_rating_box p{ font-size: 15px; line-height: 15px;}
.banner_points li{ font-size: 18px; line-height: 24px; padding-left: 32px; background-size: 19px;}
.banner-masrum{ width: 14px; margin: -2px 4px 0;}
.package_heading{ font-size: 26px; line-height: 26px;}
.package_strip{ font-size: 16px; line-height: 16px;}

.common_heading{ font-size: 35px; line-height: 45px;}
.common_text{ font-size: 21px; line-height: 27px; margin-top: 25px;}

.s1_box{ padding: 30px 195px 30px 25px;}
.s1_box_inr{ padding-right: 83px;}
.s1-masrum-img{ width: 504px;}
.s1_text{ font-size: 25px; line-height: 34px;}
.s1_points li{ font-size: 21px; line-height: 28px; padding-left: 40px; background-size: 23px;}

.s2-dottes{ width: 255px;}
.s2_result_heading{ font-size: 34px; line-height: 34px;}
.s2_unique_heading{ font-size: 25px; line-height: 30px; padding: 10px 20px 10px 0;}
.result_box{ padding-right: 288px;}
.s2_unique_points li{ font-size: 21px; line-height: 27px; padding-left: 29px; background-size: 18px;}
.s2-masrum-img{ width: 272px; bottom: 0;}

.s3-img{ max-width:none;}
.difference_points li{ font-size: 21px; line-height: 27px; margin-top: 30px; padding-left: 53px;}
.difference_points li img{ width: 36px; margin-top: -18px;}
.s3-img{ right: -550px; width: 1029px; bottom: -13px;}

.section4{ padding: 50px 0 60px;}
.review_box{ margin: 35px auto 0;}
.review_col{ padding: 16px 15px 16px; width: 32.33%;}
.review_text{ font-size: 22px; line-height: 26px;}
.review_vrfy_box{ margin-top: 25px;}
.review-img{ width: 44px;}
.review_vrfy_cont{ width: calc(100% - 44px);}
.review_vrfy_cont img{ width: 78px; margin-bottom: 3px;}
.review_vrfy_cont p{ font-size: 20px; line-height: 22px;}
.cotattion{ bottom: -21px; right: 5px; font-size: 94px; line-height: 94px;}

.scale_heading{ font-size: 27px; line-height: 31px;}
.scale_list{ max-width: 400px; margin-top:20px;}
.scale_list li{ padding: 0 20px 0; margin-top: 10px; height: 48px;}
.scale_list li h3{ font-size: 22px; line-height: 22px;}
.scale_list li p{ font-size: 22px; line-height: 22px;}
.s4-product{ width: 225px; bottom:-30px;}
.s4-product1{ left: -57px;}
.s4-product2{ right:-57px;}

.explorer_section p{ font-size: 26px; line-height: 26px;}

.section5{ background-size:cover;}
.s5_left{ width: 67%;}
.exact_points li{ font-size: 21px; line-height: 27px; padding-left: 33px; background-position: top 6px left; background-size: 17px;}
.s5_strip{ padding: 15px 61px 17px 15px;}
.s5_strip img{ width: 75px;}
.s5_strip p{ font-size: 20px; line-height: 26px; width: calc(100% - 75px);}
.s5-prod{ width: 270px; top: 150px; right: 0;}
.s5_mid_box{ margin: 45px auto 0;}
.s1_text.mrgT30{ margin-top: 25px;}

.section6{ padding: 50px 0 60px;}
.s6_col_cont h3{ font-size: 31px; line-height: 36px;}
.s6_col_cont p{ font-size: 21px; line-height: 27px; margin-top: 12px;}

.s6_block{ padding: 40px 75px 50px;}
.s6_points li{ font-size: 18px; line-height: 24px; margin-top: 12px; padding-left: 29px; background-size: 17px;}
.s6_up_box{ font-size: 18px; line-height: 24px;}

.section7{ padding: 50px 0 60px;}
.s7_product_box{ padding: 30px 270px 35px 25px;}
.s7_product_box:before{ width:100%; background-size:cover;}
.s7-product{ right: 15px; top: 60px; width: 250px;}
.s7_points li{ font-size: 31px; line-height: 36px; margin-top: 14px; padding-left: 46px; background-size: 24px;}
.s7_list li{ width: 32.33%; font-size: 20px; line-height: 24px; padding: 9px 5px 11px 40px; background-position: center left 10px; background-size: 20px;}

.section8{ padding: 50px 0;}
.compare-box{ padding-top: 134px;}

.compare_prod{ top:-130px;}
ul.compare_col_list li, ul.compare_col-1_list li{ min-height: 73px;}
ul.compare_col-1_list li{ column-gap: 10px;}
ul.compare_col_list li{ padding:3px 10px;}
ul.compare_col-1_list li img{ width: 42px;}
ul.compare_col-1_list li p{ font-size: 20px; line-height: 24px;}
ul.compare_col_list li p{ font-size: 16px; line-height: 18px;}
ul.compare_col_list li  span{font-size:16px;line-height:18px;}
.compare_col_top2 p{ font-size: 22px; line-height: 20px;}

.section9{ padding: 50px 0;}
.s9_heading{ font-size: 31px; line-height: 32px;}
.warn_header h3{ font-size: 35px; line-height: 45px;}
.warn_header p{ font-size: 27px; line-height: 27px; margin-top: 6px;}

.s10_mid_box{ padding: 30px 320px 30px 30px;}
.cheech-img{ top: 60%; right: 15px; width: 207px;}
.calling_box img{ width: 55px;}
.calling_box p{ width: calc(100% - 70px);}
.granty_box{ padding: 25px 320px 35px 30px;}
.warrnty-seal{ top: -150px; right: 15px; width: 247px;}
.s10_mid_box, .granty_box{ padding-right: 250px;}

.section11{ padding: 50px 0 60px;}

.cta_strip_inner{justify-content: center;}

.footer_text1{ padding:0 50px;}



}

@media only screen and (max-width:767px){
.container{ max-width:600px; width:100%; padding:0px 15px; box-sizing:border-box;}
.showMob{ display:block;}
.hideMob{ display:none;}

.top_strip .container{ padding:0 10px;}
.top_strip p{ font-size: 15px; line-height: 17px;}
.logo{ width: 140px;}

.banner{ padding: 20px 0 30px; background: url(../../images/index-v3/banner-bg-mob.jpg) no-repeat top center; background-size:cover;}
.banner_sub_heading{ font-size: 20px; line-height: 22px;}
.banner_heading{ font-size: 35px; line-height: 34px;}
.banner_heading_strip{ font-size: 16px; line-height: 18px; padding:6px 20px; margin-top:5px;}

.banner_block{ margin-top: 15px;}
.banner_left_box{ width: 100%;}
.banner_right{ width: 100%; margin-top:15px;}
.banner-rating-img{ width: 212px;}
.package_heading{ font-size: 22px; line-height: 23px;}
.package_heading span {padding: 0 12px 0 0;}
.package_strip{ font-size: 15px; line-height: 15px;}
.flavor_row{ margin-top:20px;}
.package_heading:after{ margin-top:3px;}

ul.flavor_list li{ width:48.50%;font-size: 18px; line-height: 18px; padding:10px;}
.flvr-icon{ margin-right:8px;}

.package_col{ padding: 10px 15px 10px 10px;column-gap: 5px;}
.radio_opt input[type='radio'] + span{ width: 16px; height: 16px;}
.purchase_offerBx{ padding-left:7px;}
.pkg-hdg-text{ font-size: 22px; line-height: 22px;}
.pkg-qty-text{ font-size: 18px; line-height: 18px;}
.pkg-cut-price{ font-size: 18px; line-height: 18px;}
.pkg-list-price{ font-size: 18px; line-height: 18px;}
.pkg-list-price span{ font-size: 25px;}

.cart_btn_width{ max-width: 340px;}
.cart_common_btn{ height:60px; font-size: 28px; line-height: 28px;}
.cart_common_btn img{ width: 20px; margin: -10px 0 0 20px;}
.cart_button_order{ font-size:15px;}

.low_stock {width: 65px;height: 12px;margin: -1px 0 0 4px;}
.low_stock span{ width:13px;}

.promise_section{ padding: 15px 0 25px;}
.promise_heading{ font-size: 26px; line-height: 26px;}
.promise_points{ row-gap:25px; margin-top:20px;}
.promise_points li{width: 32.33%;}
.promise_points li img{ margin: 0 auto 7px; width: 42px;}
.promise_points li p{ font-size: 15px; line-height: 19px;}

.button_box{ margin-top: 35px;}
.button_box_width{ max-width: 345px;}
.common_button{ height: 58px; font-size: 28px; line-height: 58px;}
.common_button img{ width: 22px; margin: -5px 0 0 13px;}
.button_text{ font-size: 15px; line-height: 15px; margin-top: 10px;}
.cta_strip_inner .cart_button_order{margin-bottom: 5px;}

.common_heading{ font-size: 30px; line-height: 38px;}
.common_text{ font-size: 19px; line-height: 24px; margin-top: 20px;}
.s1_text{ font-size: 24px; line-height: 26px; letter-spacing:0.5px;}

.section1{ padding: 30px 0 25px;}
.s1_box{ padding: 20px 15px 0; margin-top: 25px;}
.s1_box_inr{ padding-right:0;}
.s1_points li{ font-size: 19px; line-height: 24px; padding-left: 32px; background-size: 20px; margin-top: 15px;}
.s1-masrum-img-mob{ margin:20px auto 0 -15px; max-width:none; width:calc(100% + 30px);}
.s2-dottes{ float:none; margin:20px auto 0; width:205px;}

.section2{ padding: 5px 0 30px;}
.s2_result_heading{ font-size: 30px; line-height: 30px; margin-top: 20px;}
.result_box{ padding-right: 0; margin-bottom: 5px;;}
.s2_unique_points li{ font-size: 19px; line-height: 25px; padding-left: 28px; background-size: 17px;}
.s2-masrum-img{ display:block; margin:20px auto 5px; width:295px; position:static;}

.s3_block{ padding: 30px 0 0;}
.s3_content{ width: 100%;}
.difference_points li{ font-size: 19px; line-height: 24px; margin-top: 20px; padding-left: 42px;}
.difference_points li img{ width: 29px; margin-top: -13px;}
.s3-img-mob{ margin: 20px auto 0 -15px; float:left; width: calc(100% + 30px); max-width:none;}
.s3-masrum{ top: auto; bottom: 80px; left: 20px; width: 28px;}

.section4{padding: 30px 0 35px; text-align:center;}
.review_box{ margin: 25px auto 0; row-gap: 26px; padding: 0 20px;}
.review_col{ padding: 16px 15px 16px; width: 100%; -webkit-box-shadow: 0 4px 0 0 #1b8197; box-shadow: 0 4px 0 0 #1b8197;}

.scale_box{ margin: 30px 0 0;}
.scale_heading{ font-size: 23px; line-height: 27px;}
.scale_list{ margin-top: 15px;}
.scale_list li{ padding: 0 20px 0; height: 45px;}
.scale_list li h3{ font-size: 20px; line-height: 20px;}
.scale_list li p{ font-size: 20px; line-height: 20px;}
.s4_product_box{ display:inline-block; vertical-align:top; width:100%; max-width:400px; margin-top:25px;}
.s4-product{ position:static; display:inline-block;}
.s4-product{ position:static; display:inline-block; vertical-align: middle; width: 48%;}

.explorer_section p{ font-size: 23px; line-height: 26px;}

.section5{ padding: 30px 0 35px; background: url(../../images/index-v3/s5-bg-mob.jpg) no-repeat top center #101316;}
.s5_left{ width:100%;}
.exact_points li{ font-size: 20px; line-height: 25px; letter-spacing:0.5px; padding-left: 29px; background-size: 15px;}
.s5-prod{ display:block; margin:0 auto 23px; width:235px; position:static;}
.s5_strip{ padding: 15px 12px 17px; margin-top: 25px; width:calc(100% + 30px); margin-left:-15px;}
.s5_strip img{ width: 70px;}
.s5_strip p{ font-size: 18px; line-height: 23px; width: calc(100% - 70px); letter-spacing:0.3px;}
.s5_strip:before{ height: 3px;}
.s5_mid_box{ margin: 25px auto 0;}
.s1_text.mrgT30{ margin-top: 20px;}

.section6{ padding: 30px 0 35px;}
.section6:before{ background:url(../../images/index-v3/s6-bg-mob.jpg) no-repeat center center; background-size:cover; height:2000px; display:none;}
.s6_box{ margin-top: -10px;}
.s6_col{ margin: 40px auto 0;}
.s6-img{ width:100%; margin: 0 auto 20px;}
.s6_col_cont{ width:100%; padding-left:0;}
.s6_col_cont h3{ font-size: 25px; line-height: 28px;}
.s6_col_cont p{ font-size: 19px; line-height: 24px; margin-top: 12px;}

.s6_block{ padding: 25px 16px 30px; margin: 40px 0 5px;}
.bulb{ top: -22px; width: 30px;}
.s6_block_heading{ font-size: 25px; line-height: 29px;}
.s6_points{ margin-top: 5px;}
.s6_points li{ font-size: 18px; line-height: 24px; margin-top: 10px; padding-left: 29px; background-size: 16px;}
.s6_up_box{ font-size: 18px; line-height: 24px; margin-top: 20px; padding: 15px 20px 16px;}

.section7{ padding: 30px 0 35px;}
.s7_product_box{ padding: 15px 20px 20px;margin-top: 25px;}
.s7-product{ position:static; display:block; margin:25px auto 0; width:260px;}
.s7_product_box-col{ position:relative; z-index:2;}
.s7_product_box:before{background: url(../../images/index-v3/blue-bg-m.png) no-repeat center bottom; background-size: cover; top: auto; bottom: 0;  height: 430px;}
.s7_points li{ font-size: 24px; line-height: 29px; margin-top: 14px; padding-left: 34px; background-size: 19px; background-position: top 7px left;}
.s7_heading{ font-size: 24px; line-height: 30px; margin-top: 20px;}
.s7_list{ row-gap: 10px; margin: 25px auto 0;}
.s7_list li{ width: 100%;}

.section8{ padding:30px 0 35px;}
.s8_heading{ position:static; text-align:center; max-width:100%;}
.compare-box{ width:calc(100% + 20px); margin-left:-10px;padding-top: 80px;}
.compare_col_top1 {height: 50px;}
.compare_prod{ width:80px;top: -60px;}
ul.compare_col_list,ul.compare_col-1_list {padding-top: 0px;}
ul.compare_col-1_list li p {font-size: 16px;line-height: 18px; padding:0 5px;}
ul.compare_col_list li{ padding:5px 10px;justify-content: center;}
ul.compare_col_list li p{ font-size: 20px; line-height: 24px;}

.compare_col_top2{height: 50px; padding: 5px;}
.compare_col_top2 p {font-size: 13px;line-height: 13px;letter-spacing: 0.3px;font-weight: 500;}
.compare_col-1 {width: 35%;}
.compare_col-2,.compare_col-3{width: 21%;}

.compare_col-3 ul.compare_col_list li p{ filter: brightness(0.7); -webkit-filter: brightness(0.7);}


.section9{ padding: 30px 0 35px;}
.s9_block{ flex-direction: column-reverse;}
.s9_product_box{ width: 100%;}
.s9_content{ width:100%;}
.s9-product{ margin: 0 auto 15px; width: 250px;}
.s9_heading{ font-size: 26px; line-height: 26px; margin-top: 20px;}
.section9:before{ bottom: -20px; width: 40px; height: 40px;}

.section10{ padding:50px 0 10px;}
.s10_block{ margin-bottom: 5px;}
.warnning-icn{ top: -27px; width: 45px;}
.warn_header{ padding: 30px 15px 23px;}
.warn_header h3{ font-size: 30px; line-height: 36px;}
.warn_header p{ font-size: 19px; line-height: 20px; margin-top: 3px;}
.s10_mid_box{ padding: 25px 15px 20px !important;}
.calling_box img{ width: 35px;}
.calling_box p{ width: calc(100% - 50px);}
.granty_box{ padding: 15px 15px 30px !important;}
.cheech-img{ position:static; display:block; margin:0 auto 20px; width:210px; transform:none;}
.warrnty-seal{ position:static; display:block; margin:0 auto 5px; width:150px;}

.section11{ padding: 30px 0 35px;}
.faq-container{ margin-top: 30px;}
.accordion{ background-position: right 12px center !important; padding: 12px 25px 12px 15px; font-size: 20px; line-height: 28px; background-size:12px !important;}
.acdn-content{ padding: 12px 15px 5px;}
.acdn-para{ font-size: 19px; line-height: 25px;}
.up-slide-dwn.active { -webkit-box-shadow: 0 5px 1px 0 #1b8197; box-shadow: 0 5px 1px 0 #1b8197;}

.cta-strip{ padding:10px 0;}

.footer{ padding:30px 0 30px;}
.footer-logo{ width:130px; margin:0 auto 5px;}
.footer_text1{ font-size:14px; line-height:19px; padding:0 0; letter-spacing:0.3px;}
.footer_text{ font-size:15px; line-height:24px; width:100%;}
.footer_text a{ padding:0 5px;}

}

/*CSS FOR MODAL*/
#app_common_modal,
#error_handler_overlay{position:fixed;top:0;left:0;padding:0;margin:0;width:100%;height:100%;z-index:2147483647;background:#333;background:rgba(255, 255, 255, .8);display:none;overflow-x:hidden;-webkit-overflow-scrolling:touch}
#app_common_modal .app_modal_body,
#error_handler_overlay .error_handler_body{max-width:600px;-webkit-background-clip:padding-box;font-family:Verdana, Geneva, sans-serif;box-sizing:border-box;outline:0}
#error_handler_overlay .error_handler_body{margin:100px auto;width:95%;padding:20px;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);font-size:14px;line-height:1.42857143;color:#333;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#app_common_modal_close,
#error_handler_overlay_close{position:absolute;right:-10px;top:-10px;color:#FFF;background-color:#333;border:2px solid #FFF;border-radius:50%;width:30px;height:30px;text-align:center;cursor:pointer;text-decoration:none;font-weight:700;line-height:26px;padding:0;margin:0}
#app_common_modal .app_modal_body{margin:100px auto;min-width:inherit;width:95%;min-height:400px;padding:2.5%;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);font-size:14px;line-height:1.42857143;color:#333;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box}
#app_common_modal .app_modal_body iframe{min-height:400px;width:100%;border:1px solid #d5d6ef}
.exitpop-content{position:fixed;height:400px;width:708px;margin:-200px 0 0 -354px;top:50%;left:50%;text-align:left;padding:0;border:none;z-index:2147483647}
.exitpopup-overlay{background:rgba(0, 0, 0, .6);height:100%;left:0;position:fixed;top:0;width:100%;z-index:2147483647;display:none}
.exitpop-content img{display:block;margin:0 auto;position:relative;text-align:center;max-width:100%;height:auto}
.exitpop-discountbar{background-color:red;border-bottom:4px dashed #fff;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:700;height:50px;line-height:50px;position:fixed;text-align:center;top:0;width:100%;z-index:9999;display:none}
.app-load-spinner{display:none;position:fixed;top:0;bottom:0;left:0;right:0;width:100px;height:100px;margin:auto;background-color:#333;border-radius:100%}
#loading-indicator::after,
#loading-indicator::before{box-sizing:border-box;left:50%;position:absolute;top:50%}
.all-card-types li{float:left;margin-right:20px}
#loading-indicator{background-color:rgba(0, 0, 0, .5);bottom:0;box-sizing:border-box;font-size:1px;height:100%;left:0;margin:0!important;padding:0!important;position:fixed;right:0;top:0;width:100%;z-index:2147483646}
#loading-indicator::before{background:url(https://www.tommychongshemp.com/ten-things-nc/app/desktop/images/checkout-images/loading.gif) center center no-repeat rgba(0, 0, 0, 0);content:"";height:70px;margin-left:-35px;margin-top:-70px;width:70px;z-index:2}
#loading-indicator::after{background:#fff;border-radius:5px;color:#000;content:"Processing, one moment please... ";font-family:arial;font-size:17px;height:110px;line-height:98px;margin-left:-150px;margin-top:-75px;padding-top:35px;text-align:center;width:300px;z-index:1}

@-webkit-keyframes scaleout{
0%{-webkit-transform:scale(0)}
100%{-webkit-transform:scale(1);opacity:0}
}

@keyframes scaleout{
0%{transform:scale(0);-webkit-transform:scale(0)}
100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}
}


@media screen and (max-device-width:767px) and (orientation:landscape){#app_common_modal .app_modal_body, #error_handler_overlay .error_handler_body{margin:20px auto;}
#app_common_modal .app_modal_body iframe{min-height:360px;}
}


@media(max-device-width:767px){#app_common_modal .app_modal_body{margin:2% auto}}

#error_handler_overlay ul li {
    text-align: left;
}
span.product-supply {
    font-weight: 400;
    font-size: 17px;
}
.frm-submit:hover {
    background: #00c609 !important;
}
.footerLinks a {
    padding: 0 10px;
}
a.linkOpt {
    border-right: 1px solid #000;
}
.footerLinks {
    float: left;
    width: 100%;
    margin: 10px 0; 
}

@media (max-width: 490px) {
     .footerLinks {
        display: flex;
        flex-direction: row;
        gap: 0;
        align-items: center;
        justify-content: center;
    }
    p.footer-text.footerLinks a {
        font-size: 12px;
    }
    a.linkOpt {
        border-right: none;
    }
}



#app_common_modal .app_modal_body iframe {
    min-height: 344px;
}
#error_handler_overlay .error_handler_body ul {
    padding: 0;
}
#error_handler_overlay .error_handler_body,
#app_common_modal .app_modal_body {
    min-height: auto;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
}
#app_common_modal, #error_handler_overlay {
    overflow-y: hidden !important;
}
#app_common_modal_close, #error_handler_overlay_close {
    line-height: 26px;
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) 
and (orientation : landscape)
{
#error_handler_overlay .error_handler_body,
#app_common_modal .app_modal_body {
    min-height: 280px;
}
#app_common_modal .app_modal_body iframe {
    min-height: 242px;
}
}
@media only screen and (max-width: 500px) {
    .purchase_offerBx {
      width: 38%;
  }
  .pkg-hdg-text {
        font-size: 20px;
    }
}
