/**
 * ArchVR Responsive System
 *
 * @package ArchVR
 * @version 1.0.0
 */

/* Desktop & Laptop Refinements (1025px and up) */
@media (min-width: 1025px) {
	.mobile-hamburger-trigger {
		display: none !important;
	}
	.desktop-hamburger-trigger {
		display: flex !important;
	}
}

/* Tablet & Mobile (1024px and down) */
@media (max-width: 1024px) {
	.main-navigation .nav-menu,
	.main-navigation {
		display: none !important;
	}

	.desktop-hamburger-trigger {
		display: none !important;
	}

	.mobile-hamburger-trigger {
		display: flex !important;
	}

	.grid-4, .grid-3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Mobile (767px and down) */
@media (max-width: 767px) {
	:root {
		--container-pad: 1.25rem;
		--section-spacing: 3.5rem;
	}

	.grid-4, .grid-3, .grid-2 {
		grid-template-columns: 1fr;
	}

	.site-header {
		padding: 1rem 0;
	}

	.btn {
		width: 100%;
	}
}

/* Small Mobile (479px and down) */
@media (max-width: 479px) {
	:root {
		--container-pad: 1rem;
	}

	.site-title {
		font-size: 1.15rem;
	}
}