#menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border: 0;
  z-index: 1200;
}
.top-banner {
	height: var(--h-top-banner);
	background-color: var(--c-brand);
}
.top-banner .inner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	margin: 0 auto;
	color: white;
}
.top-banner .inner > *:not(:last-child)::after {
	content: "|";
	padding: 0 10px;
}
.top-banner .inner img {
  height: 100%;
  width: 18px;
	margin-right: 8px;
}
.nav-list > li {
	position: relative;
	display: block;
	height: 100%;
}
.nav-list > li > span,
.nav-list > li > a {
	padding: 0 1em;
}
.nav-list li .dropdown {
  position: absolute;
	display: none;
	background-color: #FFF;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1.5px 5px 0 rgba(0, 0, 0, 0.19);
}
.nav-list li .dropdown span {
	font-weight: bold;
}
.nav-list li .dropdown span,
.nav-list li .dropdown a {
	padding: .5em 1em;
	display: block;
	white-space: pre;
}
/* Show dropdow menu*/
.nav-list li:hover .dropdown,
.nav-list li .dropdown:hover {
	display: block;
}
.menu-hover {
	cursor: pointer;
}
.menu-hover:hover {
	background: rgba(0, 0, 0, 0.06);
}
.menu-arrow {
	position: absolute;
	bottom: 25px;
}
.menu-arrow img{
	width: 1.4em;
}
.nav {
	position: relative;
	background-color: white;
	height: var(--h-menu-container);
}
.nav .inner {
	display: flex;
	margin: 0 auto;
	height: 100%;
	align-items: center;
  justify-content: space-between;
  background-color: transparent;
  position: relative;
  z-index: 3;
}
.nav .logo {
	width: 20%;
	height: 100%;
}
.nav .logo img {
	width: 100%;
}
.btn-navbar {
	margin-right: -10px;
	padding: 10px;
}
.btn-cart img,
.btn-navbar img {
	width: 26px;
}
@media (min-width: 926px) {
	.btn-navbar {
		display: none;
		visibility: hidden;
	}
}
@media (max-width: 925px) {
	.btn-cart {
		margin-top: -10px;
	}
	.top-banner, .nav-list {
		display: none;
	}
	.nav {
		height: var(--h-menu);
	}
	.nav .logo {
		height: 50%;
		width: auto;
	}
	.nav .logo img {
		height: 100%;
		width: auto;
	}
	.btn-cart {
		margin-left: auto;
		margin-right: 16px;
	}
}
@media (max-width: 576px) {
	.nav .logo {
		height: 40%;
	}
}