.realtor-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, 300px);
	gap: 1rem;
	justify-content: center;
}

@media (min-width: 320.97px) {
	.realtor-grid {
		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	}
}

@media (min-width: 576px) {
	.realtor-grid {
		grid-template-columns: repeat(auto-fill, 320px);
	}
}

@media (min-width: 767.97px) {
	.realtor-grid {
		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	}
}