@charset "utf-8";
/* CSS Document */
.show-mob, .show-tab {display: none;}
.show-desk {display: block;}

/*---------Media Querry---------*/

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

ul.mainMenu li{ padding:0 12px;}

/*-----------------------
CSS FOR BANNER
-------------------------*/
.banner{ padding:50px 0;}
.bnr-rit { width: 51%;}
.bnr-btl { max-width: 222px; width: 100%; top: 160px; right: 82px;}
.bnr-btl1{ max-width: 198px; top: 185px; right:205px;}
.bnr-btl2 { position: absolute; right: -17px; top: 185px; max-width: 198px;}
.bnr-p1 { font-size: 48px; line-height: 52px;}
.bnr-p2 { font-size: 50px; line-height: 58px;}
.bnr-p3 { font-size:18px; line-height:28px;}
.bnr-ul li{ font-size:16px;}
/*-----------------------
CSS FOR SECTION 1
-------------------------*/

.section-1, .section-2, .section-3, .section-4, .section-5 { padding: 50px 0;}
.s1-rit{ width:46%;}
.sec1-p1 { font-size: 36px; line-height: 48px;}
.sec1-p2 { font-size: 18px; line-height: 30px;}
.sec1-p3{ font-size: 17px;}
.sec1-ul li {width: 32.3%}
.sec1-ul li .sec1-p2{font-size: 16px;}
.orng-btl{background-position: 40% top;}
.sec1-ul li:nth-child(2) {margin: 0 1.5%;}
.s2-p1 {font-size: 21px;line-height: 24px;}
.sec1-model{width: 520px;}
.s1-rit .show-btn { margin-top: 25px;}
/**********************/
.prod-box li{width:32%;}
/*-----------------------
CSS FOR SECTION STRIP
-------------------------*/
.strip{ padding:50px 0;}
.strip-ul{ margin-top:35px;}
.strip-ul li {width: 32%;}
/*-----------------------
CSS FOR SECTION 2
-------------------------*/
.sec2{ padding:50px 0;}
.prod-box{ padding:34px 0 0;}
.prdt-imgs{ padding:7px 10px;}
.s2prd-hding { font-size: 18px;}
.s2prd-hding span{ font-size:26px;}
.s2prd-prc, .s2prd-prc2{ font-size:26px;}
/*-----------------------
CSS FOR SECTION 3
-------------------------*/
.sec3{ padding:50px 0; height:480px;}
.sec3-btl{ left: 70px; transform: rotate(26deg);}
.sec3-btl1 { right: 75px;}

}

