/* Mobile Control for Group Block — frontend rules */

/* Mobile: <= 600px */
@media (max-width: 600px) {
	.mc-hide-mobile {
		display: none !important;
	}
	.mc-mobile-stack {
		flex-direction: column !important;
	}
	.mc-mobile-reverse {
		flex-direction: column-reverse !important;
	}
}

/* Tablet: 601px - 1024px */
@media (min-width: 601px) and (max-width: 1024px) {
	.mc-hide-tablet {
		display: none !important;
	}
}

/* Desktop: >= 1025px */
@media (min-width: 1025px) {
	.mc-hide-desktop {
		display: none !important;
	}
}