/*===========================
CSS FOR MEDIA QUERY
===========================*/
.show-mob, .show-tab {display: none;}
.show-desk {display: block;}
.fr {float: right;}
.fl {float: left;}
.tc{text-align:center;}

@media only screen and (max-width: 1187px){
	.container{ max-width:1004px; width:100%; }
a.pkgbtn{width:260px;margin:18px 10px 0 0;}

.bnr-lft {width: 55%;}
.banner {}
.bnr-p2{font-size: 42px; line-height: 50px;}
.bnr-prod {right: 220px; top: 90px; max-width: 310px}
.bnrprd{ max-width: 492px; top: -45px;}

/**********************/
.bdsubhding{
	font-size:46px;
	line-height:56px;
}
/*****************************/
.section-1 {}
.s1-lft {width: 57%;}
.s1-img-1 {max-width: 40%;top: 40%;}
/*************************/
.section-2 {}
.s2-ul {column-gap: 13px;}
/******************************/
.section-3{}
.s3-ul li {padding: 0 20px;}
.txt5{ width:72%;}
.img-sec3{ right: -20px; max-width: 200px; bottom: -20px;}
/*************************/
.section-5{}
.s5-img-1 {left: 10px;max-width: 400px;top: -30px;}

}
@media only screen and (max-width: 1023px){
	.container{ max-width:760px; width:100%; }
.bdsubhding{
	font-size:42px;
	line-height:50px;
}
.bdfont{
}
a.bnrbtn{margin:26px 0 0 0;}
a.s1btn{margin:25px auto 0 auto;}
a.s2inbxbtn{margin:28px 0 0 0;}
a.pkgbtn{
	margin:0 0 10px;
	height:55px;
	line-height:55px;
}
.top-sec {margin-bottom: 61px;}
a.logo{ margin:0; max-width: 170px;}
.top-bar {
	height: 61px;
	margin-top: -61px;
	top: 61px;
	padding: 10px 0;
	}
.menu-bar {display: none;}
.mob-mnu-ic {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 7px;
	z-index: 16;
	height: 25px;
	}
.mob-mnu-ic button {
	outline: none;
	-webkit-appearance: none;
	background: none;
	padding: 0;
	cursor: pointer;
	border: none;
	}
.mob-mnu-ic span {
	color: #fff;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	font-weight: 300;
	margin-top: 0px;
	margin-right: 5px;
	}
.bar1, .bar2, .bar3 {
	width: 30px;
	height: 4px;
	background-color: #052944;
	transition: 0.4s;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	}
.bar2 {margin: 6px 0;}
.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-7px, 6px);
	transform: rotate(-45deg) translate(-7px, 6px);
	background: #052944;
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
	background: #052944;
	}
a.cart_btn_mob {
    position: absolute;
    right: 58px;
    top: 6px;
    width: 25px;
}	
.mob-menu-div {
	float: left;
	width: 100%;
	}
.mobimenu {
	float: left;
	width: 100%;
	position: fixed;
	top:70px;
	background: #f8f9fb;
	z-index: 3;
	left: 0px;
	bottom: 0px;
	}
.mobimenu li {
	float: left;
	width: 100%;
	color: #fff;
	padding: 10px;
	font-size: 17px;
	line-height: 20px;
	text-align: left;
	border-bottom: 1px solid #e1e1e1;
	font-weight: normal;
	}
.mobimenu li a {
	color: #2d2d2d;
	float: left;
	width: 100%;
	padding: 10px 10px;
	}
.mobimenu li a:hover, .mobimenu li a.active {text-decoration: none;}
.mobimenu li ul {
	float: left;
	width: 100%;
	padding: 0 18px;
	border-bottom: 0;
	}
