@media (max-width: 575.98px) {
	.radio-button .items {
		width: calc(100% / 2 - 6px);
	}
}

@media (max-width: 767.98px) {
	.hero {
		height: 300px;
	}

	.auto-section {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.story .avatar {
		transform: none;
	}

	/* register */
	.radio-button .items {
		width: calc(100% / 2 - 6px);
	}

	.masonry {
		column-count: 2;
	}
}

@media (max-width: 991.98px) {
	.location .maps-items {
		padding-bottom: 20px;
		height: auto !important;
		flex-direction: row !important;
	}

	.location .maps-items .maps-item {
		min-width: calc(100% /1 - 15px);
	}

	.navbar .action {
		width: 100%;
	}
}