@charset "utf-8";
/* Simple fluid media
*/
img, object, embed, video {
	max-width: 100%;
}
/* 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: "DM Sans", sans-serif;
	font-weight:400;
	color: #282828;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	padding:0;
	list-style:none;
	background:#fff;
	transition:all 0.3s;
	}
.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;}
*{box-sizing:border-box;}
.bdhding{
	font-size: 20px;
    line-height: 26px;
    color: #000000;
}
.bdsubhding{
        font-size: 38px;
    line-height: 48px;
    color:#cb2d2d;
    margin: 0px 0 10px 0;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
}
.bdfont{
	font-size:18px;
    line-height:28px;
    color: #000;
    /* float: left; */
    display: inline-block;
    font-weight: 400;
    width: 100%;
}

/*=========================
CSS FOR HEADER
===========================*/
.top-fix-bar {margin-bottom: 0; float: left;width: 100%;}
.hed-strip {   
	background: #000;
    float: left;
    width: 100%;
    padding: 10px 0;
	overflow: hidden;
}
p.date-txt {float: left;color: #fff; font-size:18px;}
.intop-fix-bar {margin-bottom: 95px;}
ul.cs-info {float: right;}
ul.cs-info li{ 
	display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    margin-left: 20px;
}
ul.cs-info li i{ margin-right:5px;}
.header {
	position: relative;
    top: 66px;
    /*background: #fff;
    border-bottom: 1px solid #f9f9f9;*/
    z-index: 9;
    height: 66px;
    margin-bottom: 66px;
    margin-top: -66px;
	padding:5px 0;
}
.inheader{		
	height:95px;	
	margin-top: -95px;
    position: relative;
    top: 95px;	
	background:#fff;
	z-index: 9;
	padding-top: 5px;
}
.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;
	background: #fff;
    border-bottom: 1px solid #f9f9f9;
}
.fixed-nav .inheader{height:95px;}
.logo{
	    max-width: 140px;
    float: left;
    margin-top: 0px;
}
ul.nav1, ul.nav2{float:left; margin: 20px 66px 0 0;}
ul.nav2{float:right;}
ul.nav1 li, ul.nav2 li{
    float: left;
    display: inline-block;
    padding: 0 15px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    font-weight: 400;
    color: #292929;
    text-transform: uppercase;
    border-right: 1px solid #dcdcdc;
    letter-spacing: 0.5px;
	}
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;
/*    border-right: none;
    position: relative;
    background: #ff3c00;
    color: #fff;
    font-size: 20px;
    padding: 10px 22px;
    vertical-align: top;
    margin-top: -12px;*/
}
ul.nav2 li:last-child img{
/*	position: absolute;
    right: -26px;
    top: -10px;*/
}
ul.nav1 li a.active, ul.nav2 li a.active{ }
ul.nav2 li:last-child a, ul.nav2 li:last-child a.active{}
a.menuBtn {
    color: #fff;
    background: #000000;
    padding: 8px 30px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    margin-top: 6px;
    float: right;
}
.cart-link{
	position: absolute;
	top: -1px;
	right: 150px;
	}
#menu-wrapper {
    overflow: hidden;
    max-width: 40px;
    cursor: pointer;
	float:right;
}

#menu-wrapper #hamburger-menu {
    position: relative;
    width: 25px;
    height: 20px;
    margin: 15px 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: 54px;
    background: #000000;
    border-top: 1px solid #dfdfdf;	
}
#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 #fff;	
}
#menu-container .menu-list  li a.active{background:#128e3b;color:#fff;}
/*===============================
CSS FOR CONTAINERS BREAK POINTS
=================================*/
@media only screen and (max-width: 1185px){
.container{ max-width:1004px; width:100%; }
.bdfont{ width:100%;}
}
@media only screen and (max-width: 1023px){
.container{ max-width:760px; width:100%; }
.bdsubhding{}
.bdfont{ font-size: 17px; line-height: 26px;}
a.menuBtn { display: none;}

}
@media only screen and (max-width: 767px){
.container{ width:100%; max-width:640px;}
.bdinpad{padding:0 15px;}
.bdfont { font-size: 16px; line-height: 26px;}
#menu-wrapper #hamburger-menu{margin: 12px 0 5px 0;}

}
@media only screen and (max-width: 359px){
.bdsubhding{
	font-size:30px;
	line-height:38px;
}
}
/*===============================
CSS FOR CONTAINERS BREAK POINTS
=================================*/
@media only screen and (max-width: 1023px){
.nav2{ display:none;}
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{}
.cart-link{ position: absolute; right: 36px; top: 0; max-width: 52px;}


}
@media only screen and (max-width: 767px){
.hed-strip{ display:none;}
.header{height:55px; top:55px; margin-top:-55px; margin-bottom: 0;}
.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{	max-width: 115px;}
ul.nav1 li, ul.nav2 li{display:none;}
.cart-link { max-width: 48px; right: 56px;}

}
@media only screen and (max-width: 359px){
.logo{width:180px;margin:12px 0 0 0;}
}
/*================start banner===================*/
.banner{
    background: url(../images/banner.jpg) center top no-repeat;
    padding: 0 0px 0;
	position:relative;
	height:656px;
}
.bdinpad-bnr{
        float: right;
    width: 52%;
    text-align: left;
    margin-top: 120px;
	}
.bantxt1 {
	font-size: 28px;
    line-height: 32px;
    color: #000000;
    text-transform: capitalize;
    width: 100%;
	float:left;
    position: relative;
    font-weight: 400;
}

.bdinpad-bnr h1{	
	font-weight: 700;
    font-size: 52px;
    line-height: 67px;
    color:#cb2d2d;
    width: 100%;
    float: left;
    text-transform: capitalize;
    margin: 10px 0 0 0;
}
.bnrtxt{
	    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    padding: 15px 0 0 0;
}
.bnrtxt2{
    font-size: 33px;
    line-height: 40px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 170px 0 0 0;
    letter-spacing: 0.5px;
}
ul.bnr-list{
	float: left;
    width: 100%;
    margin-top:30px;
	display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
    column-gap: 13px;
    row-gap: 25px;
	position: relative;
    z-index: 9;
	}
ul.bnr-list li{
   float: left;
    width: 32%;
    padding: 0;
    color: #000;
    position: relative;
    text-align: center;
	}
.s1-btm-bx_cont{
	display:inline-block;
	width:100%;
	text-align:center;
	margin-top:15px;
	}
.bnr-pdts{ 
       background: #fff;
    padding: 10px 10px;
    margin-bottom: 0px;
    width: 100%;
    border-radius: 8px 8px;
    border:1px solid #cb2d2d;
	}
.s1-prds {
    display: block;
    margin: 0 auto 0;
    width: 100%;
    max-width: 100%;
}
/*===========*/
.s1-btm-bx {
	float: left;
    width: 100%;
    padding: 20px 0;
    position: relative;
    text-align: center;
}
.s1-prdt-tx1{
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #08080a;
    padding: 0 0px;
    text-transform: capitalize;
	}
.s1-prdt-tx1 span{
	display:block;
	font-weight:400;
	font-size:18px;
}
.s1-btm-tx3 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 800;
    color:#cb2d2d;
    margin: 10px 0 0;
}
ul.bnr-list li:last-child{}
.list-sub-hed{
    font-size: 29px;
    display: block;
    line-height: 38px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ff3c00;
	}
.list-hed{
    font-size: 18px;
    display: block;
    line-height: 28px;
	font-weight:500;
	}
.list-hed span{ font-weight:600; display:block;}
ul.bnr-list li a.s1btn { 
	margin-top: 15px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    max-width: 188px;
    font-size: 16px;
}
ul.bnr-list li:last-child a {}
img.bnr-img {
	position: absolute;
    top: 0px;
    right: 0px;
    max-width: 221px;
}
ul.bnr-lst{
	float: left;
    width: 100%;
    margin-top:0;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 13px;
    row-gap: 20px;
	}
ul.bnr-lst li{
    float: left;
    width: 32%;
    text-align: left;
    padding: 0 0px 0 65px;
    color: #0e0c0d;
    font-size: 17px;
    line-height: 27px;
    position: relative;
	}
ul.bnr-lst li span{
	    display: block;
    font-weight: 700;
    color: #0e0c0d;
    font-size: 20px;
	}	
ul.bnr-lst li img{
	position: absolute;
	top:0;
	left:0;
	}


