/* Responsive Utilities */

/* Mobile First Breakpoints */
/* sm: 640px, md: 768px, lg: 1024px, xl: 1280px */

@media (max-width: 767px) {
    .hide-mobile { display: none !important; }
    .container { padding: 0 1rem; }
}

@media (min-width: 768px) {
    .hide-tablet { display: none !important; }
}

@media (min-width: 1024px) {
    .hide-desktop { display: none !important; }
}

@media (max-width: 1023px) {
    .show-desktop-only { display: none !important; }
}