@media screen and ( max-width: 767px ) {}

@media screen and ( min-width: 767px ) {}

header#navbar-wrapper button.nav-toggle.collapse span.icon-top {
	transform: rotate(45deg);
	transform-origin: 20% 15%;
}

header#navbar-wrapper button.nav-toggle.collapse span.icon-middle {
	opacity: 0;
}

header#navbar-wrapper button.nav-toggle.collapse span.icon-bottom {
	transform: rotate(-45deg);
	transform-origin: 0% 10%;
}

div.mobile-menu nav.mobile-nav.active {
	display: block;
}

div.mobile-menu nav.mobile-nav ul.menu a i.toggle {
	position: absolute;
	font-size: 34px;
	right: 0;
	top: 0;
	text-align: center;
	width: 60px;
	line-height: 48px;
	height: 100%;
	color: #bbb;
	transition: all .6s ease;
	border-left: 1px solid #bbb;
}

div.mobile-menu nav.mobile-nav ul.sub-menu.active {
	display: block;
	background-color: rgba(0, 0, 0, .05);
	margin: 0;
	padding: 0;
	list-style-type: none;
}