/*===  SlickNav  ==================================*/
.slicknav_menu {
	display:none;
}

.mobile-back-btn {
	display:none;
}

@media screen and (max-width: 767px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:none !important;
	}

	#header .grid_12 {
		position:relative;
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		gap:10px;
	}

	#header .grid_12 .brand,
	#header .grid_12 nav {
		float:none;
		width:100%;
	}

	.mobile-back-btn {
		display:inline-flex;
		align-items:center;
		gap:6px;
		padding:6px 14px;
		border-radius:999px;
		border:1px solid rgba(255,255,255,0.4);
		background:rgba(15,23,42,0.6);
		color:#fff;
		font-size:12px;
		font-weight:600;
		letter-spacing:0.08em;
		text-transform:uppercase;
		text-decoration:none;
		box-shadow:0 6px 16px rgba(15,23,42,0.25);
		position:relative;
		z-index:100;
	}

	.mobile-back-btn:active,
	.mobile-back-btn:focus,
	.mobile-back-btn:hover {
		color:#fff;
		border-color:rgba(255,255,255,0.8);
		background:rgba(15,23,42,0.8);
	}
}