@media (max-width: 768px) {
	.bn-container {
		width: min(100% - 24px, 1180px);
	}

	.bn-topbar__inner {
		flex-direction: column;
		align-items: flex-start;
		padding: 8px 0;
		gap: 8px;
	}

	.bn-branding {
		padding: 18px 0 14px;
	}

	.bn-ad-banner__box {
		min-height: 74px;
	}

	.bn-nav-inner {
		justify-content: flex-end;
	}

	.bn-menu-toggle {
		display: inline-flex;
	}

	.bn-primary-nav {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: var(--bn-primary);
		border-top: 1px solid rgba(255, 255, 255, 0.16);
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.25s ease;
	}

	.bn-primary-nav.is-open {
		max-height: 80vh;
		overflow-y: auto;
	}

	.bn-menu {
		display: block;
		min-height: auto;
		width: min(100% - 24px, 1180px);
		margin: 0 auto;
		padding: 8px 0;
	}

	.bn-menu > li > a {
		min-height: auto;
		padding: 13px 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}

	.bn-menu .sub-menu,
	.bn-menu .children {
		position: static;
		min-width: 0;
		border: 0;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: none;
		background: rgba(0, 0, 0, 0.12);
	}

	.bn-menu .sub-menu a,
	.bn-menu .children a {
		padding: 10px 12px;
		color: #fff;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
}