.navbar-custom .nav .lang-dropdown .dropdown-menu {
    background-color: #ffffff !important;
    position: absolute !important;
    top: 100% !important;
    left: auto !important;
    right: 0 !important;
    min-width: 80px !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
    padding: 5px 0 !important;
    margin: 0 !important;
}

.navbar-custom .nav .lang-dropdown .dropdown-menu > li > a {
    color: #333333 !important;
    padding: 8px 15px !important;
    display: block !important;
    text-align: center !important;
    font-weight: normal !important;
    background: transparent !important;
}

.navbar-custom .nav .lang-dropdown .dropdown-menu > li > a:hover {
    background-color: #f5f5f5 !important;
    color: #000000 !important;
}

@media (min-width: 1361px) {
    .navbar-custom .nav .lang-dropdown:hover .dropdown-menu {
        display: block !important;
    }

    .navbar-custom .container {
        width: 100% !important; 
        max-width: 1450px !important; 
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .navbar-custom .navbar-nav > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 1360px) {
    .navbar-custom {
        background-color: #000000 !important;
    }

    .navbar-custom .container {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .navbar-custom .navbar-header {
        float: none !important;
    }

    .navbar-custom .navbar-left,
    .navbar-custom .navbar-right {
        float: none !important;
    }

    .navbar-custom .navbar-toggle {
        display: block !important;
    }

    .navbar-custom .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-custom .navbar-collapse.collapse.in,
    .navbar-custom .navbar-collapse.in,
    .navbar-custom .navbar-collapse.collapsing {
        display: block !important;
        height: 100vh !important;
        min-height: 100vh !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background-color: #000000 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        box-shadow: none !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .navbar-custom .navbar-nav {
        float: none !important;
        margin: 15px 0 80px 0 !important;
    }

    .navbar-custom .navbar-nav > li {
        float: none !important;
        text-align: center !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    .navbar-custom .navbar-nav > li > a {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        border-bottom: none !important;
    }

    .navbar-custom .nav .lang-dropdown {
        text-align: center !important;
        margin-top: 0 !important;
        padding-bottom: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    .navbar-custom .nav .lang-dropdown > a {
        display: inline-block !important;
        width: auto !important;
        position: relative !important;
        color: #ffffff !important;
        padding: 12px 15px !important;
        border: none !important;
    }

    .navbar-custom .nav .lang-dropdown > a::after,
    .navbar-custom .nav .lang-dropdown > a .caret {
        position: static !important;
        float: none !important;
        display: inline-block !important;
        margin-left: 6px !important;
        vertical-align: middle !important;
        right: auto !important;
    }

    .navbar-custom .nav .lang-dropdown .dropdown-menu {
        position: static !important;
        background-color: transparent !important;
        box-shadow: none !important;
        border: none !important;
        float: none !important;
        display: none !important;
        padding-bottom: 10px !important;
    }

    .navbar-custom .nav .lang-dropdown.open .dropdown-menu {
        display: block !important;
    }

    .navbar-custom .nav .lang-dropdown .dropdown-menu > li > a {
        color: #ffffff !important;
        padding: 10px 15px !important;
        border: none !important;
    }

    .navbar-custom .nav .lang-dropdown .dropdown-menu > li > a:hover,
    .navbar-custom .nav .lang-dropdown .dropdown-menu > li.active > a {
        background-color: rgba(255, 255, 255, 0.1) !important;
        color: #ffffff !important;
    }
}