/* ============================================================
   Central breakpoints (do NOT write ad-hoc media queries in features):
   XXL >= 1400px | XL >= 1200px | LG >= 992px | MD >= 768px | SM >= 576px | XS < 576px
   Responsive visibility utilities:
   .hide-lt-* : hidden below the breakpoint
   .hide-gte-*: hidden at/above the breakpoint
   ============================================================ */
@media (max-width: 575.98px) {
    .hide-lt-sm { display: none !important; }
}

@media (max-width: 767.98px) {
    .hide-lt-md { display: none !important; }
}

@media (max-width: 991.98px) {
    .hide-lt-lg { display: none !important; }
}

@media (max-width: 1199.98px) {
    .hide-lt-xl { display: none !important; }
}

@media (min-width: 576px) {
    .hide-gte-sm { display: none !important; }
}

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

@media (min-width: 992px) {
    .hide-gte-lg { display: none !important; }
}

@media (min-width: 1200px) {
    .hide-gte-xl { display: none !important; }
}