:root {
    --header-height: 104px;
    --header-height-sm: 67px
}

@media screen and (max-width:1199.98px) {
    .main-header {
        padding: 1.0625rem 0;
        z-index: 1024;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        transition: 0.3s ease padding, 0.3s ease background;
        background-color: var(--primary-bg)
    }

    .main-header.desktop {
        display: none
    }

    .main-header>.container {
        z-index: 1024;
        position: relative
    }

    .main-header .logo {
        max-width: 91px
    }

    .main-header .menu-btn {
        display: flex;
        align-items: center
    }

    .main-header .menu-btn .menu-text {
        color: var(--text-color);
        transition-delay: 0.3s
    }

    .main-header .menu-btn .hamburger {
        width: 22px;
        margin-left: 13px
    }

    .main-header .menu-btn .hamburger .ham-row .ham-line {
        background-color: var(--text-color);
        display: block;
        height: 2px;
        width: 100%;
        border-radius: 11px;
        transition: 0.3s ease background-color
    }

    .main-header .menu-btn .hamburger .ham-row:not(.anim-ham) .ham-line {
        transform-origin: left;
        transition: 0.3s ease transform, 0.5s ease background-color
    }

    .main-header .menu-btn .hamburger .ham-row:not(:last-child) {
        margin-bottom: 5px
    }

    .main-header .menu-btn .hamburger .ham-row.anim-ham {
        display: flex;
        gap: 2px
    }

    .main-header .menu-btn .hamburger .ham-row.anim-ham .ham-line {
        transition: 0.3s ease width, 0.5s ease background-color
    }

    .main-header .menu-btn .hamburger .ham-row.anim-ham .ham-line:first-child {
        width: 2px;
        height: 2px
    }

    .main-header .menu-btn .hamburger .ham-row.anim-ham .ham-line:last-child {
        width: 20px;
        height: 2px
    }

    .main-header__menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: var(--menu-bg);
        z-index: 1023;
        transform: translateX(100%);
        transition: 0.5s ease transform;
        display: flex;
        align-items: flex-start;
        justify-content: center
    }

    .main-header__menu .menu-wrap {
        padding: 13.3125rem 0 6.8125rem
    }

    .main-header__menu--links .menu-accordion-body,
    .main-header__menu--links .submenu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out, opacity, 0.2s ease-out
    }

    .main-header__menu--links>ul>li {
        line-height: 1
    }

    .main-header__menu--links>ul>li:not(:first-child) {
        padding-top: 1.0625rem
    }

    .main-header__menu--links>ul>li:not(:last-child) {
        padding-bottom: 1.0625rem
    }

    .main-header__menu--links>ul>li>a {
        display: inline-block;
        transition-delay: 0.17s
    }

    .main-header__menu--links>ul>li>ul>li a {
        letter-spacing: 3px
    }

    .main-header__menu--links>ul>li>ul>li:not(:last-child) {
        margin-bottom: 1.0625rem
    }

    .main-header__menu--links>ul>li.acc-open>a {
        margin-bottom: 1.75rem;
        transition-delay: 0s
    }

    .main-header__menu--links>ul>li:not(.has-submenu)>a>img,
    .main-header__menu--links>ul>li:not(.has-submenu)>a>svg {
        display: none
    }

    .main-header__menu--links>ul>li.has-submenu>a>img,
    .main-header__menu--links>ul>li.has-submenu>a>svg {
        width: 15px;
        transform: rotate(90deg) translateY(-7px)
    }

    body.menu-open {
        --text-color: #ffffff
    }

    body.menu-open .main-header .menu-btn .menu-text {
        transition-delay: 0s
    }

    body.menu-open .main-header .menu-btn .hamburger .ham-row:not(.anim-ham) .ham-line {
        transform: scaleX(0)
    }

    body.menu-open .main-header .menu-btn .hamburger .ham-row.anim-ham .ham-line:first-child {
        width: 18px
    }

    body.menu-open .main-header .menu-btn .hamburger .ham-row.anim-ham .ham-line:last-child {
        width: 2px
    }

    body.menu-open .main-header__menu {
        transform: translateX(0)
    }

    body.slim-header .main-header {
        padding: 0.3125rem 0;
        background-color: var(--primary-bg)
    }
}




/* 25-09-2023 Monday */
#menu-mobile_nav .menu-item.menu-item-has-children.acc-open svg {
    transform: rotate(-90deg) translateY(0) !important;
}

#menu-mobile_nav .menu-item.menu-item-has-children svg {
    transition: 0.3s ease transform;
    transform: rotate(90deg) translateY(0) !important;
    transform-origin: center;
    height: 15px;
    margin-left: 8px;
}

#menu-mobile_nav .menu-item.menu-item-has-children a {
    display: flex;
    align-items: center;
}

@media screen and (max-width:991.98px) {
    body.menu-open .main-header__menu {
        overflow: auto;
    }

    .main-header__menu::-webkit-scrollbar {
        display: none;
    }

    .main-header>.container,
    .main-header.mobile .container {
        transition-delay: 0s;
    }

    body.menu-open .main-header>.container {
        background-color: var(--menu-bg);
        transition-delay: 1s;
    }

    .main-header.mobile {
        padding: 0;
    }

    .main-header.mobile .container {
        padding-block: 1.0625rem;
    }

    body.menu-open .main-header.mobile .container {
        transition-delay: 1s;
    }
}