/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

	:root {
		--site-gutter: 30px;
	}

	.site-header-custom__inner {
		min-height: 70px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	:root {
		--site-gutter: 20px;
	}

	.site-header-custom__inner {
		width: calc(100% - 40px);
		min-height: 65px;
	}

	.site-header-custom nav ul {
		flex-direction: column;
		gap: 15px;
	}

}