@media only screen and (max-width:1021px){
.container{width:750px;}

.top-fix-bar{margin-bottom:65px;}
.header{height:65px; margin-top:-65px; top:65px;}
.logo{ width: 170px; margin-top: 13px;}
ul.topMenu{margin:14px 0 0 0;}
ul.topMenu li{padding:2px 13px}
ul.topMenu li:last-child{ display:none;}
ul.topMenu li a{font-size:15px;}
a.nav-btn{font-size:18px; width:140px; height:45px; line-height:44px; margin-top:1px;}
	
/*-----------------------
CSS FOR BANNER
-------------------------*/
.banner {
	padding: 40px 0;
	background-size: cover;
    background-position: 40% top;
}
.bnr-rit { width: 58%;}
.bnr-btl {
    right: 20px;
    max-width: 205px;
    top: 190px;
}
.bnr-btl1{
    right: 100px;
    max-width: 185px;
    top: 208px;
}
.bnr-btl2 {
    right: -50px;
    top: 210px;
    max-width: 185px;
}
.bnr-p1 {
    font-size: 44px;
    line-height: 48px;
}
.bnr-p2 {
    font-size: 42px;
    line-height: 52px;
}
.bnr-ul li {
	font-size: 17px;
	line-height: 26px;
	padding: 0 5px;
	font-weight: 600;
}

/*-----------------------
CSS FOR SECTION 1
-------------------------*/
.section-1, .section-2, .section-3, .section-4, .section-5 {
	padding: 40px 0;
}
.sec1-model { width: 360px;}
.s1-rit { width: 49%;}
.sec1-p1 { font-size: 32px; line-height: 42px;}
.sec1-p2 { font-size: 17px; line-height: 28px;}
.sec1-ul-2 {
	padding: 40px 0;
	justify-content: space-between;
}
.sec1-ul-2 li {
	padding: 0 10px;
}
.orng-btl {
	background-position: 30% center;
	padding: 37px 35px;
	overflow: hidden;
}
.orng-btl1{
	top: -30px;
    right: 140px;
}
.orng-btl2{
	    right: -10px;
    max-width: 100px;
    top: -30px;
}
/*-----------------------
CSS FOR SECTION 2
-------------------------*/
.sec2 { padding: 40px 0;}
.sec2 .sec1-p2 { width: 100%;}
.prod-box li{width:32%;}
.s2prd-hding span { font-size: 20px;}
.s2prd-prc, .s2prd-prc2 { font-size: 24px;}
/*-----------------------
CSS FOR SECTION STRIP
-------------------------*/
.strip { padding: 40px 0;}
.strp-lft{ width:45%;}
.strp-rit{ width:52%;}
.strip-ul li { padding: 20px 10px;}
.strip li img{ width:70px;}
.strip li p { font-size: 16px;}
.strip li p span { font-size: 24px; line-height: 30px;}

/*-----------------------
CSS FOR SECTION 3
-------------------------*/
.sec3 { padding: 40px 0; height: 450px;}
.sec3-btl { left: 0; max-width: 150px;}
.sec3-btl1 { right: 0; max-width: 150px;}
.s3-innr .show-btn {
    margin-top: 30px;
}
.section-3 {
	background: url(../images/sec3-bg.jpg) no-repeat 50% 20px;
}
.sec3-lft {
	width: 70%;
}
.s3-ul li {
	margin-bottom: 15px;
}
.s3-ul-2 {
	margin: 40px 0 0;
}
.mbg-img {
	top: 50%;
	margin-top: -73px;
}
.mbg-box {
	margin: 30px 0;
}

	.footer{padding:0 0 20px;}
	.ftr-tx a{padding:0 5px;}

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

.age-pop{ width:100%;}



.topStrip{height:25px;}
.click-bank{width:250px;}
.header{height: 50px;margin-top: -50px;top: 50px;padding: 10px 0;}
.logo{width: 180px;margin-top: 4px;}
a.nav-btn { width: 160px; margin-top: 0;}
.top-fix-bar{ margin-bottom:50px;}

.btn-tx:before, .btn-tx:after {
    margin: 0 10px;
    width: 50px;
}

/*MOBILE MENU CSS*/
.mob-mnu-ic{
    cursor: pointer;
    position:absolute;
    right:10px;
    top:5px;
	z-index:16;
	height:30px;
	}
.mob-mnu-ic button{
	outline: none;
    -webkit-appearance: none;
	background: none;
	padding:0;
    cursor: pointer;
	border: none;
	margin:0;
	}
.mob-mnu-ic span{
	color:#fff;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	margin-top:4px;
	margin-right:5px;
	}
.bar1, .bar2, .bar3 {
	width: 30px;
	height: 4px;
	background-color: #333;
	transition: 0.4s;
	}
.bar2{margin: 5px 0;}

.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-8.5px, 6px);
	transform: rotate(-45deg) translate(-8.5px, 6px);
	background:#333;
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-7px, -4px);
	transform: rotate(45deg) translate(-7px, -4px);
	background:#333;
	}
	
.mobilemenu{
	left:0;
	position:fixed;
	top:60px;
	background:#fff;
	z-index:12;
	right:0;
	bottom:0;
	overflow:scroll;
	display:none;
	border-top:1px solid #ddd;
	}
.mobimenu-top{ top:55px;}
.mobilemenu li{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px solid #ddd;
	}
