@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	height:auto;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}
body{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	
	font-family: "Inter", sans-serif;
	font-weight:normal;
	color: #282828;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	padding:0;
	list-style:none;
	}
.container{
	width:1170px;
	height:auto;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
	}
p, h1, h2, h3, h4, h5, ul{
	padding:0;
	margin:0;
	}
li{list-style:none;}
a{text-decoration:none;}
.clearall{
	clear:both;
	height:1px;
	width:auto;
	}
.position{position:relative;}
.dsplay{width:100%; float:left;}
*{box-sizing:border-box;}
.bdhding{
	font-family: "Spectral", serif;	
	font-size:22px;
	line-height:26px;
	color:#3ab72b;
}
.bdsubhding{
	font-family: "Spectral", serif;
	/*font-size: 36px;
    line-height: 46px;
	color:#2d2d2d;
	text-transform:capitalize;*/
}
.bdfont{
	font-size:17px;
	line-height:28px;
	color:#2d2d2d;
}
/*===============================
CSS FOR CONTAINERS BREAK POINTS
=================================*/
@media only screen and (max-width: 1179px){
.container{ max-width:1004px; width:100%; }
.bdsubhding{
	font-size:46px;
	line-height:56px;
}
}
@media only screen and (max-width: 1013px){
.container{ max-width:760px; width:100%; }
.bdsubhding{
	font-size:42px;
	line-height:50px;
}
.bdfont{
	font-size:17px;
	line-height:25px;
}
}
@media only screen and (max-width: 767px){
.container{ width:100%; max-width:640px;}
.bdinpad{padding:0 15px;}
.bdsubhding{font-size: 28px; line-height: 36px;}
.bdfont{font-size: 16px; line-height: 26px;}
}
@media only screen and (max-width: 359px){
.bdsubhding{
	font-size:30px;
	line-height:38px;
}
}
/*=========================
CSS FOR HEADER
===========================*/
.top-fix-bar {margin-bottom: 66px;}
.intop-fix-bar {margin-bottom: 66px;}
.header{		
	height:66px;	
	margin-top: -66px;
    position: relative;
    top: 66px;	
	background:#fff;
	border-bottom:1px solid #fafafa;
}
.inheader{		
	height:80px;	
	margin-top: -80px;
    position: relative;
    top: 80px;	
	background:#fff;
}
.fixed-nav .header, .fixed-nav .inheader{
	float:left;
	width:100%;
	position: fixed;
	z-index: 1000;
	top: 0;
	-webkit-transition: margin .3s ease-out;
    transition: margin .3s ease-out;
	margin-top:0;
	height:66px;
}
.fixed-nav .inheader{height:80px;}
.logo{
	max-width: 220px;
	float: left;
	margin-top: 5px;
}
ul.nav1, ul.nav2{float:right;margin:25px 0 0 0;}
ul.nav2{float:right;}
ul.nav1 li, ul.nav2 li{
	float:left;
	display:inline-block;	
	padding:0 22px;	
	font-size:18px;
	line-height:18px;
	text-align:center;
	border-right:1px solid #dcdcdc;
	}
ul.nav1 li a, ul.nav2 a{color:#2d2d2d;display:block;}
ul.nav1 li:first-child{padding:0 22px 0 0;}
ul.nav1 li:last-child{border-right:none;}
ul.nav2 li:last-child{
	border-right:none;
	padding:0 60px 0 22px;
	position:relative;	
}
ul.nav2 li:last-child img{
	position:absolute;
	right:0;
	top:-10px;
}
ul.nav1 li a.active, ul.nav2 li a.active{ color:#07a103;}
#menu-wrapper {
    overflow: hidden;
    max-width: 40px;
    cursor: pointer;
	float:right;
}
#menu-wrapper #hamburger-menu {
    position: relative;
    width: 25px;
    height: 20px;
    margin: 18px 0 5px 0;
}
#menu-wrapper #hamburger-menu span {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    color: black;
    background-color:#1d1d1d;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
