.main-menu .menu-item.menu-item-has-children {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-right: 35px;
    align-items: flex-start
}

.main-menu .menu-item-has-children .submenu-toggle {
    background: none;
    border: none;
    padding-left: 5px;
    cursor: pointer;
    position: absolute
}

.main-menu>.menu-item-has-children>.submenu-toggle {
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.submenu-toggle .arrow_menu {
    transform: scaleY(1);
    transition: 0.3s ease-in-out;
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    display: inline-block
}

.submenu-toggle .arrow_menu path {
    fill: var(--header-nav-color);
    transition: 0.3s ease-in-out
}

.submenu-toggle.active .arrow_menu {
    transform: scaleY(-1)
}

.submenu-toggle.active .arrow_menu path {
    fill: var(--header-nav-color-hover);
    transition: 0.3s ease-in-out
}

.main-menu ul.submenu.depth-0 {
    position: absolute;
    top: 100%;
    display: inline-flex;
    padding: 6.01px 0;
    flex-direction: column;
    align-items: flex-start;
    background: var(--header-bg);
    opacity: 0;
    visibility: hidden;
    transform: translateY(42.24px);
    transition: var(--transition_main);
    gap: 10px
}

.main-menu ul.submenu.depth-0>li a {
    display: inline-block;
    padding: 10px
}

.main-menu ul.submenu.depth-0>li {
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start
}

.main-menu ul.submenu.depth-0.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.main-menu ul.submenu.depth-0 .submenu-toggle {
    right: 0;
    top: 4px
}

.main-menu ul.submenu.depth-1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-in-out;
    position: static
}

.main-menu ul.submenu.depth-1>li a {
    padding: 10px;
    display: inline-block
}

.dropdown-menu .submenu.depth-0 {
    max-height: 0;
    overflow: hidden;
    transition: var(--transition_main)
}

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

ul.dropdown-menu li {
    position: relative
}

@media only screen and (max-width:1520px) {
    .main-menu .menu-item.menu-item-has-children {
        padding-right: 2.303vw
    }

    .main-menu .menu-item-has-children .submenu-toggle {
        padding-left: .329vw
    }

    .submenu-toggle .arrow_menu {
        width: 1.74vw;
        height: 1.74vw
    }

    .main-menu ul.submenu.depth-0 .submenu-toggle {
        right: 0;
        top: .263vw
    }

    .main-menu ul.submenu.depth-0 {
        padding: .395vw 0;
        transform: translateY(2.779vw);
        gap: .658vw
    }

    .main-menu ul.submenu.depth-0>li a {
        padding: .658vw
    }

    .main-menu ul.submenu.depth-1>li a {
        padding: .658vw
    }
}

@media only screen and (max-width:1120px) {
    .main-menu .menu-item.menu-item-has-children {
        padding-right: 2.9vw
    }

    .main-menu .menu-item-has-children .submenu-toggle {
        padding-left: .288vw
    }

    .submenu-toggle .arrow_menu {
        width: 2.03vw;
        height: 2.03vw
    }

    .main-menu ul.submenu.depth-0 .submenu-toggle {
        right: 0;
        top: 0
    }

    .main-menu ul.submenu.depth-0 {
        padding: .186vw 0;
        transform: translateY(4.125vw);
        gap: .57vw
    }

    .main-menu ul.submenu.depth-0>li a {
        padding: .57vw
    }

    .main-menu ul.submenu.depth-1>li a {
        padding: .57vw
    }

    .main-menu ul.submenu.depth-0 .submenu-toggle {
        top: .586vw
    }
}

@media only screen and (max-width:900px) {
    .main-menu .menu-item.menu-item-has-children {
        padding-right: 0vw
    }

    .main-menu .menu-item-has-children .submenu-toggle {
        background: none;
        border: none;
        padding-left: 0vw;
        cursor: pointer;
        position: absolute
    }

    .main-menu>.menu-item-has-children>.submenu-toggle {
        right: 0;
        top: 0%;
        transform: unset
    }

    .submenu-toggle .arrow_menu {
        transform: scaleY(1);
        transition: 0.3s ease-in-out;
        width: 3vw;
        height: 3vw;
        flex-shrink: 0;
        display: inline-block
    }

    .submenu-toggle .arrow_menu path {
        fill: var(--header-nav-color);
        transition: 0.3s ease-in-out
    }

    .submenu-toggle.active .arrow_menu {
        transform: scaleY(-1)
    }

    .submenu-toggle.active .arrow_menu path {
        fill: var(--header-nav-color-hover);
        transition: 0.3s ease-in-out
    }

    .main-menu ul.submenu.depth-0 {
        opacity: 1;
        visibility: visible;
        transform: unset;
        gap: 2.04vw;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        display: none;
        overflow: hidden;
        transition: max-height .3s ease-in-out;
        position: static
    }

    .main-menu ul.submenu.depth-0>li a {
        display: inline-block;
        padding: 1.64vw 0 0 0
    }

    .main-menu ul.submenu.depth-0>li {
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start
    }

    .main-menu ul.submenu.depth-0.open {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        width: 100%;
        gap: 1.64vw
    }

    .main-menu ul.submenu.depth-0 .submenu-toggle {
        right: 0;
        top: 1.8vw
    }

    .main-menu ul.submenu.depth-1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease-in-out;
        position: static;
        align-items: center;
        width: 100%
    }

    .main-menu ul.submenu.depth-1>li {
        padding-top: 1.4vw
    }

    .main-menu ul.submenu.depth-1>li a {
        padding: 0vw;
        display: inline-block;
        line-height: 100%
    }
}

@media only screen and (max-width:500px) {
    .submenu-toggle .arrow_menu {
        width: 6.144vw;
        height: 6.144vw
    }

    .main-menu ul.submenu.depth-0 {
        gap: 2.6vw
    }

    .main-menu ul.submenu.depth-0>li a {
        padding: 2.6vw 0 0 0
    }

    .main-menu ul.submenu.depth-0.open {
        gap: 2.6vw
    }

    .main-menu ul.submenu.depth-0 .submenu-toggle {
        top: 2.6vw
    }

    .main-menu ul.submenu.depth-1>li {
        padding-top: 2.633vw
    }
}