/* Collapse the main menu into a hamburger below the large breakpoint. */
@media screen and (max-width: 63.9375em) {
	.top-bar-title,
	[data-responsive-toggle="responsive-menu"] {
		display: block !important;
	}

	[data-responsive-toggle="responsive-menu"] a {
		display: inline-flex;
		align-items: center;
		min-width: 44px;
		min-height: 44px;
	}

	#responsive-menu {
		display: none !important;
		width: 100%;
		float: none !important;
		clear: both;
	}

	body.mjc-nav-open #responsive-menu {
		display: block !important;
	}

	body.mjc-nav-open #responsive-menu > .menu {
		display: block;
		width: 100%;
		float: none !important;
	}
}