.mobilemenu li a{
	float:left;
	width:100%;
	padding:17px 20px;
	font-size:18px;
	color:#000;
	}
.mobilemenu li a.header-btn {
    float: left;
    width: 150px;
    font-size: 18px;
    color: #ffffff;
    height: 42px;
    line-height: 40px;
    font-weight: 600;
    margin:10px 0;
    border-radius: 20px;
    background: #19c354;
	padding:0;
	text-align:center;
	}

.bdinpad{padding:0 15px;}
.bdhding{font-size: 22px;line-height: 30px; margin-bottom:5px}
.bdsubhding{font-size: 28px;  line-height: 32px;  padding: 0px 0 0 0;}
.bdfont{ margin-top: 5px;}
.bdsubhding2 { font-size: 18px; line-height: 26px; padding: 0 0 5px 0;}

.top-strip p{ font-size:14px; line-height:18px;}

.mobilemenu{}
.mobimenu-top{ top:50px;}
ul.hdr-rgt{ width:100px;}
ul.hdr-rgt li:nth-child(1){ display:none;}
ul.hdr-rgt li:nth-child(2){ border-left:none; border-right:none;    padding: 0px 10px;}
ul.hdr-rgt li:nth-child(2) span{ top:12px; right:3px;}

/*-------------------------
CSS FOR BANNER
--------------------------*/
.banner { padding: 30px 0; background-position: 40% top; height:auto; background: rgba(236, 236, 236, 0.4); overflow: hidden;}
.bnr-rit { width: 100%; margin:0; text-align:center;}
.bnr-p1{letter-spacing: 0px;font-size: 26px;line-height: 32px;}
.bnr-p1 span{    font-size: 40px;line-height: 45px;margin-top: 4px;}
.bnr-p2 {font-size: 32px;line-height: 36px; }
.bnr-p3{ margin: 10px 0 0; font-size: 16px;line-height: 24px;}
.bnr-btl, .bnr-btl2, .bnr-btl1{ max-width: 150px;position: static;display: inline-block;margin: 5px -20px 5px;}
.bnr-btl2, .bnr-btl1{}
.bnr-ul li {font-size: 15px;}
.bnr-ul li p {margin-top: 2px;	line-height: 20px;}
.bnr-ul {margin: 8px 0 0px;justify-content: center;}
.bnr-ul li {text-align: center;width: 49%;font-size: 15px;line-height: 24px;}
.bnr-ul li:after{ display:none;}
.bnr-ul li img{ display:block; margin:0 auto 5px;}
.show-btn{margin-top: 20px;}
/**********************/
.sec2{padding:30px 0;}
.sec2 .sec1-p2 { width: 100%; }
.prod-box{ justify-content: center; row-gap: 20px; padding: 20px 0px 0;}
.prod-box li{width:100%; max-width: 360px;}
.prdt-imgs{ padding:7px 10px;}
.s2prd-hding{ font-size:20px;}
.s2prd-hding span { font-size: 24px; line-height: 30px;}
.s2prd-prc, .s2prd-prc2{ padding:5px 0; font-size:26px; line-height:28px;}
/*-------------------------
CSS FOR SECTION3
--------------------------*/
.sec3{ padding:30px 0; height:auto; background-size: cover;}
.s3-innr{ width:100%; padding: 20px 5px;}
.sec3-btl, .sec3-btl1{ display:none;}
.sec3-btl-mob, .sec3-btl1-mob{ display: inline-block; margin: 10px auto 0;width: 150px; transform: none;}
.s3-innr .show-btn { margin-top: 20px;}
.sec1-p2, .strp-rit .sec1-p2 { font-size: 16px; line-height: 25px; margin-top: 10px;}
/*-------------------------
CSS FOR STRIP
--------------------------*/
.strip { padding: 30px 0px;}
.strp-lft{ width:100%; text-align:center; }
.strp-rit{ width:100%; text-align:center; }
.strip-ul{ margin-top:20px;justify-content: center;}
.strip-ul li { width: 100%; max-width: 360px; letter-spacing: 0px; padding: 20px 20px; text-align: center;}
.strip li img{ margin:0 auto 10px; width: 60px;}
.strip li p{ font-size: 16px; line-height: 25px;}
.strip li p span{ font-size: 22px; line-height: 26px; margin-bottom: 8px;}
.strip-ul li:first-child, .strip-ul li:nth-child(3) {}
.strip-ul li:last-child {}
	.pck-prd{ overflow:hidden;}
	
	
