/**
 * Mobile header: hamburger must stay on the right.
 * Porto’s .header-column uses align-items:center, which horizontally centers
 * flex children; combined with full-width mid columns the toggle reads as “center of screen.”
 * Also: below 992px .header-nav-main is position:absolute, so .header-nav must be flex
 * full-width with justify-content:flex-end (LandingHeader).
 */
@media (max-width: 991.98px) {
	.page #header .header-container .header-row > .header-column.nav-menu-toggle-col {
		align-items: flex-end !important;
	}

	.page #header .header-nav-bar .header-nav.header-nav-stripe {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		width: 100% !important;
		min-height: 60px;
		position: relative !important;
	}

	.page #header .header-nav-bar .header-btn-collapse-nav,
	.page #header .header-container .header-btn-collapse-nav {
		float: none !important;
		flex: 0 0 auto;
		margin-left: 0.75rem;
		margin-right: 0;
	}
}