.zin3 {
	z-index: 30000
}

.zin0 {
	z-index: -1;
	opacity: 0
}

@media (min-width:380px) and (max-width:768px) {
	.zin3>.level-inner>.menu-category>.expanded>.menu-main-page>a>.menu-image-container>.loaded>.img-placeholder {
		display: block!important
	}
	.mobile_menu1 {
		position: absolute;
		right: 0;
		top: 0;
		left: 0;
		margin-right: -16px
	}
	.mobileHide {
		display: none!important
	}
	.mobile_nav1 {
		top: 0!important;
		width: 100%
	}
	.alignment_footer_box {
	    display: flex;
	    align-items: baseline;
	} 
	.alignment_footer_box button {
		position: relative !important;
	}

}

@media (min-width:1500px) and (max-width:1649px) {
	.header .navbar-default .navbar-nav>li>a {
		font-size: 14px!important
	}
	.nav>li>a {
		padding: 23px 8px!important
	}
}

@media (min-width:1445px) and (max-width:1499px) {
	.header .navbar-default .navbar-nav>li>a {
		font-size: 14px!important
	}
	.nav>li>a {
		padding: 22px 6px!important
	}
}

@media (min-width:1330px) and (max-width:1444px) {
	.header .navbar-default .navbar-nav>li>a {
		font-size: 13px!important
	}
	.nav>li>a {
		padding: 22px 5px!important
	}
}

@media (min-width:1370px) and (max-width:1429px) {
	.header .navbar-default .navbar-nav>li>a {
		font-size: 13px!important
	}
	.nav>li>a {
		padding: 22px 5px!important
	}
}

@media (min-width:1315px) and (max-width:1369px) {
	.header .navbar-default .navbar-nav>li>a {
		font-size: 12px!important
	}
	.nav>li>a {
		padding: 23px 6px!important
	}
}

@media (min-width:1250px) and (max-width:1314px) {
	.header .navbar-default .navbar-nav>li>a {
		font-size: 12px!important
	}
	.nav>li>a {
		padding: 22px 4px!important
	}
}

@media (min-width:1200px) and (max-width:1249px) {
	.header .navbar-default .navbar-nav>li>a {
		font-size: 11px!important
	}
	.nav>li>a {
		padding: 23px 5px!important
	}
}

@media (min-width:1175px) and (max-width:1199px) {
	.header .navbar-default .navbar-nav>li>a {
		font-size: 11px!important
	}
	.nav>li>a {
		padding: 23px 4px!important
	}
}

@media (min-width:1068px) and (max-width:1174px) {
	.header .navbar-default .navbar-nav>li>a {
		font-size: 11px!important
	}
	.nav>li>a {
		padding: 23px 3px!important
	}
}

@media (min-width:1024px) and (max-width:1067px) {
	.header .navbar-default .navbar-nav>li>a {
		font-size: 10px!important
	}
	.nav>li>a {
		padding: 23px 1px!important
	}
}

@media (max-width:1167px) and (min-width:768px) {
	.mobile-nav li {
		top: -7px!important
	}
}

@media (max-width:1167px) and (min-width:768px) {
	.header .navbar-default .navbar-nav>li>.contact-btn {
		padding: 27px 15px!important
	}
	.header .navbar-default .navbar-nav>li>.cart-btn, .header .navbar-default .navbar-nav>li>.search-btn {
		padding: 20px 10px!important;
	}
}

@media (max-width:767px) {
	.header .navbar-default .navbar-nav>li>.contact-btn {
		padding: 18px 10px!important
	}
}

#snackbar {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #0ca04e;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 4500;
	left: 50%;
	top: 60px;
	font-size: 17px
}

@media (min-width:380px) and (max-width:768px) {
	#snackbar {
		left: 45%;
		font-size: 16px
	}
}

#snackbar.show {
	visibility: visible;
	-webkit-animation: fadein .5s, fadeout .5s 2.5s;
	animation: fadein .5s, fadeout .5s 2.5s
}

@-webkit-keyframes fadein {
	from {
		top: 0;
		opacity: 0
	}
	to {
		top: 60px;
		opacity: 1
	}
}

@keyframes fadein {
	from {
		top: 0;
		opacity: 0
	}
	to {
		top: 60px;
		opacity: 1
	}
}

@-webkit-keyframes fadeout {
	from {
		top: 60px;
		opacity: 1
	}
	to {
		top: 0;
		opacity: 0
	}
}

@keyframes fadeout {
	from {
		top: 60px;
		opacity: 1
	}
	to {
		top: 0;
		opacity: 0
	}
}