.mobimenu li ul li:last-child {border: none;}
.mobimenu li a:hover .m-arw, .mobimenu li a.active .m-arw {fill: #f08a3c;}
.mobimenu.mobimenu-top {top: 61px;}
.menu-cart{right:55px;top:6px;}

/**********************/
.banner {padding: 85px 0;background-size: cover; }
.bnr-lft {width: 68%;}
.bnr-prod {right: 50px; top: 150px; max-width: 270px;}
.bnr-p2 {font-size: 32px;line-height: 42px;margin: 7px 0 15px;}
.bnr-p2 span{font-size: 52px;}
.gray-ul li {padding: 0 14px;}
.bnrprd {max-width: 350px;top: -5px; right: -60px;}
/********************************/
.section-1 {padding: 50px 0;}
.s1-p1 {font-size: 36px; line-height: 40px;}
.shop-bg-no .shop-btn{margin: 28px 0 0;}
.comn-hdg {font-size: 35px;line-height: 45px;}
.comn-txt {font-size: 17px;line-height: 26px;margin: 13px 0 0;}
/*************************************/
.s2-ul { margin: 15px 0 0;}
.s2-ul li { width: 46%; margin:0;}
.s2-ul li:nth-child(even){ margin-right:0;}
.s2-p1 {/*font-size: 26px;line-height: 29px;*/}
.s2-prd-1{/*max-width: 200px;*/}
.s2-prd-1:nth-child(2){left:25%;}
.s2-prd-1:nth-child(3){left:auto; right:25%;}
.s2-prd-1:nth-child(4){left:20%}
.s2-prd-1:nth-child(5){left:auto; right:20%;}
.s2-ul li .shop-btn {margin-top: 18px; }
/*****************************/
.s3-ul li {padding: 0 9px;}
.s3-p1 {font-size: 17px;line-height: 24px;}
.sec3-top1{ margin-right:9px; height:auto;}
.txt5{ width:90%;}
.img-sec3{ position:static; display:inline-block;}
/********************************/
.s5-img-1 {left: 0; max-width: 320px; top: 0px;}

/***********************************/
.section-7{padding:40px 0;}
.sec7-innr {width: 60%;}
/************************************/
.ftrtxt1, .ftrtxt2{
	float:none;
	width:100%;
	text-align:center;
	justify-content: center;
}
.ftr-txt{width:100%;}
.ftrtxt2{margin-top:5px;}
}
@media only screen and (max-width: 767px){
	.container{ width:100%; max-width:640px; padding:0 10px}
.bdinpad{padding:0 15px;}
.bdsubhding{
	font-size:28px;
	line-height:37px;
	padding:8px 0 0 0;
}
.bdfont{font-size: 16px;line-height: 24px;}
	
a.bnrbtn{margin:16px auto 0 auto;display:block;}
a.s2inbxbtn{margin:28px auto 0 auto;}

.show-desk, .show-tab {display: none;}
.show-mob {display: block;}

/*-------------------------
CSS FOR LOGO BAR
--------------------------*/
.intop-fix-bar {
    margin-bottom: 86px;
}
.top-bar,.inheader {height: 53px;margin-top: -53px;top: 53px;padding: 7px 0;}
.inner-top {margin: 7px 0 0 0;}
.fixed-nav .inheader{height: 86px;}
a.logo { /*max-width: 115px;*/}
.top-sec {margin-bottom: 53px;}
.mob-mnu-ic {top: 7px;}
.cart_btn_mob {position: absolute;right: 50px; top: 5px;}
.mobimenu {top:53px;}
.mobimenu.mobimenu-top {top: 52px;}
.mobimenu li ul li a {padding: 5px 10px;}
.mobimenu li ul li {font-size: 16px;}
.logo-mob{ max-width:140px;}
.pop-innr {width: 100%;text-align: center;}
.pop-btn {width: 210px;}
/*****************************/
.banner {padding: 30px 0; background:#fff;}
.bnrprd{ display:none;}
.bnr-lft {width: 100%;text-align: center;}
.bnr-mob-prd {display: inline-block; max-width: 290px; vertical-align: bottom;margin-bottom: -10px;width:100%;}
.bnr-p1 {/*font-size: 18px;line-height: 22px;*/}
.bnr-p3{ margin-bottom:10px; width:100%; padding: 0; margin-top:10px;font-size: 16px;line-height: 24px;}
.bnr-p2 span { font-size: 35px;line-height: 45px;}
.bnr-p2 { font-size: 25px;line-height: 34px; margin: 0;}
.shop-btn {margin-top: 20px;}
/**********************/
.section-1 {padding: 30px 0;}
.s1-lft {width: 100%;text-align: center;}
.s1-p1 {font-size: 30px;line-height: 40px; margin-top: 0;}
.s1-img-1, .s5-img-1 {position: static;transform: none;-webkit-transform: none;display: inline-block;max-width:330px;margin: 15px 0 0;}
.shop-bg-no {margin-top:20px;}
.comn-hdg {font-size: 25px;line-height: 34px;}
.comn-hdg span { margin-bottom: 3px;font-size: 20px; line-height: 30px;}
.comn-txt {font-size: 16px;line-height: 24px;}
/*************************/
.section-2 { padding: 30px 0;}
.s2-ul li {width: 100%;margin: 10px 0 0;padding: 0 25px 20px;float: none;display: inline-block;max-width: 360px;}
.s2-p1 {font-size: 22px;line-height: 28px;margin-bottom: 5px;}
.s2-ul li .s2-p2 {font-size: 22px;line-height: 28px;margin: 0;}
/********************************/
.section-3 {padding: 30px 0;}
.sec3-top{ margin-top:30px;}
.sec3-top1, .sec3-top2, .sec3-top3{ height:auto;}
.img-sec3{ position: static; display: inline-block; margin: 10px auto 0; vertical-align: top;}
.sec3-top1{ width: 100%; min-height: 180px; padding: 20px 20px;}
.img-sec3{     position: absolute;  max-width: 162px;  top: 0; right: 0;}
.txt4{ font-size:20px;}
.sec1-toplft {width: 58%;}
/********************************/
.section-5 {padding: 30px 0}
.shop-bg-no .shop-btn{margin: 25px 0 0;}

.section-6 { padding: 30px 0;}
/***************************************/
.section-7{padding:30px 0;text-align:center;}
.sec7-innr{width:100%; }
.s7-btn{float:none; display:inline-block; margin-top: 30px;}

/***************************/
.ftr-txt{width:100%}
.sec4{padding:22px 0 20px 0;}
.s4sldr{margin:25px 0 0 0;}
corp-details li {font-size: 14px;line-height: 24px;}
.ftr-txt {width: 100%;margin-top: 10px; line-height: 24px;}
/*-----------section 5--------------*/
.contactbox{height:auto;background:none;}
.contlft, .contrgt{width:100%;background:#038741;padding:25px 15px;height:auto;}
.contrgt{background:#329f2f;}
.conthding{
	font-size:31px;
	line-height:35px;
	padding:0;
}
.contsubhding{padding:8px 0 0 0;}
.conbxbg{display:none;}
.emailfld{width:100%;margin:15px auto 0 auto;}
ul.sllink-list{padding:16px 0 0 0;}
/*------------start footer--------------*/
ul.ftrlist{padding:12px 0 0 0;}
.ftrdvdr{margin:18px auto 16px auto;}
ul.ftrlist li{padding:0 10px;}

.ftrtxt1 li a{font-size: 15px;}
.ftrtxt2{padding:10px 0 0 0;}
.ftrlogo{max-width:150px;}
.tems_bg {padding:30px 0;}
}
@media only screen and (max-width: 359px){

}
/*---------------------------*/
.hide-desk, .show-479, .show-tab, .show-767, .show-400, .show-340, .show-359, .tab-video {display:none;}
.hide-400, .hide-479{display:inline-block;}
@media only screen and (max-width: 1179px){
.show-desk{display:block;}
.show-hide{display:none;}
}
@media only screen and (max-width: 1023px){
.show-tab{display:block;}
.hide-tab{display:none;}
.tab-video{display:block;}
}

@media only screen and (max-width: 767px){
.hide-767, .hide-desk{display:none;}
.show-767{display:block;}
}
@media only screen and (max-width: 570px){
.hide-570{display:none;}
}
@media only screen and (max-width: 479px){
.show-479{display:block;}
.hide-479, .tab-video{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;}
}
@media only screen and (max-width: 340px){
.show-340{display:block;}
}