/* Mobile Styles */
@media screen and (max-width: 768px) {
    /* Header */
    #header .container {
        position: relative !important;
        padding: 5px 10px !important;
    }
    
    #header {
        background: #003366 !important;
        padding: 0 !important;
    }
    
    #logo {
        float: left !important;
    }
    
    #logo img {
        height: 35px !important;
    }
    
    .top_des {
        display: none !important;
    }
    
    /* Language - far right */
    .lang-switch {
        position: absolute !important;
        right: 2px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
    
    .lang-switch button {
        padding: 2px 5px !important;
        font-size: 9px !important;
    }
    
    /* Navigation - 4 columns */
    #navigate {
        background: #003366 !important;
        padding: 8px !important;
    }
    
    #nav-menu {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr 1fr !important;
        gap: 8px !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    #nav-menu li a {
        display: block !important;
        padding: 8px 4px !important;
        color: #fff !important;
        text-align: center !important;
        background: #004d99 !important;
        border-radius: 4px !important;
        font-size: 10px !important;
        text-decoration: none !important;
    }
    
    #nav-menu .drop_menu {
        display: none !important;
    }
}

/* FORCE SHOW NAV */
#navigate { display: block !important; visibility: visible !important; }