/*-------------------------
CSS FOR SECTION 1
--------------------------*/
.section-1, .section-2, .section-3, .section-4, .section-5 { padding: 30px 0;}
.sec1-p1 {font-size: 22px;line-height: 28px;}
.sec1-p1 span{font-size: 30px;line-height: 36px;}
.sec1-ul {justify-content: center;}
.sec1-ul li {
	max-width: 330px;
    width: 100%;
}
.s1-rit{ width:100%; text-align:center;}
.sec1-model-mob{ display:inline-block; vertical-align:middle;max-width: inherit;margin: 10px auto 0 -10px;width: calc(100% + 20px);}
.s1-rit .show-btn {margin-top: 20px;height: 50px;line-height: 50px;font-size: 20px;}

.sec1-p3 {
	font-size: 22px;
	line-height: 28px;
	padding: 10px 5px 0;
}
.sec1-ul li:nth-child(2) {
	margin: 15px 0;
}
.readmr {
	margin: 15px 0 20px;
}
.sec1-ul-2 {
	padding: 15px 0;
	justify-content: center;
}
.sec1-ul-2 li {
	float: none;
	width: auto;
	width: 27%;
}
.icon1 {
	max-width: 70px;
	width: 100%;
}
.orng-btl {
	background: #fed7d8;
	padding: 10px;
}
.orng-btl1, .orng-btl2{display:none;}
.orng-btl-lft {
	width: 100%;
	text-align: center;
}
.orng-p2 {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px;
}
/*-------------------------
CSS FOR SECTION 2
--------------------------*/
.sec2-box {
	width: 49%;
	margin: 20px 0.5% 0;
	padding: 0 5px;
}
.sec2-paralx {
	margin: 20px 0 0;
}
/*-------------------------
CSS FOR SECTION 3
--------------------------*/
.section-3 {
	background: none;
}
.sec3-lft {
	width: 100%;
	text-align: center;
	margin: 10px 0 0;
}
.s3-ul li {
	padding: 0 0 0 75px;
	margin-bottom: 15px;
	min-height: 3px;
	background-size: 65px auto !important;
	text-align: left;
}
.s3-ul li .sec1-p3 {
	font-size: 20px;
	line-height: 26px;
	padding: 5px 0px 0;
}
.s3-ul-2 {
	margin: 20px 0 0;
}
.s3-ul-2 li {
	width: 100%;
}
.s3-ul-2 li:nth-child(2) {
	margin: 15px 0;
}

.ftr-nav li{ margin-right:0; line-height:28px;}
.other-links li{ line-height:24px;}

/*CHECKOUT*/
.ord-p1-hed {padding-left: 140px;}
.select_box {width: 38%;}
	
	.footer{ padding:20px 0 30px;}
.ftr-tx{margin-top:15px;}
.ftr-tx a{padding:0 2px;}
.ftr-seals{margin:12px auto 0; max-width:96%;}
.ftr-nav li{ margin:0; width:100%}
.ftr-nav{ row-gap:10px; margin-top: 0;}
footer .ftr-txt2{ font-size: 15px; line-height: 22px; margin-top:10px;}
footer p, .foo-btm p{ font-size: 16px; line-height: 24px;}

#call-btn {
	float: left;
	width: 100%;
	padding: 9px 7px;
	position: fixed;
	bottom: 0%;
	left: auto;
	z-index:10;
	transition: bottom 1s;
	display: table;
	}

}