@media (max-width: 1440px) {
    .navbar {
        padding: 32px 112px;
    }

    .navbar-logo {
        height: 32px
    }

    .navbar .navbar-collapse .navbar-nav {
        margin-left: auto;
    }

    .main-header .submenu .container-fluid {
        padding: 40px 318px;
    }

    .navbar .nav-item .nav-link {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 1200px) {
    .navbar {
        padding: 32px 60px;
    }

    .main-header .submenu .container-fluid {
        padding: 40px 200px;
    }
}

@media (min-width: 1025px) {
    .dropdown-menu {
        position: absolute;
        width: 100%;
        left: 0;
        top: 99%;
        display: none;
        z-index: 1000;
    }
}

@media (max-width: 1024px) {
    .navbar {
        padding: 32px 20px;
    }

    .navbar .navbar-toggler {
        display: block;
    }

    .navbar .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: var(--navbar-background);
        z-index: 999;
        border-radius: 0 0 24px 24px;
    }

    .navbar .navbar-collapse .navbar-nav {
        gap: 0;
        padding: 20px 28px;
    }

    .navbar .nav-item {
        padding: 13px 0;
        width: 100%;
    }

    .navbar .nav-item .nav-action {
        display: block;
    }

    .navbar .nav-item.dropdown {
        flex-direction: column;
        align-items: start;
    }

    .navbar .nav-item.dropdown .dropdown-menu.show {
        margin: 0;
        padding: 0 0 0 12px;
        background: transparent;
        border: none;
    }

    .navbar .nav-item.dropdown .dropdown-menu.show li:first-child {
        padding-top: 13px;
    }

    .navbar .nav-item.dropdown .dropdown-menu.show .dropdown-item {
        padding: 15px 0;
        color: var(--navbar-submenu-color-text);
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        background: transparent;
    }

    .navbar .nav-item.dropdown .dropdown-menu.show .dropdown-item:hover {
        color: var(--navbar-active-link);
    }

    .navbar .nav-item .nav-link {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
    }
}

@media (max-width: 768px) {
    .navbar {
        padding: 11px 20px;
    }
}

@media (max-width: 576px) {
    .navbar {
        padding: 6px 20px;
    }
}