@media screen and (max-width: 992px) {
	.menu-burger {
		display: flex;
	}
	.main-menu {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 80px;
		justify-content: flex-start;
		align-items: flex-start;
		left: -100%;
		width: 100%;
		height: calc(100vh - 69px);
		height: calc(100svh - 69px);
		overflow-y: auto;
		overflow-x: hidden;
		background-color: var(--white);
		z-index: 99999;
		transition: all 300ms ease-in-out;
		gap: 0;
	}
	.main-menu li {
		display: block;
		width: 100%;
		border-bottom: 1px solid var(--light-gray);
		padding: 7px 30px;
	}
	.main-menu li:first-child {
		border-top: 1px solid var(--light-gray);
	}
	.main-menu li .login-button {
		display: flex;
		width: 100%;
		justify-content: center;
	}
	.main-menu.active {
		left: 0;
	}
	.main-menu.visible {
		transform: translateY(0);
	}
	.main-menu::-webkit-scrollbar {
		display: none;
	}
	.site-logo {
		max-width: 140px;
		z-index: 3;
	}
	.site-header {
		padding: 10px;
		z-index: 2;
	}
	.main-menu-link {
		color: var(--black);
	}
	.header-top {
		justify-content: space-between;
	}
	.home-banner {
		margin-top: 4rem;
	}
	.footer-wrapper {
		grid-template-columns: 1fr
	}
	.home-about-us {
		grid-template-columns: repeat(2,1fr);
	}
	.home-cta::after {
		background-position: left;
	}
	.home-cta {
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 768px) { 
	.mobile-hide {
		display: none;
	}
	.home-about-us {
		grid-template-columns: 1fr;
	}
}

@media screen and (min-width: 769px) {
	.desktop-hide {
		display: none;
	}
}