@media (max-width: 1199px) {
	
}

@media (max-width: 999px) {
	.top-navbar > div {
		display: flex;
		flex-direction: column;
	}

	.floating-donate {
		display: block;
	}

	.contact-us-btn {
		display: none;
	}
	
	.info-banner {
		grid-template-columns: .5fr .5fr;
	}
}

@media (max-width: 699px) {
	#contactPopup {
		grid-template-columns: 1fr;
	}

	.popLeft {
		width: 100%;
	}

	.popRight {
		display: none;
	}
}

@media (max-width: 768px) {
	.top-navbar > div {
		flex-direction: row;
	}

	.nav-box {
		width: 100%;
		max-height: 0;
		display: flex;
		flex-wrap: no-wrap;
		flex-direction: column;
		position: absolute;
		overflow: hidden;
		align-items: center;
		justify-content: center;
		gap: 1rem;
		left: 0;
		top: 99%;
		background: var(--accent-dark);
	}

	.menu-btn {
		display: flex;
	}

	.brand-section {
		grid-template-columns: repeat(3, auto);
	}
	
	.info-banner {
		display: flex;
		flex-direction: column;
	}

	.info-banner > span {
		max-height: 20rem;
	}

	.info-banner > span > img {
		position: relative;
	}
}

@media (min-width: 768px) {	
	.border-md-start {
		border-left: 1px solid var(--accent-light) !important;
	}
}

@media (max-width: 768px) {
	.grids-6 {
		grid-template-columns: repeat(3, minmax(auto, 1fr));
	}
}

@media (min-width: 412px) {
	
}