@media only screen and (max-width: 1185px){
.banner{ }
.bnrprd{right:-67px;width:480px;top:-37px;}
.bdinpad-bnr { width: 50%; margin-top: 165px;}
.bantxt1{ font-size: 26px; line-height: 32px;}
.bdinpad h1 { font-size:72px; line-height: 76px; }
.bnrtxt{ width:100%;}

.bnrtxt2 { font-size: 28px; line-height: 38px;}
ul.bnr-lst li{ font-size:17px;}
}
@media only screen and (max-width: 1023px){
.banner{ background-size: cover; padding: 0px 0px 40px; /*height: auto;*/}
.bdinpad-bnr { width: 52%; margin-top: 150px;}
.bdinpad h1 { font-size: 58px;  line-height: 62px;}
.bnrtxt2 { font-size: 30px; line-height: 38px; padding: 200px 0 0 0; }
.bantxt1{font-size: 22px; line-height: 28px;}
.bnr-smal-prdt{ max-width:42px;}
ul.bnr-list{ margin-top:30px; column-gap: 12px;}

ul.bnr-lst{ margin-top:0px;}
ul.bnr-lst li{ padding:0 0; text-align:center; font-size: 16px; line-height: 26px;}
ul.bnr-lst li img{ position: static; display:block; margin:0 auto 10px; max-width: 50px;}
.list-hed{ }
.bnrtxt{ width:100%;}
img.bnr-img {
    position: absolute;
    top: 28px;
    right: -20px;
    max-width: 160px;
}
.s1-btm-bx_cont{ margin-top:10px;}

}
@media only screen and (max-width: 767px){ 
.banner {padding: 0px 0px 30px 0; background-size:cover; background-position: 40% top; background:#fff; height:auto; border-bottom:1px solid #cb7e2d;}
/*.banner:before{ content: ''; background: rgb(239 239 239 / 80%); position: absolute; top: 0;  left: 0; width: 100%; height: 100%;}*/

.bantxt1{font-size: 18px; line-height: 28px; }
.bnr-smal-prdt { max-width: 38px; margin: 0 5px -10px 0;}
.bdinpad-bnr { width: 100%; text-align: center; float: none; display: inline-block; margin: 25px 0 0;}
.bnrprd, .bnricon{display:none;}
.bnricon-mob{
	margin:0 auto;
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:-15px;
}
.bnrtxt2{ display:none;}
img.bnr-pet_mob { position: static; display: inline-block; margin: 10px 0 0; max-width: 300px; }
.bnrhd, h1{text-align:left;} 
.bdinpad h1{ line-height: 38px; font-size: 28px; margin-top: 0px; text-align: center;}
.bnrtxt{width:100%; padding:0; float: none; display: inline-block; font-size: 16px; line-height: 26px;}
.bnrmob{}
.bnrprd-mob{margin:0px auto 0px auto;display:block;}
ul.bnr-list{ margin-top:0px;}
ul.bnr-list li{ width:100%; margin:0 0 20px 0;}
.list-hed{ }
img.bnr-img{ top: 20px; max-width: 180px; right: 7px;}
ul.bnr-lst {  margin-top: 0px; justify-content: center;}
ul.bnr-lst li { width: 100%; max-width:355px; font-size: 16px; line-height: 26px; box-shadow:0px 0px 2px #cb7e2d; padding:15px 20px; font-size:15px; line-height:26px;}
ul.bnr-lst li:after{ display:none;}



}
@media only screen and (max-width: 479px){
.bnrhd{
	font-size:19px;
	line-height:22px;
}
.bnrprd-mob{width:300px;}
ul.bnrlist{width:330px;}
ul.bnrlist li{
	font-size:15px;
	line-height:22px;
	margin:0 9px 0 0;
	padding:0 11px 0 0;
}
ul.bnrlist2 li{margin:8px 0 0 0;}
}
@media only screen and (max-width: 359px){
.bnrprd-mob{width:260px;}
h1 {
	padding:6px 0 0 0;
    font-size: 33px;
    line-height: 40px;
}
ul.bnrlist{width:298px;}
ul.bnrlist li{
	font-size:14px;
	line-height:22px;
	margin:0 6px 0 0;
	padding:0 8px 0 0;
}
ul.bnrlist{padding:18px 0 0 0;}
ul.bnrlist li img{margin:0 auto 6px auto;}
ul.bnrlist2 li{padding:0 6px 0 15px;font-size:15px;}

}
/*================start banner strip===================*/
.sec1 {
    padding: 60px 0 60px;
    text-align: center;
    overflow: hidden;
    background: #fff;
}
.s1txt-area{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.s1img{
	position:absolute;
	left:0;
	top:0;
}
.s1hding{text-align:left;}
.s1subhding{ /*background: url(../images/hdg-line.png) center top 26px no-repeat;*/}
.s1txt{
	padding:20px 0 0 0;
	color:#000;
	font-size: 18px;
    line-height: 28px;
    /* float: left; */
    display: inline-block;
    font-weight: 300;
    width: 100%;
}
.s1txt span{font-weight:bold;}
.s1hdimg{margin:10px 0 0 0;display:block;}

@media only screen and (max-width: 1185px){
	
.sec1{ padding:50px 0 50px;}
.s1txt-area{}
.bdsubhding { font-size: 30px; line-height: 38px;}
.s1txt{ font-size: 16px; line-height: 28px;}
ul.bnr-list{column-gap: 12px;}
ul.bnr-list li{width: 24%;}
.bnr-pdts{}
.s1-prds { max-width: 170px; width:100%;}
.s1img{ width:400px;}
.list-hed { }
.list-sub-hed { font-size: 23px; line-height: 32px;}
	
}
@media only screen and (max-width: 1023px){
.sec1{ text-align:center; padding: 40px 0 40px;}
.s1txt-area{ width:auto; float:none;}
.bdsubhding { font-size: 28px; line-height: 36px; margin-bottom: 8px;}
ul.bnr-list { column-gap: 12px; justify-content: center; margin-top: 15px;}
ul.bnr-list li{ width:32%;}
ul.bnr-list li:last-child{}

.s1img{width:320px;}
.s1hdimg{display:none;}
.s1hdimg-mob{margin:5px auto 0 auto;}
.s1txt{ font-size: 16px; line-height: 26px; position: relative; z-index: 9; padding-top: 10px;}
.s1hding{padding:0;}
.s1img-tab{ margin: 34px auto 10px auto; width: 350px;}
    

}
@media only screen and (max-width: 767px){
.sec1{padding:30px 0;}
.bdsubhding{ font-size: 22px; line-height: 30px; margin-bottom: 10px;}

ul.bnr-list{ margin-top:0px; justify-content: center;}
ul.bnr-list li{ width: 100%; margin-bottom: 0; max-width: 355px;}
ul.bnr-list li a.s1btn { margin-top: 10px;  height: 36px; line-height: 36px; width: 100%; max-width: 188px; font-size: 14px;}
.s1-prdt-tx1 { font-size: 17px; line-height: 25px; padding: 0 0; min-height: 50px;}
ul.bnr-list li:last-child{ margin-bottom: 0;}
.s1hding{ font-size:20px;}
.s1subhding{ font-size: 26px; line-height: 38px;}
.s1txt{ }
.bnr-pdts{ padding:15px 15px; margin-bottom: 6px;}
.s1-btm-tx3 { font-size: 20px; line-height: 26px;}
ul.bnr-list li a {  margin-top: 15px; height: 42px; line-height: 42px; width: 100%; max-width: 200px; font-size: 20px;}
}
@media only screen and (max-width: 479px){
.s1img-tab {width: 100%;}
}
/*================start section2===================*/
.sec2{
	padding:35px 0 55px;
	background:#fff;
	text-align:center;
	overflow: hidden;
}
.s2hding{text-align:center;padding:0;}
.s2hdimg{margin:5px auto;display:block;}
.s2txt{
	text-align:center;
	padding:15px 0 0 0;
}
ul.s2-list{
	display:flex;
	justify-content: center;
	margin:30px 0px;
}
ul.s2-list li{
	justify-content: space-between;
    float: left;
    width: 100%;
    text-align: center;
    margin: 40px 0 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}
ul.s2-list li:last-child{
	border-right:none;
}
.all-prod-btn{
	font-size:24px;
	line-height:52px;
	width:274px;
	height:56px;
	border:2px solid #ff3c00;
	display:inline-block;
	max-width:100%;
	text-align:center;
	font-weight:600;
	color:#ff3c00;
	border-radius:30px;
	margin-top: 20px;
}
.all-prod-btn:hover{
	background: #ff3c00;
    color: #fff;
	transition:all ease 0.6s;
}
.s2-prdslider {
    float: left;
    width: 100%;
    margin-top: 40px;
    padding: 0 0px;
}
.s2-inr{
	justify-content: space-between;
	float: left;
	width: 100%;
	text-align: center;
	margin: 40px 0 0;
	display: flex;
	flex-wrap: wrap;
	row-gap: 20px;
}
.s2-prdDv{
	float:left;
	width:100%;
	margin-top:10px;
	padding:0 0px;
	}
.s2-slide-div{
	float:left;
	width:100%;
	}
.prodBox {
    float: left;
    width: 100%;
}
.prodbox-row {
    width: 30.5%;
    background: #fff;
    border: 1px solid #dce2cd;
    padding: 15px;
    margin: 30px 1px 0;
    position: relative;
    display: inline-block;
	vertical-align:top;
}
.prod-headbox {
    float: left;
    width: 100%;
    /* text-align: center; */
    position: relative;
    padding: 220px 0 10px 0;
}
.prodbx-head {
    float: left;
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 15px;
}
.prodbx-para {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #6f6f6f;
    letter-spacing: 0.5px;
    margin-top: 12px;
    font-weight: 600;
}
.prod-1, .prod-2, .prod-3, .prod-4, .prod-5 {
	    max-width: 139px;
    left: 50%;
    position: absolute;
    z-index: 9;
    top: 23px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.prod-2, .prod-3, .prod-4, .prod-5 {
    left: 10%;
    z-index: 3;
    max-width: 130px;
    top: 8%;
    transform: initial;
}
.prod-3 {
    left: auto;
    right: 10%;
}
.prod-4, .prod-5 {
    left: 3%;
    max-width: 110px;
    z-index: 1;
    top: 10%;
}
.prod-5 {
    left: auto;
    right: 3%;
}
.mg-txt {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    color: #4b4b4b;
}
.mg-txt span {
    font-size: 26px;
    font-weight: 600;
}
.s2-inr-bx{
    float: left;
    width: 24%;
    padding: 0px 0 0;
    position: relative;
    outline: none;
}
.s2-inr-bx a.s1btn {
    margin: 10px 0 0 0;
    font-size: 18px;
    line-height: 46px;
    height: 46px;
    width: 218px;
}
.s2-inr-bx a.s1btn:hover{ background: #000000; color:#fff;}
.big-box{}
.imgs-bg{ 
    background: #f8f8f8;
    padding: 20px 20px;
    margin-bottom: 10px;
    border-radius: 6px 6px;}
.big-box img.s1-bx-prd{ max-width:220px;}
.rgt-box{ display: inline-block; width:100%;}
img.s1-bx-prd { max-width: 220px;width: 100%;}
.s2-bx-prd{
	display:block;
	margin:40px auto 20px;
	position:relative;
}
.prd-seal{
	position:absolute;
	right:20px;
	top:20px;
	z-index:1;
	width:70px;
}
.s2-btm-bx{
    float: left;
    width: 100%;
    margin: 10px 0px 10px;
    position: relative;
    z-index: 0;
    background: none;
    text-align: center;
}
.s2-btm-bx .s1btn{
	margin-top:20px;
	}
.s2-btm-tx1{
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #08080a;
    padding: 0 0px;
    text-transform: capitalize;
}
.s2-btm-tx1 span{
	font-size:20px;
	display:block;
	font-weight:400;
	color:#1a1a1a;
	}
.s2-btm-tx2{
	color:#5f5f5f;
	font-size:14px;
	line-height:20px;
	font-weight:300;
	margin-bottom:5px;
}
.s2-btm-tx2 img{
	margin-right:5px;
	margin-bottom:2px;
}
.s2-btm-tx3{
    font-size: 24px;
    line-height: 28px;
    font-weight: 800;
    color: #000;
    margin: 10px 0 0;
}
.s2-btm-tx4{
	font-size: 18px;
    line-height: 27px;
    margin-bottom: 15px;
    min-height: 81px;
    margin-top: 20px;
}
.hover-bg{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity:0;
	z-index:9;
	width:100%;
	height:100%;
	transition:all ease 0.8s;
}
.s2-inr-bx:hover .hover-bg{
	opacity:1;
	transition:all ease 0.8s
}
.s2-inr-bx:hover .s2-btm-bx{
	background:#fff;
    transition: all ease 0.8s;
}
.s2-inr-bx .comn-btn{width:100%;}


@media only screen and (max-width: 1185px){
.s2-inr-bx{width:24%;}
.s2-inr-bx a.s1btn{ width:160px;}
}
@media only screen and (max-width: 1023px){
.sec2{padding:30px 0;}
.s2-inr{flex-wrap:wrap; margin-bottom:0;}
.s2-bx-prd{max-width:100%;}

.s2-inr-bx {width: 49%;}
.rgt-box{ width:100%;}
.rgt-box .s2-inr-bx {width: 32%;}
}
@media only screen and (max-width: 767px){
.sec2{padding:35px 0 40px 0;}
.s2-inr{padding:0; margin-top:25px;}
.s2-inr-bx{width: 48%; padding-bottom:5px;}
.s2-btm-bx{padding:0px 0px; text-align:center; margin: 0;}
ul.s2-list li{ font-size:18px; padding: 8px 15px;}
.s2-inr-bx a.s1btn{ width: 100%;  max-width: 154px;}
.s2-btm-tx4{ min-height:auto;}
.rgt-box .s2-btm-tx1{ line-height:28px; font-size:22px; min-height: 84px;}
.s2-btm-bx .s1btn{ width:100%; }
.s2-btm-tx1 span{ font-size:18px;}
.rgt-box .s2-inr-bx {
    width: 46%;
    margin: 0 9px 10px;
}
.s2-btm-tx3{ font-size:20px; line-height:28px; margin:5px 0 0; }

}
@media only screen and (max-width: 479px){
	.rgt-box .s2-inr-bx{ width:100%; margin: 0 0px 10px;}
	.rgt-box img.s1-bx-prd {max-width: 220px;}
	.rgt-box .s2-btm-tx1 { line-height: 28px; font-size: 20px; min-height: 58px;}
	img.bnr-img {  top: 45px;}
	
}
@media only screen and (max-width: 359px){

}
/*================start section3===================*/
.sec3 {
	padding: 30px 0 30px;
    background:#ffffff;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.sec3:before {
    position: absolute;
    right: 0;
    top: 0;
    left:0;
  	height:210px;
    background: #fff;
    content: "";
}
.sec3-model{
    position: absolute;
    top: 1px;
    right: 0;
    width: 439px;
    max-width: 100%;
	}
.s3prd{
	position:absolute;
	left:120px;
	top:360px;
}
.s3txtarea {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0;
}
.s3txtarea ul.bnr-list{ margin-top:15px; column-gap: 9px;}
.s3txtarea ul.bnr-list li{ width:24%;}
.padng{ padding:0 195px;}
.s3-lft{
	float: left;
    width: 18%;
    margin-top: 30px;
    text-align: center;
    background: url(../images/s3-lft-bg.png) center top no-repeat;
    position: relative;
    padding: 30px 12px;
	}
.flash-txt{
	display: inline-block;
    width: 100%;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #fff;
    letter-spacing: 1.5px;
	}
.flash-img{ margin:0 5px -5px; display:inline-block;}
.flash-disnt{
	font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
	margin-top: 20px;
    color: #000;
	font-weight:700;
	
	display:inline-block;
	width:80%;
	background:#fff;
	border-radius:50%;
	text-align:center;
	padding:20px 15px;
	}
.flash-disnt span{
	display:block;
	color:#ff3a43;
	font-weight:700;
	font-size:54px;
	line-height:58px;
	
	}
.flash-para{
	font-size: 30px;
    line-height: 38px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
	}
.s3-inr {
    justify-content: space-between;
    float: right;
    width: 100%;
    text-align: center;
    margin: 30px 0 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
    column-gap: 12px;
}

.s3hdimg{margin:10px aauto 0 auto;display:block;}
ul.s3list{padding:10px 0 0 0;}
ul.s3list li{
	    margin: 50px 15px 0px 0;
    padding: 30px 20px;
    position: relative;
    width: 23.7%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    box-shadow: 0 0 5px #c5c3c3;	
}
ul.s3list li:last-child{ margin-right:0;}
.s3l-icon1, .s3l-icon2, .s3l-icon3{
	display:inline-block;
}
.s3l-icon2{left:15px;}
.s3l-icon3{left:20px;}
.s3lhding{
	font-weight:600;
	font-size:24px;
	line-height:30px;
	color:#2d2d2d;
}
.s3ltxt{
	    font-size: 17px;
    line-height: 27px;
    padding: 5px 0 0 0;
}
.sec3-bxs{
	float:left;
	width:100%;
	margin-top:40px;
	display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
    row-gap: 15px;
	align-items: center;
    column-gap: 12px;
	}
.sec3-bxs-l, .sec3-bxs-r{
	float:left;
	width:48%;
	}
.sec3-bxs-l img{
	margin:0 0 0 -20px;}
.sec3-bxs-r{
	float:right;
	text-align:left;
	width:50%;
	}
.bxs-r-price{
	font-size:24px;
	line-height:30px;
	margin-top:10px;
	font-weight:700;
	text-transform:uppercase;
	}
.sec3-bxs-r .bnrbtn{ margin-top:25px;}
@media only screen and (max-width: 1185px){

.sec3{ padding:40px 0;}
.s3txtarea{ padding:0px 0;}

.sec3-bxs{ align-items:flex-start; margin-top: 30px;}
.sec3-bxs-l img { margin: 0 0 0 -14px;}
.sec3-bxs-l{ width:46%;}
.sec3-bxs-r{ width:52%;}
.s3txtarea ul.bnr-list { margin-top: 20px; column-gap: 8px;}
.s1-prdt-tx1{ font-size: 16px; line-height: 26px; min-height: 55px;}

}
@media only screen and (max-width: 1023px){
.sec3-bxs{ margin-top: 20px; justify-content: center;}
.sec3-bxs-l, .sec3-bxs-r { width: 100%; text-align: center;}
.s3txtarea ul.bnr-list { margin-top: 15px; column-gap: 13px; }
.s3txtarea ul.bnr-list li {  width: 32%;}
.s3txtarea ul.bnr-list li .s1-prdt-tx1{ min-height:auto; margin-bottom:0;}
.sec3-bxs-l img { margin: 0 0 0px;}
.s1-prdt-tx1{ min-height:auto;}
.s1-btm-tx3 { font-size: 20px; line-height: 28px;}

}
@media only screen and (max-width: 767px){
.sec3-bxs { margin-top:0px; justify-content: center;}
.sec3-bxs-l, .sec3-bxs-r{ width:100%;}
.s3txtarea ul.bnr-list { row-gap: 16px;}
.s3txtarea ul.bnr-list li { width: 100%; max-width:355px; }
.sec3-bxs-r .bnrbtn { margin-top: 15px;}

}
@media only screen and (max-width: 479px){}
@media only screen and (max-width: 359px){}
/*================start section3===================*/
.sec4 {
    padding: 50px 0;
    /*background: url(../images/sec4-bg.jpg) no-repeat center top;*/
    text-align: center;
	overflow: hidden;
	background:#e8e0b9;
	/*height:480px;*/
	position:relative;
}
.sec4 .bnrbtn{     
	height: 42px;
    width: 100%;
    margin: 15px 0px 0 0;
    font-size: 18px;
    line-height: 42px;
	}
.sec4-innr {
	float: left;
	width: 68%;
	margin-top: 0px;
	text-align: left;
	padding: 21px 40px;
	position: relative;
	border:2px solid #0b0b0b;
	border-radius: 5px;
	background:#fffae3;
	}
.s4_dogs_imgs{
    position: absolute;
    top: 10px;
    right: 10px;
	}
.sec4_model_img{
	position:absolute;
	top:0;
	right:0;
	}
.sec4-innr  .bdsubhding{ font-size:40px; line-height:50px; }
.sec4-innr  .bdsubhding span{ color:#cb2d2d; display:block;}
.sec4-innr  .bdfont{ width: 93%;}
.s4-lst-pdt{
	float:left;
	width:100%;
	margin-top:30px;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 15px;
    row-gap: 15px;
	}
.s4-lft{
	float:left;
	width:575px;
	}
.s4-rit{
	float:left;
	width:575px;}
.s4-bx1, .s4-bx4{
	float:left;
	width:100%;
	background: url(../images/bx1-bg.png) center top no-repeat;
	height:433px;
	margin-bottom:15px;
	position:relative;
	text-align:left;
	}
.s4-bx2{
	float:left;
	width:100%;
	height:275px;
	position:relative;
	background:#f7f7f7;
	overflow:hidden;
	}
.s4-bx4{
	background: url(../images/bx4-bg.png) center top no-repeat;
	height:433px;
	margin-top:15px;
	}
.s4-bx-cont{
    float: left;
    width: 77%;
    text-align: left;
    padding: 10px 15px;
    background: rgba(255,255,255,0.8);
    margin-top: 273px;
	}
a.s4btn {
    background: none;
    border: none;
    text-decoration: underline;
    color: #fff;
    /*width: 160px;*/
    display: inline-block;
    margin: 40px 0px 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
    border-radius: 0px;
}
.s4-bx1 a.s4btn{ color:#fff; margin: 20px 0px 0 20px;}
.prdt-name {
    color: #000000;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    display: inline-block;
    width: 100%;
}
.prdt-name br{display:none;}
.prdt-pric {
    color: #ff3a43;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    font-family: inherit;
    display: inline-block;
    width: 100%;
    margin-top: 5px;
	}
.s4-bx-conts{
    float: right;
    width: 58%;
    text-align: left;
    padding: 10px 15px;
    margin-top: 44px;
	}
.bx-pdt{
	position: absolute;
    top: 0px;
    left: 0;
    width: 296px;
    max-width: 100%;
	}
.bx-pdt2{
	position: absolute;
    top: 20px;
    left: -20px;
    width: 100%;
    max-width: 270px;
	}
.s4-bx4 .s4-bx-conts{
	float: left;
    margin-top: 275px;
	width:64%;
	}
.s4-bx4 a.s4btn{ margin-top:10px;}
.trand-name{
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    display: inline-block;
    width: 40%;
    background: url(../images/trend-img.png)left top no-repeat;
    height: 48px;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 10px 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
	}


@media only screen and (max-width: 1185px){
	
.s4-lft{ width: 494px;}	
.s4-rit{ width: 494px;}
.bx-pdt2{ max-width: 240px;}
.s4-bx2{ height:250px;}
.bx-pdt{ width:202px;}
.s4-bx-conts{ }
a.s4btn{ margin: 0px 0 0;}
.sec4-innr{ width:64%; padding: 30px 20px;}
.sec4-innr .bdsubhding { font-size: 32px; line-height: 42px; position: relative; z-index: 9;}
.sec4-innr .bdfont{ position:relative; z-index:1; width: 58%;}

}
@media only screen and (max-width: 1023px){
.sec4{ padding:40px 0; background-size:cover; height:auto;}
.sec4-innr { width: 52%; margin-top: 0px; padding: 20px 15px; text-align:center; }
.s4-lft, .s4-rit{ width:372px;}
.trand-name { font-size: 18px; width: 42%; background: url(../images/trend-img.png)left -40px top no-repeat;}
.s4-bx-conts { width: 100%; margin: 22px 0 0;}
.bx-pdt2 { max-width: 120px; position: relative; display: block; margin: 0 0 5px; top: 20px; left: 20px;}
.bx-pdt { width: 145px; left: auto; right: 18px; top: 65px;}
.s4-bx4 .s4-bx-conts { margin-top: 260px; width: 90%; background: rgba(255,255,255,0.8);}
.s4-bx-cont { width: 100%;}
.s4_dogs_imgs{ position:static; display:block; margin:0 auto 10px; max-width:200px;}
.sec4-innr .bdsubhding { font-size: 26px; line-height: 32px;}
.sec4-innr .bdfont{ width:100%; }
}
@media only screen and (max-width: 767px){
.s4-lft, .s4-rit {
    width: 100%;
}
.s4-bx2 {
    height: 196px;
}
.prdt-name{font-size: 20px;}
.bx-pdt {width: 210px; left: auto; right: -20px;    top: 0;}
.bx-pdt2 {position: absolute;left: auto; right: 0; top: 0px;  max-width: 200px;}
.trand-name {
    width: 45%;}
}
@media only screen and (max-width: 479px){}
@media only screen and (max-width: 359px){}
/*********************************/
.sec6{
	padding: 50px 0 60px;
    background: #f7f7f7;
    float: left;
    width: 100%;
    text-align: center;
	}
.s6-mid {
    float: left;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}
.s6-lft {
    float: left;
    width: 55%;
    text-align: left;
}
.s6-lft .bdfont{ width:90%;}
.s6-img {
    float: right;
    width: 41%;
}
.s6-img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    border-radius: 20px;
}
@media only screen and (max-width: 1185px){
}
@media only screen and (max-width: 1023px){
	ul.s4list li{width: 23%;}
}
@media only screen and (max-width: 767px){
	.sec6{padding:30px 0;}
	.s6-lft{ width:100%; text-align:center;}
	.s6-img{ width:100%; margin:10px 0;}
	.s6-lft .bdfont{ width:100%;  font-size: 17px; line-height:26px;}
}
/*****************************/
.strip{
	float: left;
    width: 100%;
    padding: 50px 0 80px;
    text-align: center;
    background: #fff;
    border-top: 1px solid #fff;
    position: relative;
	}
.strip-innr{
	display:inline-block;
	text-align:center;
	width:100%;
	}
.strip-innr2{
	display:inline-block;
	width:100%;
	padding:0px 0px;
	}
.strip ul{
    float: left;
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 15px;
    column-gap: 14px;
    margin-top: 0px;
	}
.strip ul li{
    float: left;
    width: 24%;
    position: relative;
    padding: 0px 0px 0px;
    font-size: 17px;
    line-height: 26px;
    text-align: center;
	}
.strip ul li img{
	display:block;
	margin:0 auto 15px;
	}
.strip ul li span{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
	}
.strip ul li:last-child{ margin-right:0;}
.sty-sec_bx{     
	float: left;
    width: 100%;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 15px;
    column-gap: 12px;
	}
.sty-sec_bx1, .sty-sec_bx2{
	float: left;
    width: 49%;
    text-align: left;
    background: #fff9ef;
    border: 2px solid #fcefd8;
    border-radius: 10px;
    position: relative;
    padding: 50px 245px 50px 30px;
	}
.sty-sec_bx2{ float:right; }
.bx-hdg {
       font-size: 30px;
    line-height: 38px;
    color: #000000;
    margin: 0px 0px 0;
    font-weight: 700;
    text-transform: capitalize;
    display: inline-block;
    width: 100%;
}
.bx-txt {
   font-size: 17px;
    line-height: 26px;
    color: #000000;
    margin: 10px 0px 0px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
}
img.bx_img {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 250px;
}
.strip-innr_bar{
	float:left;
	width:100%;
	position:relative;
	z-index:1;
	padding:35px 20px;
	background:#cb7e2d;
	margin-top:180px;
	}
.dis_txt{
	float:left;
	width:48%;
	text-align:left;
	font-size:70px;
	line-height:80px;
	text-transform:uppercase;
	font-weight:800;
	color:#fff;
	}
.odr-text{
	float: right;
    width: 48%;
    text-align: right;
    font-size: 50px;
    line-height: 58px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    margin-top: 10px;
	}
.puppy_imgs{
	position: absolute;
	top: -163px;
    left: 50%;
    transform: translateX(-57%);
	}

@media only screen and (max-width: 1185px){

.strip{ padding:50px 0 80px;}
.strip ul{ column-gap:13px;}
.strip ul li{ padding:0 0;}
.strip ul li span { font-size: 20px;}
.s3prd{
	left:60px;
	top:390px;
	width:370px;
}
ul.s3list li {
    margin: 50px 13px 0px 0;
    padding: 30px 10px;
}
.s3hding2{padding:90px 0 0 0;}
.strip-innr { width: 100%;}
.sty-sec_bx1, .sty-sec_bx2 { padding: 40px 215px 40px 30px;}
.bx-hdg { font-size: 28px; line-height: 38px;}
img.bx_img{ max-width:230px;}
sty-sec_bx2 img.bx_img{ max-width:190px;}
.puppy_imgs { max-width: 555px; top: -160px;}
.dis_txt { font-size: 56px; line-height: 70px;}
.odr-text { font-size: 45px; line-height: 56px;}

}
@media only screen and (max-width: 1023px){
.sec3{ padding: 25px 0 45px;}
.sec3-model { width: 352px;}
.s3txtarea{ padding:0px 0;}
.s3-lft{width: 28%;}
.s3-inr { width:100%; column-gap: 10px; row-gap: 30px;}
.s2-btm-tx1 {font-size: 16px;}
.s2-inr-bx a.s1btn { width: 200px;}
ul.s3list li { margin: 14px 0 0 0; width: 41%;}
.s3lhding{font-size:21px;line-height:26px;	}
.s3prd{ left:0; top:390px;width:300px;}

.strip { padding: 40px 0 0px;}
.strip-innr { width: 100%;}
.strip-innr2{ padding:0 0;}
.strip ul { margin-top: 0px; column-gap: 10px; justify-content: center;}
.strip ul li{ width: 38%; padding: 0px 0px;}
.strip ul li span{font-size: 18px;}
.padng{ padding:0 0px;}
.strip ul li img{ max-width: 60px; margin: 0 auto 10px;}
.sty-sec_bx { margin-top: 30px; justify-content: center;}
img.bx_img, .sty-sec_bx2 img.bx_img{ max-width: 140px; position:static; display:block; margin:0 auto 10px; }
.sty-sec_bx2 img.bx_img{ max-width: 100px; position:static; display:block; margin:0 auto 10px; }
.sty-sec_bx1, .sty-sec_bx2{ text-align:center; padding:20px 15px;}
.bx-hdg { font-size: 18px; line-height: 28px;}
.bx-txt { margin: 2px 0px 0px;}
.strip-innr_bar { text-align: center; padding: 15px 20px; background: #cb7e2d; margin-top: 15px; border-radius: 10px;}
.puppy_imgs{ position:static; display:block; margin:0 auto 10px; max-width: 310px; transform: none;}
.dis_txt{ width:35%; float:none; display:inline-block; text-align:center; font-size:20px; line-height:28px;}
.odr-text{ width:35%; float:none; display:inline-block; text-align:center; font-size:20px; line-height:28px; margin-top:0;}

}
@media only screen and (max-width: 767px){
.show-desk{ display:none;}
.show-tab{ display:none;}

.strip-innr { width:100%; text-align:center;}

.sec3{ padding:30px 0px;}
.sec3:before{ display:none; }
.s3txtarea{width:100%; text-align:center; padding:0;}
.sec3-model {max-width: 270px;position: static;right: 0;margin: 0 auto 0;width: 100%;}
.s3hding, .s3subhding{text-align:center;}
.s3hdimg{display:none;}
.s3prd-mob{margin:20px auto 10px auto;display:block;/*width:350px;*/border-radius:16px;}
ul.s3list li{ width:48%; min-height:211px;}

.strip ul { margin-top: 0px;  column-gap: 6px; justify-content: center;}
.strip ul li{ padding: 18px 20px; width: 100%; max-width: 355px; font-size: 16px; line-height: 26px; box-shadow: 0px 0px 5px #bbb;}
.strip ul li span { font-size: 18px; line-height: 26px; margin-bottom: 0;}
.strip ul li:last-child{ margin-bottom:0;}
.strip ul li img{ position: relative; display: block; margin: 0 auto 10px; max-width: 55px;}
.s3-inr { width: 100%; column-gap: 10px; row-gap: 18px; margin-top:20px;}
.s3-lft {  width: 100%;  background: #ff3a43; padding: 10px; margin-top: 10px;}
.s3-lft a.bnrbtn { margin-top: 0;}
.s2-btm-tx1 { padding: 0 0px; line-height: 26px; font-size: 17px; min-height: 50px;}
.sty-sec_bx { margin-top: 20px;}
.sty-sec_bx1, .sty-sec_bx2{ width:100%; max-width:355px; }
.bx-txt { font-size: 15px; line-height: 25px;}
img.bx_img, .sty-sec_bx2 img.bx_img { max-width: 125px;}
.strip-innr_bar{ margin-top:10px;}
.puppy_imgs { max-width: 275px;}
.dis_txt, .odr-text { width: 100%; font-size:18px; line-height:28px;}

.strip { padding: 30px 0 0;}






}
@media only screen and (max-width: 479px){
ul.s3list li{padding:20px; width:100%; min-height:auto;}
.s3l-icon1{left:10px;}
.s3l-icon2{left:0;}
.s3l-icon3{left:5px;}
}
@media only screen and (max-width: 359px){

}
/*================start section4===================*/
.lowerpart{background:#fff; float:left; width:100%; overflow: hidden;}

.s4hding{text-align:center;}
.s4txt{text-align:center;padding:7px 0 0 0;}
.s4sldr{margin:45px 0 0 0;}
/*-----------section 5--------------*/
.sec5{padding:0px 0;}
.contactbox{
	background: #ff3c00; /* For browsers that do not support gradients */
	text-align:center;
}
.contlft, .contrgt{
	    float: left;
    display: inline-block;
    width: 100%;
    position: relative;
	padding:40px 0;
}
.conthding{
	font-size: 30px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    padding: 10px 0 0 0;
    font-weight: 700;
}
.contspr-sub-hed {
    font-size: 20px;
    color: #fff;
}
.contsubhding{
	font-size:20px;
	line-height:24px;
	color:#fff;
	text-align:center;
	padding:12px 0 0 0;
}
.emailfld{
	width: 40%;
    height: 48px;
    margin: 25px auto 0 auto;
    display: inline-block;
    background: #fff;
    border: 1px solid #f79e1b;
    /* border-radius: 30px; */
    padding: 3px;
    vertical-align: top;
}
.email, .signup{
	float:left;
	display:inline-block;
}
.email{
	width:70%;
	appearance:none;
	-webkit-appearance:none;
	border:none;
	outline:none;
	
	font-size:16px;
	color:#868686;
	text-align:left;
	padding:0 20px;
	height:42px;
	background:none;
}
.signup{
	width:30%;
	height:42px;
	background:#f79e1b;
	font-weight:600;
	font-size:18px;
	line-height:42px;
	color:#fff;
	text-align:center;
	border:none;
	outline:none;
	cursor:pointer;	
}
ul.sllink-list{text-align:center;padding:26px 0 0 0;}
ul.sllink-list li{
	display:inline-block;
	margin:0 12px;
}
.conbxbg{
	position:absolute;
	left:0;
	right:0;
	top:74px;
	margin:0 auto;
	display:block;
}
/*------------start footer--------------*/
footer{padding:40px 0 40px 0; background:#000000;}
.ftrlogo{ margin: 0 auto;
    float: left;
    max-width: 100%;}
ul.ftrlist{padding:28px 0 0 0;text-align:center;}
ul.ftrlist li{
	display:inline-block;
	border-right:1px solid #505050;
	padding:0 20px;
	font-size:18px;
	line-height:18px;
	color:#505050;
	text-align:center;
}
ul.ftrlist li a{color:#505050;}
ul.ftrlist li:last-child{border-right:none;}
.ftrdvdr{
	    margin: 28px auto 26px auto;
    background: #ccdce2;
    height: 1px;
    display: block;
    float: left;
    width: 100%;
}
.ftrtxt1{
	float:right;
	font-size:18px;
	line-height:18px;
	text-align:right;
	color:#505050;
}
.ftrtxt1 a{color:#505050;}
.ftrtxt2{
   float: left;
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    text-align: left;
    margin-top: 30px;
    font-weight: 500;
    text-transform: capitalize;
}
.dicclmr{
	    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    line-height: 22px;
	font-size:16px;
	}
.crop-info{
    float: left;
    width: 100%;
    padding: 0 0px;
    text-align: left;
    margin-top: 10px;
}
p.disclmr {
    float: left;
    width: 100%;
    font-size: 20px;
}
.crop-infohding {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    text-align: left;
    margin-bottom: 14px;
    text-decoration: underline;
}
.crop-infotxt{
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	/* text-align: center; */
	display: inline-block;
	margin: 6px 0px;
	position: relative;
	padding: 0 0px;
	width: 100%;
}
.crop-infotxt a{ color:#000;}
.crop-infotxt:last-child:after{ border:none;}	
.footer-col{
	float: left;
	width: 40%;
}
.footer-col-2 {
    width: 22%;
}
.footer-col-3 {
    width: 20%;
}
.footer-col-4 {
    width: 38%;
}
img.footer-logo {
    max-width: 270px;
}
ul.foter-links {
    float: left;
    width: 100%;
}
ul.foter-links li {
    float: left;
    width: 100%;
    margin-top: 15px;
}
ul.foter-links li a {
    float: left;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.3px;
}
@media only screen and (max-width: 1185px){
.ftrtxt1{ font-size:15px; font-weight:400;}
.s4sldr{margin:35px 0 0 0;}
.contsubhding{font-size:18px;}
}
@media only screen and (max-width: 1023px){
/*-----------section 5--------------*/
.sec5{padding:15px 0 0 0;}
.conthding{
	font-size:31px;
	line-height:35px;
}
.contsubhding{
	font-size:18px;
	line-height:22px;
	padding:8px 20px 0 20px;
}
.conbxbg{
	top:97px;	
	width:50px;
}
.emailfld{width:86%;}
.email{width:66%;}
.signup{width:34%;}
/*------------start footer--------------*/
footer{padding:30px 0;}
ul.ftrlist{padding:18px 0 0 0;}
img.footer-logo { max-width: 190px;}
}
@media only screen and (max-width: 767px){
.sec4{padding:30px 0 30px 0;}
.sec4_model_img{ position:static; display:block; margin:0 auto 0;}
.sec4-innr { width: 100%; margin-top: 15px; padding: 15px 10px;} 
.sec4-innr .bdsubhding { font-size: 22px; line-height: 28px;}
.s4sldr{margin:25px 0 0 0;}
/*-----------section 5--------------*/
.contactbox{height:auto;background:none;}
.contlft, .contrgt{width:100%;background:#ff3c00;padding:25px 15px;height:auto;}
.contrgt{background:#329f2f;}
.conthding{
	font-size:31px;
	line-height:35px;
	padding:0;
}
.contsubhding{padding:20px 0 0 0;}
.conbxbg{display:none;}
.emailfld{width:100%;margin:25px auto 0 auto;}
ul.sllink-list{padding:16px 0 0 0;}
/*------------start footer--------------*/
footer{    /* background: #fff; */ padding: 10px 0 20px;}
ul.ftrlist{padding:12px 0 0 0;}
.ftrdvdr{margin:18px auto 16px auto;}
ul.ftrlist li{padding:0 10px;}
.ftrtxt1, .ftrtxt2{
	float:none;
	display:block;
	text-align:center;
}
.ftrtxt2{padding:10px 0 0 0; font-size:17px; margin-top:0;}
p.disclmr{ font-size:16px; line-height:24px;}
.footer-col{ width:100%; text-align:center;}
.crop-infohding{ margin-bottom:5px;}
img.footer-logo{ display:inline-block; max-width: 150px; margin-top:15px;}
ul.foter-links li {width: auto; margin-top: 5px; display: inline-block; margin-right: 22px;}
}

@media only screen and (max-width: 479px){
/*-----------section 5--------------*/
.contlft, .contrgt{padding:20px 10px;}
.conthding {
        font-size: 24px;
    line-height: 36px;  
}
/*------------start footer--------------*/
ul.ftrlist li{font-size:16px;line-height:16px;padding:0 5px;}
.ftrtxt1{font-size: 15px; line-height: 24px;}
.ftrtxt2{font-size: 15px;   line-height: 20px;    padding: 8px 0 0 0;}
.crop-infotxt{ margin:3px 0; font-size:16px;width: 100%;}
.crop-infotxt:after{ display:none;}

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

.shop-prod-inr{ margin: 30px 0 0;}
.shop-prod-inr .s2-inr-bx{
/*	width: 32%;
    margin: 20px 5px 0;*/
	padding-bottom:20px;
}

.inner-top{
	background: #f8f8f8;
    padding: 10px 0;
    float: left;
    width: 100%;
}
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:#222;
	margin:0 10px 0 0;
}
ul.inner-top-list li a{ color:#222;}
ul.inner-top-list li:last-child{ margin:0 0 0 0;}
.inner-strip {
    float: left;
    width: 100%;
    text-align: center;
    background: #f7f7f7;
    margin-top: -4px;
    padding: 20px 0;
}
.secure-logo {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    max-width: 100%;
}

p.inner-strip-hd {
    font-size: 30px;
    line-height: 24px;
    color: #2d2d2d;
    padding: 0px 0 14px 0;
    font-weight: 700;
}
p.last-update {
    font-size: 18px;
}
/*================= product section1====================*/
.prd-sec1{   
	padding: 40px 0;
    float: left;
    width: 100%;
    text-align: center;
}
.prds1-lft, .prds1-rgt{
	display:inline-block;
	width:41.36%;
}
.prds1-rgt {
	width: 50%;
	background: #fff;
	padding: 0 20px;
	border-radius: 20px;
	float:right;
	text-align: left;
}
.slide-img{margin:10px auto;display:block;border:1px solid #f4f4f4; padding:30px 0;}

.prds1-hding{
	font-size: 30px;
	line-height: 40px;
	color: #222;
	text-align: left;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 10px;
}
.prds1-view img {
    display: none;
}
.prds1-hding span{
	font-size:20px;
	font-weight:400;
	display:block;
	}
.details-s1-left{
	float: left;
	width: 48%;
	position: relative;
	background:#e1dede;
	padding: 15px 20px;
}
.prd-slide-div{
	padding:0;
	float:left;
	width:100%;
	background:#fff;
}
.prds1-dvdr{
	height: 1px;
	background: #ebebeb;
	margin: 10px auto 0px 0;
	float: left;
	width: 100%;
}
.prds1-rgt .bdfont{
	margin-top: 10px;
	color:#cc3131;
	font-size: 18px;
	line-height: 28px;
	padding-bottom: 0px;
	width: 100%;
}
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;}
.prd-txt1 {
	float: left;
	width: 100%;
	font-size: 22px;
	line-height: 22px;
	color: #000000;
	font-weight: bold;
	margin-top: 15px;
}
.prd--desctxt{
	font-size: 17px;
    font-weight: 400;
    width: 100%;
	line-height:26px;
    float: left;
	margin-top:10px;
	}
ul.prds1-list{
	padding: 10px 0 10px 0;
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;}
ul.prds1-list li{
    text-align: left;
    padding: 0 0 0 0px;
    margin: 0px 0 0px 0;
    font-size: 17px;
    font-weight: 400;
    width: 100%;
    float: left;
    color: #585858;
    line-height: 28px;
}
ul.prds1-list li span{ font-weight:700;}
.prds1-pkg1, .prds1-pkg2{}
.prds1-pkg2{margin:11px 0 0 0;}
.selected{
}
.prdpkg-lft, .prdpkg-rgt{
	display: inline-block;
	font-size: 26px;
	line-height: 40px;
	color: #222;
	padding: 0px 0px 10px 0;
	font-weight: 700;
	float: left;
	width: 100%;
}
.prdpkg-rgt{
	width:20%;
	padding:2px 0 0 10px;
	text-align:right;
}
p.aval-status {
        font-size: 18px;
    font-weight: 300;
    float: right;
    /* width: 100%; */
    margin-top: 10px;
}
p.aval-status span{
	    font-weight: 400;
    color: #32b500;
	}
.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;
}
.prd-dets-btm .bnrbtn {
    color: #0080b5;
    border: 1px solid #0080b5;
	margin-top: 10px;
}
.prd-dets-btm .bnrbtn:hover{color:#fff;}
a.pkgbtn, .pkgcards{float:left; display:inline-block; margin:0 0 0 40px;}
.pkgcards{margin:34px 0 0 0;}

.prd-dets-btm {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 20px;
    padding: 20px;
    background: #ebebeb;
}
.catagory-select {
    float: left;
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 10px;
}
.catagory-select h3 {
	font-size: 21px;
	font-weight: 500;
	margin-bottom: 15px;
	}
.catagory-select form {
    float: left;
	width: 47%;
}
.catagory-select form label {
    font-weight: 600;
    color: #000000;
    font-size: 18px;
    display: block;
    margin: 13px 0;
}
.catagory-select form select{
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset;
    color: #555;
    display: block;
    font-size: 16px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
	}
.inner {
    float: left;
    width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 8px;
    column-gap: 10px;
}

.inner .size-link {
    float: left;
    width: 11%;
    border: 1px dotted #333;
    padding: 8px 0;
    color: #333;
}

.inner .size-link.active {
    border: 1px solid #ff3c00;
    background: #ff3c00;
    color: #fff;
    border-radius: 5px;
}

.select-size {
    float: left;
    width: 100%;
}

.size-guide-box {
    float: left;
    margin: 20px 0 0 0px;
    font-size: 20px;
    font-weight: 400;
	width:48%;
}
.size-guide-box a{
	color: #191919;
    font-size: 20px;
    font-weight: 400;
    text-decoration: underline;
	}

/*-------------- */
.prd_quantity {
    font-size: 20px;
    line-height: 28px;
    color: #000;
    margin-top: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
    float: left;
    width: 100%;
}
.prd_quantity p {
    display: inline-block;
    vertical-align: middle;
}
.wan-spinner2 {
    display: inline-block;
    vertical-align: middle;
	border:1px solid #d2d2d2 !important;
}
.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;
  background:#fff;
}

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

/*********** 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: 1185px){
.prds1-hding {
    font-size: 28px;
    line-height: 38px;
}
}
@media only screen and (max-width: 1023px){

.shop-prod-inr .s2-inr-bx{}
.slide-img{width:270px;}	
.prds1-hding {
    font-size: 26px;
    line-height: 36px;
}
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:0px 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;}

.details-s1-left{ width:38%;}
.prds1-rgt{ width: 54%; padding:0;}
}
@media only screen and (max-width: 767px){
.shop-prod-inr .s2-inr-bx{ width: 48%; max-width: 100%;}
.shop-prod-inr{ margin-top:20px;}
.inner-top{margin:2px 0 0 0;}
ul.inner-top-list li{ font-size:14px;}
.prd-sec1{padding:20px 0 20px;}
.prds1-lft, .prds1-rgt{width:100%;}
.prds1-rgt{margin:0px 0 10px 0;}
.details-s1-left{ width:100%;}
.prds1-rgt .bdfont{ margin-top:8; width:100%}
.inner .size-link{width: 15%;}
.prds1-hding, .prds1-view{}
.prds1-view{margin:8px 0 0 0;}
.slide-img{margin:20px auto -10px auto;}
.catagory-select,.prds1-pkg1{width:100%}
.prd-dets-btm{padding:10px;}
ul.prds1-list li{width:100%;}

}
@media only screen and (max-width: 479px){
.slide-img{width:220px;}
.prds1-hding {
	font-size: 28px;
	line-height: 34px;
}
ul.prds1-list li { font-size: 16px; line-height: 24px;}	
.prdpkg-lft{
	    line-height: 32px;
    font-size: 24px;
    padding-top: 0;
}
.prdpkg-rgt{
	height:46px;
	width:25%;
	font-size:17px;
	padding:0 0 0 0;
}
.size-guide-box {
}
.prds1-pkg1 {
    margin: 0;
}
.prd-sec4 {
	margin:0 !important;
	padding: 10px 0 2px;
}
p.inner-strip-hd {
    font-size: 24px;
	padding: 0px 0 8px 0;
}
.shop-prod-inr {
    margin-bottom: 0;
}
.prdpkg-save{
	height:43px;
	width:70px;	
	font-size:13px;
	line-height:18px;
	padding:3px 0 0 0;	
}
.prd_quantity{ 
	float: left;
    width: 100%;
    margin: 5px 0 0;
    }
.prdpkg-save span{font-size:19px;}
ul.mglist{text-align:center;}
ul.mglist li, ul.mglist li:last-child{text-align:center;margin:10px 10px 0 0;float:none;display:inline-block;}
ul.mglist li:last-child{margin:10px 0 0 0;}
ul.mglist li:first-child{width:100%;margin:0;}
.rdio{width:18px;height:18px;background-size:100%;}
.rdio:checked{background-size:100%;}

}
span.nt-txt {
    float: left;
    width: 100%;
    margin: 15px 0;
}
/*================= product section2====================*/
.prd-sec2{margin-top:50px;}
.tabhding{
	    font-weight: 500;
    font-size: 30px;
    line-height: 34px;
    color: #2f2422;
    text-align: left;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 20px;
}
.tabtxt1{padding:15px 0 0 0;}
.tabimg1{float:right;margin:-30px 0 0 0;}
img.ing-img {float: left; margin-top: 10px;}
.salve-tabimg1{float:right;margin:0 0 20px 0;}
.salve-tab2img1{float:right;margin:20px 0 0 0;}
.rollon-tabimg1{float:right;margin:-50px 60px 0 80px;}
.rollon-tabimg2{float:right;margin:30px 60px 0 80px;}
.benefit-box, .feature-box{
	float:left;
	display:inline-block;
	width:50%;
	margin:20px 0 0 0;
}
.bnfhding, .tabsubhding{
	font-weight:600;
	font-size:20px;
	line-height:35px;
	text-align:left;
	background:url(../images/keyfact-icon.png) left 5px no-repeat;
	padding:0 0 0 36px;
}
.feature{background:url(../images/help-icon.png) left top no-repeat;}

.tabsubhding{
	margin:40px 0 0 0;	
	padding:0 0 0 30px;
	border-bottom:1px dotted #ff3c00;
	background:url(../images/safe-icon.png) left 3px no-repeat;
}
ul.bnflist{padding:10px 0 0 0;}
ul.bnflist li{
	background:url(../images/bullet2.png) left 6px no-repeat;
	margin:5px 0 0 0;
	padding:0 0 0 25px;
}
ul.rlflist{padding:10px 0 0 0;}
ul.rlflist li{
	float:left;
	display:inline-block;
	margin:20px 45px 0 0;
	text-align:center;
}
ul.rlflist li img{
	margin:0 auto;
	display:block;
}
.tabstep-hding{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding:30px 0 0 0;
}
.tabstep-subhding{
	font-size:22px;
	line-height:28px;
	font-weight:600;
	color:#ff3c00;
	text-align:left;
	padding:10px 0 0 0;
}
.tabtxt2{padding:8px 0 0 0;}
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;}

@media only screen and (max-width: 1185px){
.prd-sec2{padding:50px 0;}	
ul.rlflist li {margin: 20px 31px 0 0;}
.benefit-box, .feature-box{margin:40px 0 0 0;}
}
@media only screen and (max-width: 1023px){
.prd-sec2{padding:30px 0 50px 0;}
.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;}
}
@media only screen and (max-width: 767px){
.prd-sec2{padding:20px 0 20px 0; margin-top:0;}
.tabhding{
	font-size:24px;
	line-height:26px;
}
.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;
}
}
@media only screen and (max-width: 550px){
.rollon-tabimg1{float:right;margin:0 0;}
.rollon-tabimg1-mob{margin:-30px 0 0 0;width:120px;}
}
@media only screen and (max-width: 479px){
.benefit-box, .feature-box{width:100%;}
.tabsubhding{line-height:25px;padding:0 0 6px 30px;}
ul.rlflist li {
    margin: 10px 22px 0 0;
}
ul.bnflist li{padding:0 0 0 25px;}
ul.lablist li{margin:20px 0 0 0;width:100%;}
.rollon-tabimg1, .rollon-tabimg2{
	float:none;
	margin:20px auto -10px auto;
	display:block;
	width:100px;
}
}
@media only screen and (max-width: 400px){
.rollon-tabimg1-mob{
	float:none;
	margin:20px auto -10px auto;
	display:block;
	width:100px;
}
}
@media only screen and (max-width: 359px){
ul.inglist li.lft, ul.inglist li.rgt{	
	width:100%;
	padding:0 0 0 25px;
}
ul.rlflist li {
    margin: 10px 15px 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: 1185px){
.prd-tcontainer{width:100%;}
}
@media only screen and (max-width: 1023px){
.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;	
}
}
@media only screen and (max-width: 359px){
.prd-tbx1, .prd-tbx2{padding:20px 0 0 0;}
.name-symbol{
	position:inherit;
	left:auto;
	top:auto;
	margin:0 0 10px 0;	
}
}
/*================= product section4====================*/
.prd-sec4 {
	float: left;
	width: 100%;
	padding: 30px 0;
	background: #fff;
}
.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;
}
.prd-sec4 .s2-btm-tx3{ margin: 10px 0 5px;}
@media only screen and (max-width: 1185px){
.prd-sec4{padding:35px 0 40px 0;}
.prd-container{width:650px;}
.prdbx-txt{height:180px;}
}
@media only screen and (max-width: 1023px){
.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 15px 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: 80%;
    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%;
	}
.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%;}
	}





/*****************************/
/*TERMS- PRIVACY*/

.tems_bg {
	float: left;
	width: 100%;
	padding: 40px 0;
}
.trm-bx {
	background: #fff;
	width: 100%;
	float: left;
	text-align: left;
}
.trm-bx h1 {
	line-height: 30px;
    color: #000000;
    margin: 0;
    padding: 0px 0 10px;
    font-size: 22px;
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: 700;
    border-bottom: 5px solid #000000;
}
.trm-bx h3 {
	line-height: 28px;
	text-align: left;
	font-size: 24px;
	float: left;
	width: 100%;
	margin: 0px 0 15px;
	color: #000;
	font-weight: 600;
}
.trm-bx li {
	font-size: 16px;
    line-height: 24px;
    float: left;
    width: 100%;
    list-style: decimal;
}
.trm-bx ol li {
    list-style: lower-roman;
}
.trm-bx li ol li {
    list-style: lower-alpha;
}
.trm-bx strong {
	text-transform: capitalize;
}
.trm-bx span {
	text-transform: capitalize;
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
}
.trm-bx p {
	font-size: 16px;
	line-height: 24px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-weight: 400;
}
.trm-bx .prd-lst br {
    display:none;
}
.trm-bx h4, .trm-bx h5 {
	    font-size: 22px;
    float: left;
    width: 100%;
    margin: 0px 0 10px;
    font-weight: 500;
    line-height: 30px;
}
.ingr-lst h4 {
    text-align: center;
}
.ingr-lst img {
    display: block;
    margin: 0 auto 20px;
    max-width: 530px;
    width: 100%;
}
.trm-bx h5 {
	font-size: 20px;
	font-weight: 500;
}
.privacy-list {
	padding: 0 0 0 30px
}
.privacy-list li {
	font-weight: bold;
}
.privacy-list li p {
	font-weight: normal;
	margin-top: 10px;
}
.mrg-tp {
	margin: 15px 0 !important;
	float: left;
	width: 100%
}
.trm-txt {
	float: left;
	width: 100%;
	background: #fff;
	padding: 20px 20px
}
.disclr-bx {
	border: 2px solid #000;
	padding: 10px;
	font-weight: 500;
	float: left;
	width: 100%;
	margin: 0;
}
.disclr-bx p {
	margin-bottom: 0;
	font-weight: bold;
}
.trm-bx ol, .trm-bx ul {
	margin-bottom: 20px;
    float: left;
    width: 100%;
    font-weight: 400;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}
.trm-bx .disclmr {
	width: 100% !important;
}
.trm-bx table {
    float: left;
    width: 100%;
    border-collapse: collapse;
}
.trm-bx table td, .trm-bx table th {
    padding: 14px;
    border: 1px solid #ccc;
}

/********************************/
.age-pop-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0
}
.pop-up-bg {
	    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 9999600;
    border: 0px;
    opacity: 0.3;
    background: #000;
}
.pop-up-bg-in {
	position: fixed;
    bottom: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background:#470c0c;
    transition: left 1s ease 0s;
    z-index: 10000010;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    text-align: center;
    display: flex;
    justify-content: center;
}
.pop-up-left {
	width: 100% ;
	height: 100% ;
	position: fixed ;
	left: 0px ;
	top: 0px ;
	border: 0px;
	background-color: rgb(0, 0, 0) ;
	display: none ;
	opacity: 0.8 ;
	z-index: 10000001 ;
}
.pop-up-left-txt {
	font-size: 16px;
    box-sizing: initial;
    overflow-wrap: break-word;
    transition: left 1s ease 0s;
    display: flex;
    text-align: left;
    padding: 20px;
    line-height: 24px;
    color: #fff;
    float: left;
    width: 100%;
    justify-content: center;
    align-items: center;
    max-width: 1000px;
	flex-wrap: wrap;
}
.pop-innr {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 200px);
}
.pop-btn {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
}
.pop-up-left-txt span{
	font-weight: 700;
    font-size: 24px;
    margin-bottom: 15px;
    display: block;
	}
.pop-up-left-txt a{ text-decoration:underline;     display: inline-block; color: #fff}
.yes-btn, .no-btn {
    cursor: pointer;
    margin-top: 10px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    outline: none;
    box-shadow: none;
    background:#50bfea;
    appearance: none;
    transition: left 1s ease 0s;
    display: inline-block;
    padding: 10px 20px;
    line-height: 16px;
    border-radius: 5px;
    border: none;
}
.no-btn {
    background: #333;
}
.yes-btn {
	
}

@media screen and (max-width:767px) {
	.pop-innr{ width:100%; text-align:center;}
}