@charset "utf-8";
/* CSS Document */

/*-------------Buttons---------------*/
a.bnrbtn, a.s1btn, a.s2btn, a.s3btn, a.s4btn, a.s5btn, a.s6btn, a.s7btn, a.mobbtn{
	    height: 60px;
    width: 330px;
    border: none;
    background: #13af26;
    font-weight: bold;
    font-size: 20px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    margin: 30px 0 0 0;
    display: block;
    outline: none;
    cursor: pointer;	
}
a.s1btn,  a.s3btn, a.s5btn, a.s7btn{margin:40px auto 0 auto;display:block;}
a.s2btn{margin:0 auto;}
.s2btnbx{
	margin: 60px auto 0;
	display: block;
}
a.s4btn{margin:30px 0 0 0;}
a.s5btn{margin:20px 0 0 0; width:100%;}
.btntxt{
	width:330px;
	margin:8px 0 0 0;
	font-size:15px;
	line-height:16px;
	color:#333;
	text-align:center;
	text-transform:capitalize;
}
.btntxt2{margin:8px auto 0 auto;display:block;}
.btntxt::before,
.btntxt::after {
    display: inline-block;
    content: "";
    border-top:2px solid #ccc;
    width:35px;
    margin: 0 6px;
    transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}
.white{color:#fff;}
@media only screen and (max-width: 1190px){
.s2btnbx{top:500px;}
}
@media only screen and (max-width: 1020px){
a.bnrbtn, a.s1btn, a.s2btn, a.s3btn, a.s4btn, a.s5btn, a.s6btn, a.s7btn{width:280px;}
.s2btnbx{top:454px;}
}
@media only screen and (max-width: 767px){
a.bnrbtn, a.s1btn, a.s2btn, a.s3btn, a.s4btn, a.s5btn, a.s6btn, a.s7btn{ width: 100%; margin: 20px 0 0 0;}
a.mobbtn{width:400px;margin:0 auto;display:block;height:64px;line-height:64px;font-size:24px;}
.btntxt{display:none;}
}
@media only screen and (max-width: 479px){
a.mobbtn{width:90%;font-size:21px;height:55px;line-height:55px;}
}
/*=========================
CSS FOR ELEMEMT SHOW HIDE
===========================*/
.show-desk, .show-479, .show-tab, .show-767, .show-400, .show-340, .show-359 {display:none;}
.hide-400, .hide-479{display:inline-block;}
@media only screen and (max-width: 1190px){
.show-desk{display:block;}
.show-hide{display:none;}
}
@media only screen and (max-width: 1020px){
.show-tab{display:block;}
.hide-tab{display:none;}
}
@media only screen and (max-width: 767px){
	.hide-767{display:none;}
	.show-767{display:block;}
	
	.banner{height: auto;padding: 30px 0 0px 0;background: #fff;background-size: cover;}
	.bnr-lft{width:100%; text-align:center;}
	.bnr-p1{font-size:32px; line-height:38px;}
	.bnr-p1 span{ font-size: 18px; line-height: 26px;margin-bottom:2px;}
	.bnr-p2 {font-size: 16px;line-height: 25px;margin-top: 10px;width: 100%;}
	.bnr-p2 span {font-size: 40px;line-height: 50px;margin-bottom:0px;}	
	.banner-mob {max-width: inherit;display: inline-block;margin: 10px auto 0 -20px;width: calc(100% + 30px);}
	.bnr-prd{position:static; display:inline-block; vertical-align:middle; margin-top:15px; max-width:90%;}
	.order-now-btn{margin-top:15px;}
	
	.bnr-prd2, .bnr-prd4{
		
		max-width: inherit;
        position: static;
        display: inline-block;
        margin: 10px 0 0 -10px;
        width: calc(100% + 20px);
	}
	.brn-ul {margin: 20px 0 0;}
	.brn-ul li {width:100%; max-width:355px; font-size: 16px;line-height: 25px;}
	.brn-ul li:after{display: none}
	.brn-ul li span {font-size: 20px; line-height: 30px; }
	.brn-ul li img {margin: 0 auto 6px;max-width: 100px;}

	.wht-strip{padding:25px 0;}
	.wht-ul{flex-wrap: wrap;}
	.wht-ul li{width:100%; border:none; margin:10px 0;}


	.bnr-box { float: none;display: inline-block;width: 100%;border-radius: 0;text-align: center;}
	.bnr-prd { position: static; display:inline-block; max-width: 100%;}

	.bnr-p3 {font-size: 16px;line-height: 26px;margin: 15px 0 18px;}
	.bnr-box2 {
		margin: 10px 0 0;
		padding: 0 0;
	}
	.bnr-uls, .bnr-uls-rit {
		width: 100%;
	}
	.bnr-uls li, .bnr-uls-rit li{ margin:16px 0 0;}
	.banner .sec-line { margin-bottom: 8px;}
	.bnr-prd { display:none;}
	.mob-banner{display:inline-block;max-width:100%;margin:5px 0 0;}
	.marg-1 {margin-top: 25px;}
	.pink-p1{float:left;width:100%;text-align:center;margin:0;}
	.pinkOpt{margin-top:15px;margin-bottom:15px;}
	.sign-box {width: 100%;}
	.seen-sec {padding: 30px 0 0;}
	.seen-ul li {padding: 9px 8px;}
	.seen-ul {padding: 10px 0 25px;}
	.shop-btn, .bnr-box .shop-btn {font-size: 20px;margin-top: 0;height: 50px;line-height: 50px;width: 220px;}

	.banr-bottom {padding: 30px 0;}

	.section-1, .section-3, .section-6 {padding: 30px 0;}
	.section-1 {padding: 30px 0 30px; text-align:center;height:auto;}
	.s1-innr {width:100%; max-width:355px;}
	.s1-ul {margin-top:20px;row-gap: 20px;justify-content: center;}
	.s1-ul li { width: 100%; text-align: center;}
	.s1-ul li span{margin-bottom: 8px;}
	.s1-ul li:before { display:none;}
	.s1-li-div {float: none;display:block;margin:0 auto 0;width: 210px;padding: 0px 0 0px;}
	.s2prd1 {}
	.s1-p1 { font-size:20px; line-height:28px;}
	.s1-p1 span{font-size: 28px;  line-height: 38px;}
	.s1-p2{margin-top: 10px; padding:0; font-size: 16px;line-height: 25px;}
	.s1-p3 {font-size: 20px;line-height: 24px;}
	.marg-2 {}
	.s1-ul .shop-btn {}
	.s1-ul li .s1-p5 {font-size:26px;line-height:28px;padding-bottom:0;min-height:auto; margin-top:0;}
	.s2-prd-1 {max-width: 100px;}
	.s2prd{}
	.s2prd:nth-child(2), .s2prd:nth-child(3){}
	.s2prd:nth-child(3){}
	.s2prd:nth-child(4), .s2prd:nth-child(5){max-width:110px;}
	.s2-prd-1:nth-child(2), .s2-prd-1:nth-child(3){top: 18px; max-width: 87px; left: 20px;}
	.s2-prd-1:nth-child(3) {left:auto;right: 20px;}
	.s2-prd-1:nth-child(4), .s2-prd-1:nth-child(5){max-width: 74px; top: 34px; left: 0px;}
	.s2-prd-1:nth-child(5) {left:auto;right: 0px;}

	.section-2{ padding: 30px 0; background-size: cover;}
	.s2-Box {padding: 20px 10px;}
	.s2-ul{ padding: 0px 0px 0px; justify-content: center;}
	.s2-Box .s1-p2 { width: 100%;}
	.s2-ul {margin-top: 10px;}
	.s2-ul li, .s2-ul li:nth-child(even) { width: 100%; max-width: 350px;height: auto;padding: 4px 0 0 0; text-align:center;}
	 .s2-ul li span {font-size: 20px;line-height: 28px;}
	.s2-ul li img {margin: 0 auto 8px;}
	.s2-p1 {}
	.s2-banner-mob{display:inline-block;max-width:100%; margin: 15px 0;}
	.s2-btl {max-width: initial;margin: 10px auto 0 -10px;width: calc(100% + 20px);display: inline-block;}
	.s2prd-bx{
		width:340px;
		margin:0 auto 0;
		position:relative;}
	.s2-leaf1 {position: static;max-width: 100%;margin: 13px -130px 10px;}
	.s2-btla {
		width: 150px;
		left: 210px;
		top: 171px;
		position: absolute;
		z-index: 1;
	}
	.s2-btl2b{ width: 110px; right: 0; top: 150px; position: absolute;}

	.s2-leaf1c{max-width: 100%; margin: 10px auto 10px; display: inline-block;}
	.s2-ul li img, .s2-ul li:nth-child(even) img {margin: 0 auto 8px;position: static;width: 100%;}	

	.section3{padding: 30px 0;}
	.s3prod-sec{padding: 0;margin-top:20px; text-align: center;}
	.s3-btl{position: relative;z-index: 3;top: auto;left: auto;display: inline-block;margin: 0 auto;}
	.s3-prod-list li{row-gap: 10px;text-align: center; padding: 10px 10px;}
	.s3-btn,.prod-name{width:100%; font-size: 20px;line-height: 30px;}
	.s3-btn{}
	.add-to-cart, .s3-btn .shop-btn{font-size: 15px;}

	.section-4{ padding:30px 0 30px; background:#fef0f2;}
	.s4-mid {width: 100%;max-width: 355px;margin-top: 0;}
	.s4-btl, .s4-btl1 {position: static; max-width: 175px;transform: none;margin: 12px -20px 0;     display: inline-block;}
	.s4-col2 {
		width:230px;
		margin:0 auto 20px;
	}
	.s4-col1, .s4-col3{ width:100%; margin:10px auto 0; float:none;}
	
	.section-5{padding:30px 0;}
	.s2-ul1{margin-top:20px;}
	.s2-ul1 li{width:100%; font-size: 20px;line-height: 28px;}
	.s2-ul1 li span{min-height: auto;font-size: 17px;line-height: 27px;}
	
	.pop-up-bg-in{padding: 20px 20px;}
	img.age_logo{max-width: 110px; margin-bottom: 10px;}
	.pop-up-left-txt{font-size: 20px;}
	
	ul.cont-list1 li{width: 100%;}
	ul.cont-list1{ width:100%;     padding-left: 20px;}
	.contact{    padding: 20px 0 40px;}
}
@media only screen and (max-width: 570px){
.hide-570{display:none;}
}
@media only screen and (max-width: 479px){
.show-479{display:block;}
.hide-479{display:none;}
}
@media only screen and (max-width: 400px){
.show-400{display:block;}
.hide-400{display:none;}
}
@media only screen and (max-width: 359px){
.show-359{display:block;}
.hide-359{display:none;}
}
@media only screen and (max-width: 340px){
.show-340{display:block;}
}

/*
==============================================
pulse
==============================================
*/

.pulse{
    animation-name: pulse;
    -webkit-animation-name: pulse;   

    animation-duration: 1.5s;   
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.9); 
    }
    50% {
        transform: scale(1);
    }   
    100% {
        transform: scale(0.9);
    }           
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
    }
    50% {
        -webkit-transform: scale(1);
    }   
    100% {
        -webkit-transform: scale(0.95);     
    }           
}