#menu-wrapper #hamburger-menu span:nth-child(1) {top: 0;}
#menu-wrapper #hamburger-menu span:nth-child(2) {top: 9px;}
#menu-wrapper #hamburger-menu span:nth-child(3) {top: 18px;}
#menu-wrapper #hamburger-menu.open span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#menu-wrapper #hamburger-menu.open span:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -60px;
}
#menu-wrapper #hamburger-menu.open span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#menu-container .menu-list {
    padding-left: 0;
    display: block;
    position: absolute;
    width: 100%;  
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    left: -100%;
	top:55px;	
	background:#2a9b32;
	border-top:1px solid #0c7c31;	
}
#menu-container .menu-list  li a{	
	font-size:18px;
	padding:12px 0 12px 0;
	text-align:center;
	color:#fff;
	display:block;
	border-bottom:1px dotted #0c7c31;	
}
#menu-container .menu-list  li a.active{background:#128e3b;color:#fff;}
@media only screen and (max-width: 1013px){
ul.nav1 li, ul.nav2 li{	
	padding:0 12px;	
	font-size:17px;	
}
ul.nav1 li:first-child{padding:0 12px 0 0;}
ul.nav2 li:last-child{padding:0 60px 0 12px;}
}
@media only screen and (max-width: 767px){
.header{height:55px; top:55px; margin-top:-55px;}
.top-fix-bar {margin-bottom: 55px;}
.fixed-nav .header{height:55px;}

.intop-fix-bar {margin-bottom: 87px;}
.inheader{		
	height:87px;	
	margin-top: -87px;
    top: 87px;	
}
.fixed-nav .inheader{height:87px;}

.logo{margin: 5px 0 0 0;max-width: 160px;}
ul.nav1 li, ul.nav2 li{display:none;}
.cart-link{position:absolute;right:55px;top:11px;}
}
@media only screen and (max-width: 359px){
.logo{width:180px;margin:12px 0 0 0;}
}
/*================start banner===================*/
.banner{
	background: #fff7f7;
    height: 656px;
    padding: 38px 0;
    box-sizing: border-box;
    overflow: hidden;
}
.bnr-left {
    float: left;
    width: 44%;
    margin-top: 88px;
}
.bnrhd{
	font-weight:500;
	font-size:24px;
	line-height:28px;
	color:#d2f2e1;
	text-align:left;
}
.bnr-head{	
	font-family: "Spectral", serif;
    font-weight: bold;
    font-size: 46px;
    line-height: 62px;
    color: #000;
    text-align: left;
    letter-spacing: 1px;
}
.bnr-head span{ display: block; font-size: 30px; line-height: 36px;}
.bnricon{margin:0 0;display:block;}
.bnrtxt{
	text-align: left;
	padding: 28px 0 0 0;
	width: 95%;
	font-weight: 400;
}
ul.bnrlist{padding:28px 0 0 0;}
ul.bnrlist li{
	display:inline-block;
	font-family: 'libre_baskervillebold';
	font-size:20px;
	line-height:31px;
	color:#252525l;
	text-align:left;
	margin:0 20px 0 0;
	padding:0 20px 0 0;
	border-right:1px solid #e1e1e1;
}
ul.bnrlist li img{margin:0 13px -4px 0;}
ul.bnrlist li:last-child{
	border-right:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
ul.bnrlist2{padding:10px 0 0 0;}
ul.bnrlist2 li{	
	display:inline-block;
	background:url(../images/bullet.png) left 5px no-repeat;
	padding:0 20px 0 27px;
	font-size:16px;
	line-height:18px;
	color:#4d4d4d;
	text-align:left;
	margin:12px 0 0 0;
}
.bnrprd{
	    position: absolute;
    right: -50px;
    top: 20px;
}
@media only screen and (max-width: 1179px){
.banner{height:520px;}
.bnr-left{ margin-top: 20px;}
.bnrprd{right: -67px; width: 680px; top: -40px;}
.bnr-head {font-size: 38px; line-height: 52px;}
}
@media only screen and (max-width: 1013px){
.banner{height: auto;}
.bnr-left{margin-top: 0px; width: 54%;}
.bnrtxt{padding: 18px 0 0 0;}
.bnr-head{font-size: 34px; line-height: 38px;}
.bnr-head span{font-size:24px; line-height:28px;}
.bnrprd{right: -67px; width: 460px; top: -41px;}
}
@media only screen and (max-width: 767px){
.banner{padding: 30px 0 30px 0;}
.bnr-left{ width:100%;}
.bnr-head{font-size: 28px; line-height: 36px; padding: 0px 0 0 0; text-align: center;}
.bnr-head span{font-size: 22px; line-height: 36px;}
.bnrtxt{text-align:center;width:auto; padding:0;}
.bnrmob{padding-bottom:25px;background:#f5fcf9;}
.bnrprd-mob{margin:-15px auto -10px auto;display:block;}
ul.bnrlist{width:430px;margin:0 auto;display:block; text-align:center;}
ul.bnrlist li img{margin:0 auto 10px auto;display:block;}
ul.bnrlist2{text-align:center;}
ul.bnrlist2 li{padding:0 10px 0 17px;}
.bnrprd{    position: static;  margin-top: 0px;  width: 100%;  margin: 20px auto 0;}
}

/*================start banner strip===================*/
.sec1{padding:80px 0 70px 0;text-align: center;}
.s1hding{
    font-size: 36px;
    line-height: 46px;
    color: #020b0d;
    margin: 0 0px;
    font-weight:700;
    text-transform: capitalize;
}
.s1hm-innr {
    float: left;
    width: 100%;
    margin-top: 50px;
    position: relative;
}
.s1-model {
    position: absolute;
    top: 13px;
    left: 50%;
    transform: translateX(-50%);
}
.s1-lft {
    float: left;
    width: 32%;
    text-align: left;
    margin-top: 5px;
    padding-bottom: 40px;
}
.p1-s1hm {
        display: inline-block;
    width: 100%;
    font-size: 36px;
    line-height: 48px;
    font-weight: 400;
    color: #020b0d;
    text-transform: capitalize;
    margin: 0px 0px 10px;
    font-family: "Spectral", serif;
}
.p1-s1hm span{ font-size:17px; display:block; font-family:inherit;}
.p2-s1hm {
       width: 100%;
    float: left;
    font-size: 17px;
    line-height: 27px;
    color: #020b0d;
    font-weight: 500;
    margin-top: 10px;
}
.s1-rit {
    float: right;
    width: 375px;
    margin-top: 20px;
    padding-bottom: 40px;
}
ul.s1-rit-lst {
    float: left;
    width: 100%;
    margin-top: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 0px;
    column-gap: 0px;
}
ul.s1-rit-lst li {
	    float: left;
    width: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #020b0d;
    font-weight: 600;
    padding: 23px 0px;
    position: relative;
}
ul.s1-rit-lst li:before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #dedede;
    left: 0;
    right: 0;
    bottom: 0;
}
ul.s1-rit-lst li:after {
    position: absolute;
    content: "";
    border-right: 1px solid #dedede;
    top: 0;
    right: 0;
    bottom: 0;
}
ul.s1-rit-lst li img {
    display: block;
    margin: 0 auto 10px;
}
ul.s1-rit-lst li:nth-child(even):after{ display:none;}
ul.s1-rit-lst li:nth-child(5):before{ display:none;}
ul.s1-rit-lst li:nth-child(6):before{ display:none;}
@media only screen and (max-width:1179px) {
	.sec1 {padding: 60px 0 60px 0;}
	.s1-hm { padding: 40px 0 50px;}
	.s1hm-innr { margin-top: 35px;}
	.img-s1hm { width: 250px;}
	.p1-s1hm { font-size: 28px; line-height: 40px;}
	.s1hm-in1 { padding: 20px 35px 15px 5px;}
	.s1hm-in2 { padding: 20px 5px 15px 35px;}
	.p2-s1hm { font-size: 16px; line-height: 26px;}
	.s1-lft { width: 45%; margin-top: 30px; padding-bottom: 0px;}
	.s1-rit { width: 50%; margin-top: 30px; padding-bottom: 0px;}
	ul.s1-rit-lst li { font-size: 16px; line-height: 26px; padding: 14px 10px;}
	ul.s1-rit-lst li img{ margin:0 auto 5px; max-width:36px;}
	.s1-model { max-width: 280px; display: block; margin: 0 auto; position: static; transform: none;}
}
@media only screen and (max-width:1013px) {
.sec1 {padding: 30px 0 30px 0;}
}	
@media only screen and (max-width:767px) {
	.s1-hm { padding: 30px 0 30px;}
	.s1hm-innr { margin-top: 20px;}
	.s1-model-mob{ display:inline-block; margin:0 0 10px; max-width:100%;}
	.s1-model{width: calc(100% + 20px); max-width: unset; margin-left: -10px;}
	.s1-lft { width: 100%; margin-top: 20px; padding-bottom: 0px; text-align: center;}
	.p1-s11hm { font-size: 22px; line-height: 30px; margin: 0px 0px 8px;}
	.s1-rit { width: 100%; margin-top: 15px; padding-bottom: 0px;}
	.s1hding{font-size: 28px; padding-top:0; line-height: 36px;}
	.p1-s1hm{ margin-bottom:0;}
	.p2-s1hm{}
}
/*================start section2===================*/
.sec2{
	padding: 65px 0;
    background: #f8f8f8;
    text-align: center;
    overflow: hidden;
}
.s2-cont{
	float:left;
	width:100%;
	text-align:center;
	}
.s2hding{
	font-size: 36px;
    line-height: 40px;
}
.s2-txt{
	    float: left;
    width: 100%;
    font-size: 17px;
    line-height: 27px;
    color: #000;
    font-weight: normal;
    margin-top: 20px;
}
		
.s2-rgt{
	float:right;
	width:100%;
	}		
.s2-product-wrap{
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
	}
.s2-product-col{
	float: left;
    text-align: center;
    width: 32%;
    padding: 0 10px;
	}
.s2-prdbox{
	    float: left;
    width: 100%;
    background: #ffffff;
    padding: 20px 20px;
    border: 1px solid #e9e9e9;
	}	
.s2-prods{
    display: inline-block;
    vertical-align: top;
    max-width: 260px;
	width:100%;
    filter: drop-shadow(18px 8px 3px #d9d9d9);
	}	
.s2-prod-top{
	float:left;
    width:100%;
	text-align:left;
	padding:25px 0 15px;
	}	
.s2-prod-top-lft{
	float:left;
	width:77%;
	}	
.s2-prod-desc{
	    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 500;
	}	
.buy-price{
    float: right;
    width: 70px;
    text-align: right;
	}	
.retail-prc{
    font-size: 18px;
	line-height:24px;
    color: #000;
	}
.retail-prc span{
	font-size:12px;
	line-height:12px;
	font-weight:normal;		
	}		
.s2-prod-rev{
	    float: left;
    width: 100%;
    text-align: left;
    font-size: 20px;
    line-height: 22px;
    color: #afafaf;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
	}
.s2-prod-rev img{
	display:inline-block;
	vertical-align:middle;
	margin:-5px 4px 0 0;
	}		
.order-btn{
	float: right;
    width: 100%;
    height: 55px;
    text-align: center;
    font-size: 20px;
    line-height: 55px;
    color: #07a103;
    font-weight: bold;
    border: 1px solid #07a103;
    border-radius: 5px;
    text-transform: uppercase;
    margin-top: 26px;
    font-family: "Spectral", serif;
}	
.order-btn img{
	display:inline-block;
	vertical-align:middle;
	margin:-16px 0 0 6px;
	}

.productitem-action {width: 30%; text-align: left; float:left;}
.productitem-action .sub-heading {
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    color: rgb(56 61 63 / 40%);
    text-transform: capitalize;
    display: inline-block;
    margin-bottom: 6px;
}
.form-field-qty-select {
    position: relative;
}
.product-quantity-select {
    border: 1px solid rgb(56 61 63 / 20%);
    min-width: 85px;
    min-height: 56px;
    border-radius: 4px;
    padding: 12px 25px 12px 12px;
    margin: 0;
    outline: 0!important;
    box-shadow: none!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    font-size: 14px;
    line-height: 16px;
}
.form-field-qty-select svg {
    position: absolute;
    right: 20px;
    left: auto;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    z-index: -1;
}

.prod-pg {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    column-gap: 23px;
	margin-top:30px;
}

@media only screen and (max-width: 1179px){
a.bnrbtn {width: 255px;}
}
@media only screen and (max-width: 1013px){
.sec2{padding:60px 0;}
.s2-rgt{ width:60%;}
.s2-cont{ width:38%;}
.s2-txt{font-size: 16px; line-height: 26px; margin-top: 5px;}
}
@media only screen and (max-width: 767px){
.sec2{padding:30px 0 30px 0;}
.s2-cont{ width:100%;}
.common-heading{ font-size: 26px; line-height:30px;}
.common-para{ font-size:16px; line-height:22px; margin-top:15px;}
.s2-product-wrap{ width:100%; row-gap:15px;}
.s2-rgt{ margin-top:25px; width:calc(100% + 30px); margin-right:-15px;}
.s2-product-col{ width:100%; padding: 0 30px;}
.s2-prod-top{ padding:10px 0; text-align:center}
.s2-prod-top-lft{ width:100%;}
.buy-price{ width:100%; float:left; text-align:center; margin-top:10px;}
.s2-prod-rev{text-align:center}
.s2-prod-desc{ font-size:18px; line-height:22px;}
.retail-prc{ font-size:20px; line-height:22px;}
.order-btn{ height: 46px; line-height: 46px; margin-top: 15px; font-size: 18px;}
.s2hding{font-size: 28px; line-height: 36px;}
}

/*================start strip===================*/
.strip{
	float:left;
	width:100%;
	background:#303030;
}
ul.strip-list {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 25px 0;
}
ul.strip-list li{
	float: left;
    color: #fff;
    width: 24%;
    text-align: center;
    font-size: 16px;
}
ul.strip-list li img{ display:block; margin:0 auto 10px;}
@media only screen and (max-width: 1013px){
	ul.strip-list{column-gap: 10px;}
}
@media only screen and (max-width: 1013px){
	ul.strip-list{ row-gap:20px;}
	ul.strip-list li{width: 48%;}
}
@media only screen and (max-width: 767px){
	ul.strip-list li{font-size: 13px; line-height: 24px; }
}
/*================start section3===================*/
.sec3{
	padding:60px 0 80px;
	overflow: hidden;
}
.s3-rght{
	float:right;
	width:60%;
	text-align:left;
	}
.s3-vsimg{
	position: absolute;
   left: -65px;
    top: 34px;
    max-width: 100%;
	}
.s3-right-box{
	float:left;
	width:100%;
	}
.s2-right{
	float:right;
	width:100%;
	}
.s2-slide-dwn{
	float:left;
	width:97%;
	margin-top:15px;
}

.benefit-heading {
	float: left;
	width: 100%;
	text-align: left;
	background: url(../images/close-btn.png) no-repeat 96% center #fff;
	padding: 18px 30px 18px 75px;
	font-size:24px;
	line-height:30px;
	color: #000000;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	border:1px solid #ce2529;
	box-shadow:0 2px 9px 0 rgba(0,0,0,0.1);
	border-radius:3px;
	font-family: "Spectral", serif;
	}
.benefit-heading.active {
	background: url(../images/open-btn.png) no-repeat 96% center #ce2529;
	color:#fff;
	}


.benefit-heading span{
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-17px;
	width:40px;
	height:37px;
	}
.benefit-heading span.bnft-ic1{ background:url(../images/s2-ing1.png) no-repeat center center;}
.benefit-heading.active span.bnft-ic1{ background:url(../images/s2-ing1-active.png) no-repeat center center;}

.benefit-heading span.bnft-ic2{ background:url(../images/s2-ing2.png) no-repeat center center;}
.benefit-heading.active span.bnft-ic2{ background:url(../images/s2-ing2-active.png) no-repeat center center;}

.benefit-heading span.bnft-ic3{ background:url(../images/s2-ing3.png) no-repeat center center;}
.benefit-heading.active span.bnft-ic3{ background:url(../images/s2-ing3-active.png) no-repeat center center;}

.benefit-heading span.bnft-ic4{ background:url(../images/s2-ing4.png) no-repeat center center;}
.benefit-heading.active span.bnft-ic4{ background:url(../images/s2-ing4-active.png) no-repeat center center;}

.benefit-acdn-content {
	float: left;
	width: 100%;
	padding: 0px 30px 5px 25px;
	text-align:left;
	}
.benefit-acdn-content .acdn-para{
	float: left;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    margin-top: 15px;
	font-weight:300;
	letter-spacing:0.5px;
	}
.s3-rgt-box-col{
	float:left;
	width:50%;
	background:#e5f3ea;
	border-radius:10px 0 0 10px;
	padding:15px;
	}
.s3-rgt-box-col.col2{
	float:right;
	background:#fff1f1;
	border-radius:0 10px 10px 0;
	}
.s3-col-top{
	float:left;
	width:100%;
	padding:20px 10px 20px 115px;
	background:#fff;
	position:relative;
	border-radius:10px 10px 0 0;
	text-align:left;
	}
.s3-col-top p{
	float:left;
	width:100%;
	font-size:20px;
	line-height:26px;
	color:#000000;
	font-weight:bold;
	}
.s3-col-prod{
	position:absolute;
	left:5px;
	top:10px;
	}
	
ul.s3-box-col-list{
	float:left;
	width:100%;
	padding:10px 0 0;
	}
ul.s3-box-col-list li{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px solid #c8cfcb;
	background:url(../images/s3-chk.png) no-repeat left 18px;
	padding:15px 0 15px 33px;
	font-size:17px;
	line-height:26px;
	color:#000000;
	}
ul.s3-box-col-list li:last-child, .col2 ul.s3-box-col-list li:last-child{ border-bottom:none;}
.col2 ul.s3-box-col-list li{
	background:url(../images/s3-cross.png) no-repeat left 18px;
	}
@media only screen and (max-width: 1179px){
.sec3{padding:60px 0 60px 0;}
.s3-rght {width: 100%; text-align: center;}
.s3-vsimg {position: static; display: block; margin: 0 auto;}
}
@media only screen and (max-width: 1013px){
.sec3{padding:60px 0;}
.s3-rght { width: 100%;text-align: center;}
.s3-vsimg{ position:static; display:block; margin:0 auto;}
}
@media only screen and (max-width: 767px){
.sec3{background:none;padding:35px 0 40px 0;}
.s3-vsimg{ max-width:100%; margin:20px auto 0;width: 320px;}
.s3-right-box{margin-top: 0;}
.s3-rgt-box-col{ width:100%; border-radius:10px 10px; margin-top:15px;}
.s3-rgt-box-col.col2{border-radius:10px;}
.s3-col-top p{font-size:17px; }
}
/*================start section4===================*/
.sec4{
	padding: 130px 0;
    background: url(../images/sec4.jpg) no-repeat center top;
    text-align: center;
}
.s4hding{text-align:center;}
.s4txt{
	text-align: center; 
	padding: 7px 0 0 0; 
	display: inline-block;
	width: 71%; 
	float:none;
}
ul.s4-list {
	    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    flex-wrap: wrap;
}
ul.s4-list li{ width: 20%; font-size: 17px; line-height: 26px; text-transform: capitalize;}
ul.s4-list li img{ display:block; margin:10px auto;}
@media only screen and (max-width: 1179px){
	.sec4{padding: 80px 0; background-size:cover;}
}
@media only screen and (max-width: 1013px){
.s4txt{ width: 100%;}
ul.s4-list li {width: 22%;}
}
@media only screen and (max-width: 767px){
.sec4 {padding: 30px 0; background-size: cover; background: #f3f3f5;}
ul.s4-list li {width: 50%;}
}
/*-----------------------
CSS FOR SECTION5
------------------------*/		
.sec5{
	background: #ffffff;
	float: left;
	width: 100%;
	padding: 60px 0;
	position: relative;
}
.s5-slider {
    float: left;
    width: 100%;
    margin-top: 40px;
}
.rev-slider{
	float:left;
	width:100%;
	padding:0 120px;
	margin:0 auto 0;
	}
.rev-bx{
	float:left;
	width:100%;
	display:flex !important;
	align-item:center;
	justify-content:space-between;
	margin:10px 0 10px;
}
.rev-lft-slide{
	float:left;
	max-width:322px;
	width:100%;
	}
.rev-lft-slide img{
	margin:0 auto 0;
	display:block;
	max-width:100%;
	}		
.rev-rgt-slide{
    float: right;
    width: 62%;
    text-align: left;
    margin-top: 40px !important;
	}	
.slide-hd{
	width:100%;
	display:inline-block;
	vertical-align:middle;
	font-size:20px;
	line-height:26px;
	color:#000;	
	text-transform:uppercase;
	font-weight:bold;
	margin-top:25px;
	}	
.testi-star{
	display:inline-block;
	vertical-align:middle;
	}
.sldr-sepr{
	border-top:1px solid #dadada;
	float:left;
	margin:35px auto;
	width:100%;
}
.slide-para{
	float: left;
    width: 100%;
    font-size: 17px;
    line-height: 27px;
    color: #000;
    margin-top: 20px;
	}
.slide-nm{
	    float: left;
    width: 100%;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
	margin-top:30px;
	}	
.slide-nm small{
	    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #bcbcbc;
    text-transform: uppercase;
}		
@media only screen and (max-width: 1179px){
	.rev-rgt-slide{width: 53%; margin-top: 20px !important;}
}
@media only screen and (max-width: 1013px){
	.sec5 {padding: 30px 0;}
	.s5-slider .rev-slider-nav{width: 690px;}
	.rev-lft-slide{ display:none;}
	.rev-rgt-slide{ width:100%; text-align:center;}
}
@media only screen and (max-width: 767px){
.rev-slider{ padding:0 0;}
.slide-para{margin-top: 10px;}
.rev-rgt-slide{margin-top: 0px !important;}
.slide-nm{margin-top: 15px;}
}
/*=================================*/
.footer_links_sec{
	float:left;
	width:100%;
	padding:30px 0;
	background:#303030;
	}
.ftr-links-inr{
	float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
	}

.ftr-links-col{width:30%}	
.ftr-links-col{
	text-align:left;
	}
.ftr-links-col-1{
	padding-right:50px;
	}
.ftr-links-col-2{
	padding-right:30px;
	}
.ftr-links-col-3{
	}
.ftr-links-col-4{}
.ftr-log{
	margin-bottom:10px;
	}
.footer_text{
	font-size:16px;
	line-height:24px;
	color:#fff;
	}
ul.scl-list{
	float:left;
	width:100%;
	margin:20px 0 0;
	}
ul.scl-list li{
	float:left;
	margin:0 15px 0 0;
	}
ul.scl-list li img{width:37px;}
.footer-seal{
	max-width:100%;
	margin-top:20px;
	}

.ftr-links-hd{
	float:left;
	width:100%;
	font-size:20px;
	line-height:26px;
	color:#fff;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:0;
	}
.ftr-links-list{
	float:left;
	width:100%;
	}
.ftr-links-list.half{ width:50%;}
.ftr-links-list.fr{ float:right; width:45%;}
.ftr-links-list li{
	float:left;
	width:100%;
	margin:7px 0;
	font-size:16px;
	line-height:22px;
	color:#000000;
	letter-spacing:0.2px;
	}
.ftr-links-list li a{color:#fff;}

ul.ftr-contact-list{
	float:left;
	width:100%;
	}
ul.ftr-contact-list li{
	float:left;
	width:100%;
	font-size:15px;
	line-height:20px;
	color:#fff;
	letter-spacing:0.2px;
	margin:7px 0;
	position:relative;
	}
ul.ftr-contact-list li a{ color:#fff;}
ul.ftr-contact-list li img{
	position:absolute;
	left:0;
	top:2px;
	width:17px;
	}
.ftr-disc{
	    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    padding: 20px 80px 0;
    margin-top: 20px;
    float: left;
    width: 100%;
    border-top: 1px solid #d0d3df;
    text-align: center;
	color:#fff;
}

/*================================================
			START PRODUCT DETAIL PAGE
=================================================*/

.shop-prod-inr{
	float: left;
    width: 100%;
    flex-wrap: wrap;
    padding: 0;
    justify-content: left;
}
.shop-prod-inr .s2-inr-bx{
	width: 32%;
    margin: 20px 7px 0;
}

.inner-top{
	background:#303030;
	padding:5px 0;
}
ul.inner-top-list{
	margin:0 0 0 0;
}
ul.inner-top-list li{
	float:left;
	font-size:16px;
	line-height:22px;
	text-align:left;
	color:#ffffff;
	margin:0 10px 0 0;
}
ul.inner-top-list li a{ color:#fff;}
ul.inner-top-list li:last-child{ margin:0 0 0 0;}
/*================= product section1====================*/

.prd-sec1{   
	padding: 54px 0 64px;
    margin-top: 0;
}
.prds1-lft, .prds1-rgt{
	float:left;
	width: 50.36%;
}
.prd-slide-div {
    background: #f5f5f5;
	padding: 40px 0 16px 0;
}
.prd-slide-div img {
    display: block;
    margin: 0 auto;
    max-width: 550px;
}
.prd-slider-nav{margin-top: 20px;}
.prd-slider-nav img{display: block; margin: 0 auto;  max-width: 130px;  padding: 10px 10px;  border: 1px solid #b8bdc9;  cursor: pointer;}
.prds1-rgt{width: 44%;margin:0 0 0 1.36%; float:right;}
.slide-img{margin:10px auto;display:block;border:1px solid #f4f4f4; padding:30px 0;}

.prds1-hding{
	font-family: "Spectral", serif;
    font-size: 36px;
    line-height: 46px;
    color: #2f2422;
    text-align: left;
}
.prds1-view{
	font-size: 17px;
    line-height: 17px;
    color: #adadad;
	text-align:left;
	margin:18px 0 25px 0;
}
.prds1-view img{margin:0 10px -2px 0; max-width: 83px;}
.prds1-dvdr{
	height:1px;
	background:#ebebeb;
	margin:20px auto 15px 0;
}
.prd-strength-row {
    float: left;
    width: 100%;
    margin: 28px 0 0px;
}

.prd-strength-p1 {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    margin-bottom: 0px;
    font-weight: 700;
    width: 100%;
    position: relative;
}
.prd-strength-p1 span {
    float: left;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 0 20px 0px 0;
}
.prd-strength-p1:after{
	content:"";
	position:absolute;
	top: 15px;
	right:0;
	border-bottom:1px solid #ccc;
	left:0;
}

.prd-strength-row .option-field {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    outline: none;
    font-weight: 500;
    margin: 27px 0 0px 0;
    border-radius: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    row-gap: 20px;
    flex-wrap: wrap;
}
.prd-strength-row .option-field li {
    float: left;
    padding: 27px 30px 27px 133px;
    border: 1px solid #ebebeb;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    border-radius: 5px;
    position: relative;
}
.prd-strength-row .option-field li:before, .prd-strength-row .option-field li:after {
    content: "";
    position: absolute;
    top: 24px;
    left: 20px;
    height: 24px;
    width: 24px;
    border: 2px solid #ccc;
    border-radius: 50px;
}

.prd-strength-row .option-field li span{ float:right;}
.prd-strength-row .option-field li:hover,.prd-strength-row .option-field li.addprice {background: #fff7f7;border: 1px solid #ef3225;}
.prd-strength-row .option-field li:hover:before, .prd-strength-row .option-field li.addprice:before{border: 2px solid #ef3225;}
.prd-strength-row .option-field li:hover:after, .prd-strength-row .option-field li.addprice:after{background: #ef3225; top: 31px;  left: 27px;  height: 15px;   width: 15px; border: none;}
.inr-img {
    position: absolute;
    width: 38px;
    left: 60px;
    top: 10px;
}
.inr-img img {
    display: block;
    margin: 0 auto;
	
}
.prdpkg-lft{display:none;}
.prd_prc {
    font-weight: 400;
    font-size: 28px;
    line-height: 43px;
    margin: 10px 0 0 0;
}
.prd_quantity {
    display: inline-block;
    vertical-align: top;
	display:none;
}
.prd_quantity p{
	    padding-top: 8px;
    display: inline-block;
    font-size: 20px;
	vertical-align:top;
}
.prd-det-strp {
    float: left;
    width: 100%;
}
ul.prd-det-strp-list {
    float: left;
    width: 100%;
	text-align:center;
}
ul.prd-det-strp-list li {
    float: left;
    width: 33%;
    border: 1px solid #e6e0e0;
    border-right: none;
    padding: 25px;
}
ul.prd-det-strp-list li img {
    display: block;
    margin: 0 auto 10px;
}
ul.prd-det-strp-list li p {
    font-size: 18px;
    line-height: 26px;
    color: #000000;
	text-transform:capitalize;
}
ul.prd-det-strp-list li:last-child {
    border-right: 1px solid #e6e0e0;
}

.prds1-pkg1 {
    display: none;
}
a.pkgbtn {
    height: 66px;
    width: 100%;
    line-height: 66px;
    margin: 18px 0px 0 0;
}

ul.shp-lst {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 15px;
    margin: 26px 0 0 0;
}

ul.shp-lst li {
    float: left;
    width: 50%;
    position: relative;
    font-size: 15px;
    line-height: 20px;
    padding: 0 0 0 42px;
	text-transform:capitalize;
}

ul.shp-lst li img {
    position: absolute;
    left: 0;
    top: -3px;
}
ul.shop-list {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 10px;
    margin: 40px 0 0 0;
}

ul.shop-list li {
    float: left;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
}

ul.shop-list li img {
    display: block;
    margin: 0 auto 5px;
}
ul.mglist{padding:0;}
ul.mglist li{
	float:left;
	display:inline-block;
	margin:0 40px 0 0;
	font-size:20px;
	line-height:24px;
	color:#24334a;
	text-align:left;
}
ul.mglist li:last-child{margin:0;}
ul.mglist li span{
	font-weight:500;
	color:#2f2422;
}
.rdio{
	height:23px;
	width:23px;
	appearance:none!important;
	-webkit-appearance:none!important;
	background:url(../images/select.png) center top no-repeat;
	margin:0 10px -4px 0;
}
.rdio:checked{background:url(../images/selected.png) center top no-repeat;}

ul.prds1-list{padding:13px 0 0 0; display:none}
ul.prds1-list li{
	background:url(../images/bullet2.png) left 6px no-repeat;	
	text-align:left;
	padding:0 0 0 33px;
	margin:6px 0 0 0;
}
.prds1-pkg1, .prds1-pkg2{
    width: 100%;
    cursor: pointer;
    margin: 14px 0 0 0;
    padding: 5px 0;
    box-sizing: border-box;
    border-radius: 5px;
}
.prds1-pkg2{margin:11px 0 0 0;}
.selected{
}
.prdpkg-lft, .prdpkg-rgt{
        display: inline-block;
    width: 100%;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    color: #2d2d2d;
    text-align: left;
    padding: 0px 0 0 0;
}
.prdpkg-rgt{
	width:20%;
	padding:2px 0 0 10px;
	text-align:right;
}
.prdpkg-save{
	height:46px;
	width:102px;
	background:#329f2f;	
	float:right;
	margin:0 10px 0 0;
	border-radius:6px;
	font-weight:normal;	
	font-size:16px;
	line-height:20px;
	color:#fff;
	text-align:center;
	padding:2px 0 0 0;
}
.prdpkg-save span{
	font-weight:600;
	font-size:22px;
}
a.pkgbtn, .pkgcards{float:left;display:inline-block;}
.pkgcards{margin:34px 0 0 0;}

/*-------------- */
.prd_quantity {
    float: left;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    margin-top: 12px;
}
.prd_quantity p {
    display: inline-block;
    vertical-align: middle;
}
.wan-spinner2 {
    display: inline-block;
    vertical-align: middle;
}
.wan-spinner2 .minus,
.wan-spinner2 .plus,
.wan-spinner2 input {
	height: 38px;
	float: left;
	line-height: 1em;
	padding: 0 3px;
	text-align: center;
	border: none;
	line-height: 38px;
	margin: 0 1px;
	font-size: 18px;
	color: #5d5d5d;
	background: #f5f5f5;
}

.wan-spinner2 input {
  margin: 0;
  width: 20px;
}

.wan-spinner2 .minus,
.wan-spinner2 .plus {
  color: #5d5d5d;
  cursor: pointer;
  text-decoration: none;
  width: 35px;
}

/*==========footer===================*/
.footer{
	float:left;
	width:100%;
	padding:30px 0;
	}
.ftr-txt1{
	font-size:16px;
	line-height:23px;
	color:#000000;
	}

@media only screen and (max-width: 1013px){
.ftr-log{width:130px;}
.ftr-links-col-1{width:30%; padding-right:15px;}
.ftr-links-col-2{width:28%; padding-right:20px;}
.ftr-links-col-3{width:12%;}
.ftr-links-col-4{width:28%;}
}
@media only screen and (max-width: 767px){
.footer_links_sec{ border:none; text-align:center;}
.ftr-links-inr{flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.ftr-disc{margin-top:0px; border-top:none; padding: 10px 0 0;}
.ftr-links-hd {position: relative; border-bottom: 1px solid #fff; margin: 0; padding: 10px 0; font-size: 17px;}
.ftr-links-list,ul.ftr-contact-list {margin-top:10px;}
.ftr-links-list li{ margin:6px 0;}
.ftr-links-list.half{ width:100%;}
.footer-seal{ margin:30px auto 0;}
.ftr-txt1, .ftr-txt2{ text-align:center;}
.tot-img{ position: absolute; background: url(../images/plus.png) no-repeat; width: 9px; height: 9px; right: 15px; top: 50%; margin-top:-4px;}
.ftr-links-hd.active .tot-img{ background: url(../images/minus.png) no-repeat;}
.footer{padding:20px 0;}
.ftr-txt1{font-size:12px; line-height:16px;}
.ftr-links-col-1{ width:100%; text-align:center; padding:0;}
.ftr-links-col-2{ width:100%;}
.ftr-links-col-3{ width:100%;}
.ftr-links-col-4{ width:100%;}
}


/*********** spinner end *************/

/*==================CART FROM===================*/
.cart-frm{
	float:left;
	width:100%;
	padding: 40px 0;
}
.crt-from-sec {
	float:left;
	width:100%;
}
.crt-frm1, .crt-frm2 {
	width: 58%;
	float: left;
	margin: 0 0 0 0;
	border-radius: 4px;
}
.crt-frm2 {
	clear: both;
}
.frm1, .frm2 {
	padding: 20px 20px;
    text-align: center;
    float: left;
    width: 100%;
    background: #f9f9f9;
}
.safebox {
	position: relative;
	padding: 10px 0;
	float: left;
	width: 100%;
}
.safe-iconbox, .safe-iconbox2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 88px;
	height: 62px;
	background: #0e6896 url(../images/safe-icon.png) center center no-repeat;
	display:none;
}
.safe-iconbox2 {
	background: #0e6896 url(../images/pay.png) center center no-repeat;
}
.safe-iconbox img, .safe-iconbox2 img {
	margin: 0 -18px 0 0;
	float: right;
}
.safebox p {
	font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    color: #2d2d2d;
    float: left;
    width: 100%;
}
@media only screen and (max-width: 1179px){
.prds1-hding {
    /*font-size: 45px;
    line-height: 54px;*/
}
.prd-sec1 .prds1-hding{}
.prds1-rgt{margin:0;}
.prd-slide-div img{max-width: 450px;}
.prd-slider-nav img{max-width: 120px;}
.prds1-lft, .prds1-rgt{width: 49%;}
ul.shp-lst li{padding-left:40px;}
ul.shp-lst li img{left: -3px;}
}
@media only screen and (max-width: 1013px){

.prd-sec1{padding:40px 0;}
.shop-prod-inr .s2-inr-bx{ width:48%; text-align:center;}
.slide-img{width:270px;}	
.prds1-hding {
    font-size: 32px;
    line-height: 37px;
}
.prd-slide-div img {max-width: 350px;}
.prd-slider-nav img{max-width: 85px;  padding: 5px;}
.prd-strength-row .option-field li{padding:20px 20px 20px 100px; font-size: 17px;}
.prd-strength-row .option-field li:before, .prd-strength-row .option-field li:after{top: 20px; left: 10px;}
.prd-strength-row .option-field li:hover:after, .prd-strength-row .option-field li.addprice:after{top: 27px;  left: 17px;}
.inr-img{left: 50px;   top: 4px;}
ul.prds1-list{padding:8px 0 0 0;}
ul.prds1-list li{margin:5px 0 0 0;}
ul.mglist li{
	margin:0 20px 0 0;
	font-size:18px;
	line-height:22px;
}
ul.mglist li:last-child{margin:0;}
.prds1-pkg1, .prds1-pkg2{	
	padding:5px 5px;	
}
.prds1-pkg1{margin:15px 0 0 0;}
.selected{
}
.prdpkg-lft, .prdpkg-rgt{	
	font-size: 30px;
    padding: 0 0 0 0px;
}
.prdpkg-rgt{padding:0 0 0 10px;}
.prdpkg-save{
	height:48px;
	width:80px;	
	font-size:14px;
	line-height:21px;	
}
.prdpkg-save span{font-size:20px;}
.pkgcards{margin:15px auto 0 auto;float:none;display:block;}
}
@media only screen and (max-width: 767px){
.shop-prod-inr .s2-inr-bx{ width:100%;}
.shop-prod-inr{ margin-top:0;}
.inner-top{margin:2px 0 0 0;}
ul.inner-top-list li{font-size: 14px;}
.prd-sec1{padding:30px 0 20px;}
.prds1-lft, .prds1-rgt{width:100%;}
.prd-slide-div{padding:20px 0;}
.prd-slide-div img { max-width: 330px; min-width: auto;}
.prd-slider-nav img {}
ul.shop-list{margin-top:15px}
.prd-strength-row .option-field li { padding: 10px 10px 10px 80px; font-size: 16px; line-height: 24px;}
.prd-strength-row .option-field li:before, .prd-strength-row .option-field li:after {top: 10px; height: 20px; width: 20px;}
.prd-strength-row .option-field li:hover:after, .prd-strength-row .option-field li.addprice:after{top: 15px;  left: 15px;}
.inr-img {left: 43px; top: 3px;  width: 27px;}
ul.shp-lst li {text-align:center; padding:0; font-size: 14px;}
ul.shp-lst li img{position:static; display:block; margin:0 auto 10px;}
.prd-slider-nav {padding: 0 0px;}
.prds1-rgt{margin:30px 0 0 0;}
.prds1-hding, .prds1-view{text-align:center;}
.prds1-hding{ font-size: 28px; line-height:32px}
.prds1-view{margin:8px 0 0 0;}
.slide-img{margin:20px auto -10px auto;}
}

span.nt-txt {
    float: left;
    width: 100%;
    margin: 15px 0;
}
/*================= product section2====================*/
.prod-det-s2{
	float:left;
	width:100%;
	padding:30px 0;
}
.prod-det-s2-inr{
	float:left;
	width:100%;
}
.prod-det-s2-inr-bx{
	float: left;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #cbcbcb;
}
.prod-det-s2-inr .prod-det-s2-inr-bx:last-child{border-bottom:none; padding-bottom:0px;}
.prod-det-s2-bx-hd{
	    float: left;
    width: 100%;
    padding: 10px 0 0;
    cursor: pointer;
}
.prod-det-s2-bx-hd p{
	    float: left;
    width: 100%;
    text-align: left;
    padding: 10px 10px 20px 0px;
    font-size: 32px;
    line-height: 36px;
    color: #000000;
    letter-spacing: 0.5px;
    cursor: pointer;
    position: relative;
    font-family: "Spectral", serif;
}
.swap-icn{
	float:right;
	font-size:40px;
	line-height:35px;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#303030;
	text-align:center;
	font-weight:300;
	color:#fff;
}
.prod-det-s2-bx-cont{
	float: left;
    width: 100%;
    padding: 27px 0 40px;
    margin-top: 0px;
}
.prd-desc-img{
	float:right;
	margin:0px 0 0 0px;
}
.prd-dest-lst-hd{
	font-size:18px;
	line-height:24px;
	font-weight:600;
	margin-top:40px;
}
ul.prd-desc-lst{
	display:flex;
	-webkit-display:flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	max-width:536px;
	width:100%;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	padding:15px 0;
	margin-top:15px;
}
.firm-prd-desc-icn{
	float:left;
	margin-right:10px;
	width:21px;
}
ul.prd-desc-lst li p{
	float:left;
	font-size:16px;
	line-height:20px;
	font-weight:300;
}
.facts-hd{
	font-size:18px;
	line-height:24px;
	font-weight:600;
	margin-top:40px;
}
.ky-fats-sec{
	float:left;
	width:100%;
	display:flex;
	-webkit-display:flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}
.ky-fats-bx{
	padding:20px;
	box-shadow:0px 3px 10px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 10px 1px rgba(0,0,0,0.1);
	width:23%;
	color:#383d3f;
	margin-top:15px;
}
.ky-fats-bx img{
	width:50px;
}
.ky-fats-bx h3{
	font-size:17px;
	line-height:22px;
	font-weight:500;
	margin-top:10px;
}
.ky-fats-bx p{
	font-size:16px;
	line-height:24px;
	font-weight:300;
	margin-top:15px;
}

.prod-det-ing-sec{
	float:left;
	width:100%;
	display:flex;
	-webkit-display:flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}
ul.product_ingr_inside_ul {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
}
ul.product_ingr_inside_ul li {
    float: left;
    width: 24%;
    font-size: 17px;
    line-height: 26px;
    text-align: left;
}
ul.product_ingr_inside_ul li img {
    margin: 0 auto 10px;
    display: block;
}
ul.product_ingr_inside_ul li h5 {
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    text-align: left;
}
.view-lable {
    display: inline-block;
    margin: 30px 0 0;
    text-decoration: underline;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #000;
    text-align: center;
    width: 100%;
}
.shop-howto {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 85px;
    position: relative;
	margin-top:20px;
}
.shop-howto:before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 90px;
    left: 26px;
    border-left: 1px dashed #333;
}
.shop-howto li {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    position: relative;
    text-align: left;
    padding: 0 480px 0 78px;
}
.shop-howto li p {
    position: absolute;
    left: 0px;
    top: 0;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 50px;
    padding: 10px 15px;
}
.shop-howto li span {
    display: block;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 10px;
}
.shop-howto li img {
    position: absolute;
    top: -30px;
    right: 60px;
}
.acdn-para {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px;
    color: #000000;
    margin-bottom: 15px;
    text-align: left;
}
.accd1 {
    float: left;
    width: 100%;
    position: relative;
}
.accd1 .acdn-para {
    width: 54%;
}
ul.inglist{padding:20px 0 0 0;}
ul.inglist li{
	background:url(../images/bullet2.png) left 6px no-repeat;
	margin:12px 0 0 0;
	padding:0 0 0 25px;
}
.labimg{margin:30px 0 0 0;border:2px solid #ccc;}
/*******term*****************/
.tems_bg {
    float: left;
    width: 100%;
    min-height: 50vh;
	padding: 30px 0;
}

.trm-bx {
    float: left;
    width: 100%;
}

.trm-bx h1 {
    font-size: 30px;
    line-height: 40px;
}
@media only screen and (max-width: 1179px){
.prd-sec2{padding:50px 0;}	
ul.rlflist li {margin: 20px 31px 0 0;}
.benefit-box, .feature-box{margin:40px 0 0 0;}
.acdn-content{padding: 20px 0px 15px 0px;}
.accd1 .desc-model {max-width: 440px;}

.accrd1-lst{width: 55%;}
ul.product_ingr_inside_ul li{width:49%; text-align:center;font-size: 16px;letter-spacing: -0.5px;}
ul.product_ingr_inside_ul li h5{text-align:center; font-size: 17px;  letter-spacing: -0.4px;}
.shop-howto li{padding: 0 370px 0 78px;}
}
@media only screen and (max-width: 1013px){
.prd-sec2{padding:30px 0 50px 0;}
.accd1 .acdn-para{width:100%;}
.accrd1-lst{width:100%;}
.accrd1-lst li{width:24%;}
.accrd1-lst li:after{right:0;}
.accd1 .desc-model{display: inline-block;  float: none;}
.up-slide-dwn:nth-child(3) .acdn-content{padding-top:30px;}
.shop-howto{row-gap: 55px;}
.shop-howto li{padding: 0 0px 0 78px; font-size: 17px;  line-height: 26px;}
.shop-howto li img{position: static;display: block;}
.shop-howto:before{bottom: 320px;}
.tabimg1{    
	float: none;
    margin: 20px auto 0px auto;
    max-width: 240px;
    display: block;}
.salve-tabimg1, .salve-tab2img1{float:none;margin:20px auto -20px auto;width:350px;display:block;}
ul.rlflist li {margin: 20px 40px 0 0;}
.tabimg1-tab{float:right;margin:-4px 0 0 0;}
.rollon-tabimg1{float:right;margin:-30px 0 0 20px;}
.rollon-tabimg2{float:right;margin:10px 0 0 20px;}
.prod-det-s2-bx-hd p {font-size: 26px; line-height: 30px;}
}
@media only screen and (max-width: 767px){
.prd-sec2{padding:20px 0 20px 0; margin-top:0;}

.accordion{padding: 5px 10px 20px 0px;  font-size: 24px;  line-height: 26px; background-size: 30px;}
.acdn-heading.accordion-open{background-size: 30px;}
.acdn-content{padding-top:10px;}
.accd1 .acdn-para {font-size:16px; line-height:25px; margin-bottom:0px;}
.accd1 .desc-model{max-width: inherit;  width: calc(100% + 20px);  margin: 0 0 0 -10px;}
.accrd1-lst {flex-wrap: wrap;}
.accrd1-lst li{width:49%;}
.accrd1-lst li:nth-child(even):after{display:none;}
.benefit-acdn-content{padding:0 15px;}
.acdn-para,.benefit-acdn-content .acdn-para{font-size: 17px; width: 100%;}
.benefit-heading{padding: 10px 0 10px 60px;font-size: 20px;   line-height: 28px;}
ul.product_ingr_inside_ul li{width:100%;}
.up-slide-dwn{margin-top:20px}
.up-slide-dwn:nth-child(3) .acdn-content{padding-top: 20px;}
.shop-howto{row-gap: 25px; margin-top: 10px;}
.shop-howto li span{font-size: 20px;  line-height: 27px; margin-top: 5px;}
.shop-howto li{padding-left: 45px; font-size: 16px;  line-height: 24px;}
.shop-howto li p{font-size: 14px;  line-height: 25px;padding: 5px 10px;}
.shop-howto:before{top: 30px; bottom: 340px; left: 20px;}
.tabhding{
	font-size:24px;
	line-height:26px;
	padding:5px 0 0 0;
	display:none;
}
.tabimg1{width:250px;}
.benefit-box, .feature-box, .tabsubhding{margin:25px 0 0 0;}
ul.bnflist{padding:4px 0 0 0;}
ul.bnflist li{padding:0 0 0 20px;}
ul.rlflist li{margin:10px 30px 0 0;}
.tabimg1-tab{float:none;margin:-10px auto -20px auto;display:block;}
.salve-tabimg1-tab{float:none;margin:20px auto -20px auto;width:300px;display:block;}
.rollon-tabimg1{float:right;margin:0 20px 0 20px;}
.rollon-tabimg1-mob{margin:10px 20px 0 0;width:100px;}
.rollon-tabimg2{margin:20px 0 0 0;width:130px;}
ul.inglist {padding:10px 0 0 0;}
ul.inglist li{margin:6px 0 0 0;}
ul.inglist li.lft, ul.inglist li.rgt{
	float:left;
	display:inline-block;
	width:50%;
	padding:0 0 0 20px;
}
.prod-det-s2-bx-hd p {font-size: 21px; line-height: 30px;}
.swap-icn {width: 25px; height: 25px; font-size: 20px; line-height: 23px;}
.prod-det-s2-bx-cont{padding: 0 0 20px;}
.view-lable{margin: 20px 0 0;}
.prd-desc-img{margin: 0px 0 20px 0px;}
.prod-det-s2{padding: 10px 0 0;}
}

/*================= product section3====================*/
.prd-sec3{padding:70px 0 60px 0;}
.prd-tcontainer{width:86%;margin:0 auto;}
.prd-tbx1, .prd-tbx2{
	padding:30px 0 0 98px;
	margin:30px 0 0 0;	
	position:relative;
}
.prd-tbx2{
	border-top:1px solid #ebebeb;
}
.name-symbol{
	position:absolute;
	left:0;
	top:30px;
	height:73px;
	width:73px;
	background:#dce9ea;
	border-radius:50%;
	font-weight:500;
	font-size:30px;
	line-height:73px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}
.prd-tbxtxt{color:#2d3444;}
.prd-tstar{margin:5px 0 10px 0;display:block;}
.prd-tbxtxt2{
	color:#329f2f;
	padding:15px 0 0 0;
}
@media only screen and (max-width: 1179px){
.prd-tcontainer{width:100%;}
}
@media only screen and (max-width: 1013px){
.prd-sec3{padding:40px 0 50px 0;}
.prd-tbx1, .prd-tbx2{
	padding:20px 0 0 88px;
	margin:20px 0 0 0;
}
.name-symbol{top:20px;}
}
@media only screen and (max-width: 767px){
.prd-sec3{padding:20px 0 40px 0;}
.prd-tbx1, .prd-tbx2{padding:20px 0 0 64px;}
.name-symbol{
	height:53px;
	width:53px;
	font-size:25px;
	line-height:53px;	
}
}
/*================= product section4====================*/
.prd-sec4 {
    padding-top: 55px;
}
.prd-container, .prd-container2{
	width:730px;
	margin:40px auto 0 auto;
	display:table;
}
.prd-container2{width:100%;}
.prd-bx1, .prd-bx2, .prdmain-bx1, .prdmain-bx2, .prdmain-bx3{
	float:left;
	display:inline-block;
	width:48%;
	height:auto;
	border:1px solid #e9e9e9;
	border-radius:6px;
	padding:10px 16px 20px 16px;
}
.prd-bx2{float:right;}
.prdmain-bx1, .prdmain-bx2, .prdmain-bx3{width:30%;margin:0 1.65%;height:auto;padding-bottom:20px;}
.prdbx-img{margin:0 auto;display:block;}
.prdbx-hding{
	font-weight:600;
	font-size:21px;
	line-height:28px;
	color:#2f2422;
	text-align:center;
	border-bottom:2px dotted #bdd7b9;
	padding:16px 0 12px 0;
}
.prdbx-txt{
	padding:15px 10px 0 10px;
	text-align:center;
	height:150px;
}
@media only screen and (max-width: 1179px){
.prd-sec4{padding:35px 0 70px 0;}
.prd-container{width:650px;}
.prdbx-txt{height:180px;}
}
@media only screen and (max-width: 1013px){
.prd-sec4{padding:25px 0 50px 0;}
.prd-container{width:580px;}
.prd-container2{width:100%;}
.prdmain-bx1, .prdmain-bx2, .prdmain-bx3{width:31.30%;margin:0 1%;}
.prdbx-txt{
	padding:15px 0 0 0;
}
}
@media only screen and (max-width: 767px){
.prd-sec4{padding:15px 0 20px 0;}
.prd-container, .prd-container2{width:auto;margin:10px auto 0 auto;}
.prd-bx1, .prd-bx2, .prdmain-bx1, .prdmain-bx2, .prdmain-bx3{
	float:none;
	width:90%;
	margin:20px auto 0 auto;
	display:block;
	height:auto;
	padding-bottom:26px;
}
.prdbx-txt{height:auto;}
}
@media only screen and (max-width: 479px){
.prd-bx1, .prd-bx2, .prdmain-bx1, .prdmain-bx2, .prdmain-bx3{width:100%;}
}

.ingredients-pannel{
	    float: left;
    width: 100%;
    margin-top: 30px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 30px;
	}
.ing-lft-bx{
	float: left;
    width:100%;
    text-align: center;
	}
.ing-lft-bx-hed{
	    float: left;
    width: 100%;
    font-size: 24px;
    margin: 10px 0 20px;
	}
.ing-lft-bx img{
	max-width: 100%;
	background: #ffffff;
	padding: 20px 20px;
	border: 1px solid #e9e9e9;
	}
.ing-rgt-bx {
    float: right;
    width: 20%;
    text-align: center;
}
@media only screen and (max-width: 767px){
	.ing-lft-bx{ width:100%;}
	.ing-rgt-bx{ width:100%;}
	.ing-rgt-bx img{ max-width:50%;}
	}