/**
 * TaladSim - Responsive Styles
 */

/* ==========================================================================
   Mobile (< 576px)
   ========================================================================== */

@media (max-width: 575.98px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    h1 {
        font-size: 1.75rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    .navbar-brand {
        font-size: 1.2rem;
    }

    .number-display {
        font-size: 32px !important;
    }

    .btn {
        font-size: 0.9rem;
        padding: 0.4rem 1rem;
    }

    .filter-label-responsive {
        display: none !important;
    }
}

/* ==========================================================================
   Tablet (576px - 991px)
   ========================================================================== */

@media (min-width: 576px) and (max-width: 991.98px) {
    .container {
        max-width: 100%;
    }
}

/* ==========================================================================
   Desktop (> 992px)
   ========================================================================== */

@media (min-width: 992px) {
    .container {
        max-width: 1140px;
    }
}

/* ==========================================================================
   Large Desktop (> 1200px)
   ========================================================================== */

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}