/* Mobile Fixed Header */
@media (max-width: 991.98px) {
    #header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9999 !important;
        background: white !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    }
    
    /* Add padding to body to compensate for fixed header */
    body {
        padding-top: 120px !important;
    }
    
    /* Adjust main content */
    #content {
        margin-top: 0 !important;
    }
}

@media (max-width: 575.98px) {
    body {
        padding-top: 100px !important;
    }
}