.biglsUl .nav-header .menu-item-has-children>.sub-menu,
.biglsUl .nav-header .menu-item-type-custom>.sub-menu {
    position: absolute
}

.biglsUl .nav-header .menu-item-has-children>.sub-menu {
    top: 100%;
    display: inline-flex;
    padding: 6.01px 0;
    flex-direction: column;
    align-items: flex-start;
    background: var(--body-bg);
    opacity: 0;
    visibility: hidden;
    transform: translateY(42.24px);
    transition: var(--transition_main);
    border-radius: var(--button_border);
    max-height: 200px;
    overflow-y: scroll
}

.biglsUl .nav-header .menu-item-has-children:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.biglsUl .nav-header .menu-item-has-children>.sub-menu::-webkit-scrollbar {
    width: 0
}
.biglsUl .nav-header .menu-item-has-children>.sub-menu::-webkit-scrollbar {
  display: none;
}
 
/* Скрываем scrollbar для IE, Edge и Firefox */
.biglsUl .nav-header .menu-item-has-children>.sub-menu {
  -ms-overflow-style: none;  /* IE и Edge */
  scrollbar-width: none;  /* Firefox */
}

.biglsUl .menu-item-has-children>.sub-menu {
    -ms-overflow-style: none
}

.biglsUl .menu-item-has-children>.sub-menu {
    overflow: -moz-scrollbars-none
}
.arrow_menu {
    width: 20.16px;
    height: 21.504px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow_menu svg {
    width: 100%;
    height: auto;
    transform: scaleY(1);
    transition: var(--transition_main)
}

.biglsUl .menu-item-has-children:hover .arrow_menu svg {
    transform: scaleY(-1)
}

.arrow_menu svg path {
    fill: var(--color-text-sidebar);
    transition: var(--transition_main)
}

.biglsUl .menu-item-has-children:hover .arrow_menu svg path {
    fill: var(--color-text-sidebar)
}

.nav-header .sub-menu .menu-item:hover {
    background-color: var(--bg-hover-text-sidebar);
    color: var(--DBrandDefault)
}

.nav-header .sub-menu .menu-item {
    width: 100%;
    justify-content: flex-start;
    padding: 8px 10px
}

.nav-header .sub-menu .menu-item a {
    max-width: 400px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left
}

ul.dropdown-menu.open {
    max-width: 500px
}

.dropdown-menu .arrow_menu {
    right: 0;
    top: 0;
    transform: unset;
    position: absolute
}

ul.dropdown-menu>li {
    position: relative
}

.dropdown-menu .sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: var(--transition_main)
}
@media only screen and (max-width:1520px) {
    .biglsUl .nav-header .menu-item-has-children>.sub-menu {
        padding: .395vw 0vw;
        transform: translateY(2.779vw);
        max-height: 13.158vw
    }

    .nav-header .sub-menu .menu-item a {
        max-width: 16vw
    }

    .nav-header .sub-menu .menu-item {
        padding: .526vw .658vw
    }
    ul.dropdown-menu.open {
    max-width: 23vw
}
}

@media only screen and (max-width:1120px) {
    .biglsUl .nav-header .menu-item-has-children>.sub-menu {
        padding: .587vw 0vw;
        transform: translateY(4.125vw);
        max-height: 19.531vw
    }

    .nav-header .sub-menu .menu-item a {
        max-width: 19vw
    }

    .nav-header .sub-menu .menu-item {
        padding: .781vw .977vw
    }
        ul.dropdown-menu.open {
    max-width: 22vw
}
}

@media only screen and (max-width:900px) {
    .geryShx .menu-item-has-children.menu-item-has-children>.arrow_menu {
        position: absolute;
        top: 0vw;
        right: 1.51vw;
        width: 3.255vw;
        height: 3.255vw;
        z-index: 3
    }

    .geryShx .menu-item-has-children.menu-item-has-children>.arrow_menu svg {
        transform: scaleY(1);
        transition: var(--transition_main)
    }

    .geryShx .menu-item-has-children.menu-item-has-children>.arrow_menu.active svg {
        transform: scaleY(-1)
    }

    .geryShx .menu-item-has-children.menu-item-has-children>.arrow_menu svg path {
        fill: var(--color-text-sidebar);
        transition: var(--transition_main)
    }

    .geryShx .menu-item-has-children.menu-item-has-children>.arrow_menu.active svg path {
        fill: var(--color-text-sidebar)
    }

    .geryShx .main-menu a:hover {
        fill: var(--color-text-sidebar)
    }

    .geryShx .menu-item {
        position: relative
    }

    .geryShx {
        width: 100%
    }

    .geryShx .sub-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease-in-out;
        position: static
    }

    .geryShx .sub-menu li {
        padding-top: 1.604vw
    }
}

@media only screen and (max-width:500px) {
    .geryShx .menu-item-has-children.menu-item-has-children>.arrow_menu {
        top: 0vw;
        right: 3.093vw;
        width: 4.666vw;
        height: 4.666vw
    }

    .geryShx .sub-menu li {
        padding-top: 5.333vw
    }
}