@charset "utf-8";
/* CSS Document */
.show-mob, .show-tab {display: none;}
.fl{ float:left;}
.fr{ float:right;}	

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


}


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

.mob-mnu-ic{
    cursor: pointer;
    position: absolute;
    right: 50px;
    top: 13px;
    z-index: 16;
    height: 30px;
	}
.mob-mnu-ic button{
	outline: none;
    -webkit-appearance: none;
	background: none;
	padding:0;
    cursor: pointer;
	border: none;
	}
.mob-mnu-ic span{
	color:#000;
	display:inline-block;
	vertical-align:top;
	font-size:13px;
	margin-top:4px;
	margin-right:5px;
	}
.bar1, .bar2, .bar3 {
	width: 25px;
	height: 3px;

	background-color: #1f3567;
	transition: 0.4s;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	}
.bar2{margin: 5px 0;}

.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-5px, 5px);
	transform: rotate(-45deg) translate(-5px, 5px);
	background:#1f3567;
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-6px, -6px);
	transform: rotate(45deg) translate(-6px, -6px);
	background:#1f3567;
	}	
.mobilemenu{
	left:0;
	position:fixed;
	top:99px;
	background:rgba(255,255,255,1);
	z-index:99;
	right:0;
	bottom:0;
	overflow:scroll;
	display:none;
	border-top:1px solid #acacac;
	}
.mobimenu-top{ top:70px;}	
.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:hover{color:#000;}

ul.menu-list{ display:none;}


.order-section{ padding:40px 0 ;}
.freeshpng{ font-size:15px; width:100%}
.pck-bx{ width:48.5%;}
.pck-sec{ margin-top: 25px; justify-content: center;}

.section-7{ padding:30px 0;}
.faq-container{ width:100%;}



/*============Reviews Page============*/


}

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

ul.topbar-cont{ float:none; display:inline-block; vertical-align:top; text-align:center; padding:0 7px;}
ul.topbar-cont li{ float:left; margin-right:0; letter-spacing:0.2px;}
ul.topbar-cont li img{ margin-right:2px;}
ul.topbar-cont li:last-child{ float:right;}
.mob-mnu-ic{ top:7px; right:15px;}
.mobilemenu{ top:50px;}
.mobimenu-top{ top: 50px;}

.header{ height: 30px; padding: 9px 0;}
.header-items li{ font-size: 11px; line-height: 11px; padding: 0px 10px;}

.top-fix-bar{ margin-bottom:50px;}
.nav-sec{ height:50px; margin-top: -50px; top: 50px; padding:10px 0;}
.logo{max-width: 150px;margin-top: 0;width: 100%;}
.nav-rgt{ margin: 0px 30px 0 0;}



	.order-section{ padding:30px 0 30px;}
	.pck-sec{ padding:0; margin-top:20px;}
	.pck-bx { width: 100%;margin-top: 0px;display: flex;-webkit-display: flex; padding: 12px 10px 15px; align-items: center;-webkit-align-items: center; flex-wrap: wrap;}
	.pck-bx1{order:3;}
	.pck-bx2{order:1;}
	.pck-bx3{order:2;}
	.mob-pck-lft {width: 100%;}
	.btl-qty{font-size: 22px;line-height: 32px;}
	.btl-qty span{font-size: 18px; line-height: 26px}
	.pkg-value { font-size: 20px; line-height: 26px; padding: 5px 0px 10px;}
	.pck-bx2 .pkg-value{width: auto;font-size: 25px;line-height: 26px; padding-bottom: 10px; background:none; color:#333; margin:0;}
	.pck-prd{ margin-top:0px; margin-bottom: 10px;}
	.pck-seal{width: 60px;top: -10px;}

	.mob-pck-rgt {width: 100%;}
	.mob-pck-rgt a.shop-btn{ margin-top:5px;}
	.rtlprc { font-size: 14px; line-height: 20px;margin-top: 0;}
	.rtlprc span {font-size: 16px;}
	.pck-prc{font-size: 28px;line-height: 30px;width: 100%;margin-top: 5px;}
	.pck-prc span {font-size: 16px;line-height: 16px;}
	.freeshpng{ font-size:13px; line-height:15px;margin-top: 10px; width:100%; padding-left: 25px;}
	.freeshpng img{max-width: 20px;    top: -2px;}
	.pkg-btn {margin-top: 10px;}
	.pck-cards{margin-top: 10px;}




}

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


}