/* ============================================
   DESKTOP STYLES (1201px and above)
   ============================================ */

@media only screen and (min-width: 1201px) {
    
    .container {
        max-width: 1320px;
    }
    
    /* Header */
    /* .header-logo .logo-img {
        height: 70px;
    } */
    
    .header-actions {
        gap: 20px;
    }
    
    .lang-toggle {
        padding: 8px 12px;
    }
    
    
    /* ============================================
       MEGA MENU DESKTOP - 5 COLUMNS
       ============================================ */
    
    .mega-menu-content {
        max-width: 1000px;
        padding: 50px 40px 35px;
    }
    
    /* 5 Column Grid */
    .mega-menu-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .mega-menu-grid::after {
        left: -40px;
        right: -40px;
    }
    
    .mega-menu-column {
        padding: 0 25px;
    }
    
    /* First column has no green line */
    .mega-menu-column:first-child .menu-green-line {
        display: none;
    }
    
    .mega-menu-title {
        font-size: 12px;
    }
    
    .mega-menu-list li a {
        font-size: 13px;
    }
    
    /* Call Center - In Last Column */
    .mega-menu-bottom {
        grid-column: 5 / 6;
        padding: 25px 25px 0;
    }
    
    .call-center-number {
        font-size: 16px;
    }
}

/* ============================================
   LARGE DESKTOP (1400px and above)
   ============================================ */

@media only screen and (min-width: 1400px) {
    
    .container {
        max-width: 1320px;
    }
    
    .mega-menu-content {
        max-width: 1100px;
        padding: 60px 50px 40px;
    }
    
    .mega-menu-grid::after {
        left: -50px;
        right: -50px;
    }
    
    .mega-menu-column {
        padding: 0 30px;
    }
    
    .mega-menu-title {
        font-size: 13px;
    }
    
    .mega-menu-list li a {
        font-size: 14px;
    }
}