/*
=================================================================
    RESPONSIVE OVERRIDES
=================================================================

    Media queries and responsive adjustments for different
    screen sizes. Mobile-first approach recommended.
*/

/* ===== LARGE DEVICES (Desktops, 1200px and up) ===== */
@media (min-width: 1200px) {
    /* Large desktop specific styles */
}


/* ===== MEDIUM DEVICES (Tablets landscape, 992px to 1199px) ===== */
@media (min-width: 992px) and (max-width: 1199px) {
    /* Tablet landscape styles */
}


/* ===== SMALL DEVICES (Tablets portrait, 768px to 991px) ===== */
@media (min-width: 768px) and (max-width: 991px) {
    /* Tablet portrait styles */
}


/* ===== EXTRA SMALL DEVICES (Phones, less than 768px) ===== */
@media (max-width: 767px) {
    /* Mobile styles */
}


/* ===== MOBILE ONLY (Less than 576px) ===== */
@media (max-width: 575px) {
    /* Small mobile styles */
}


/* ===== PRINT STYLES ===== */
@media print {
    /* Print-specific styles */
}