/*.mstm-sub-menu {
    color: #151515;
}
*/
/*.mstm-main-menu.desktop .mstm-sub-menu:not(.secondlevel) {
    display: none;
    position: absolute;
    z-index: 4;
    left: 50%;
    z-index: 4;
    width: calc(100% - 300px);
    transform: translate(-50%);
}
*/
.mini .mstm-top-bar {
    display: none;
}


/*.mstm-main-menu.desktop .mstm-sub-menu:not(.secondlevel) > .mstm-sub-menu-inner {
    max-height: 0px;
    overflow: hidden;
    position: relative;
    transition: 0.6s max-height ease-in-out 0s;
}

.mstm-main-menu.desktop .mstm-sub-menu:not(.secondlevel).expanded > .mstm-sub-menu-inner {
    transition: 1s max-height ease-in-out 0s;
    max-height: 3000px;
}*/

.mstm-main-menu.desktop .small .mstm-sub-menu:not(.secondlevel) > .mstm-sub-menu-inner {
    transition: 0.6s ease-in-out;
}

.mstm-main-menu.desktop .small.activated .mstm-sub-menu:not(.secondlevel) > .mstm-sub-menu-inner {
    transition: 1s ease-in-out;
}
.mstm-main-menu.desktop .hasChildren .mstm-sub-menu:not(.secondlevel).closeasap {
    animation-duration: 0.0s;
    visibility:hidden;
    opacity:0;
}



/*. mstm-main-menu.desktop .hasChildren .mstm-sub-menu:not(.secondlevel) {
    display: block;
    visibility: hidden;
    opacity: 0;
    animation-name: submenuclose;
    animation-duration: 0.6s;
    animation-timing-function: ease-in-out;
}


.mstm-main-menu.desktop .hasChildren .mstm-sub-menu.expanded:not(.secondlevel) {
    visibility: visible;
    opacity: 1;
    animation-name: submenuopen;
    animation-duration: 0.0s;
    animation-timing-function: ease-in-out;
}
*/
/*.mstm-main-menu.desktop .hasChildren .mstm-sub-menu:not(.secondlevel) {
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}*/
/*.mstm-main-menu.desktop .hasChildren .mstm-sub-menu.expanded {
    visibility: visible;
    opacity: 1;
    transition: 0s ease-in-out 0.0s;
}


.mstm-main-menu.desktop .hasChildren.subshow .mstm-sub-menu {
    visibility: visible;
    opacity: 1;
    transition: 0s ease-in-out 0.0s;
}

.mstm-main-menu.desktop .mstm-sub-menu > .mstm-sub-menu-inner > ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0px, 20%));
    justify-content: center;
    align-items: normal;
    padding: 15px !important;
    z-index: 1;
    position: relative;
    width: 100%;
    background-color: white;
    box-sizing: border-box;
    grid-row-gap: 15px;
    justify-items: center;
}

.mstm-main-menu.desktop .withbanner .mstm-sub-menu > .mstm-sub-menu-inner > ul {
    padding: 30px 50px !important;
    align-items: center;
    justify-items: start;
}

.mstm-main-menu.desktop .temp-withbanner .menu-custom-html {
    display: none;
}

.mstm-main-menu.desktop .hasChildren.temp-withbanner .mstm-sub-menu.secondlevel,
.mstm-main-menu.desktop .hasChildren.withbanner .mstm-sub-menu.secondlevel {
    display: none;
}

.mstm-main-menu.desktop .megamenu.small > .mstm-sub-menu ul {
    display: block;
}

.mstm-main-menu.desktop li.megamenu.small {
    position: relative;
    text-align: center;
}

.mstm-main-menu.desktop .megamenu.small > .mstm-sub-menu ul > li {
    padding: 5px 0px;
}

.mstm-main-menu.desktop .megamenu.small > .mstm-sub-menu {
    width: 270px;
}
    */
/**/


/*.mstm-main-menu.desktop .mstm-sub-menu:not(.secondlevel) {
    width: calc(100% - 40px);
}*/

/*large menu*/
/*.mstm-main-menu.desktop .hasChildren.largemenu .mstm-sub-menu {
    visibility: visible;
    opacity: 1;
}
*/
/*.mstm-main-menu.desktop .megamenu.largemenu .mstm-sub-menu:not(.secondlevel) > .mstm-sub-menu-inner > ul > li {
    margin-bottom: 20px;
}

.mstm-main-menu.desktop .megamenu.largemenu .mstm-sub-menu:not(.secondlevel) > .mstm-sub-menu-inner > ul > li > a {
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 15px;
    display: block;
}

.mstm-main-menu.desktop .largemenu .mstm-sub-menu > .mstm-sub-menu-inner > ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 100%;
    justify-content: flex-start;
    overflow: auto;
    column-gap: 20px;
    max-height: 590px;
    display:block;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}

.mstm-main-menu.desktop .hasChildren.largemenu li {
    max-width: 265px;
    -webkit-column-break-inside: avoid;*/ /* Chrome, Safari, Opera */
    /*page-break-inside: avoid;*/ /* Firefox */
    /*break-inside: avoid;*/ /* IE 10+ */
/*}

.mstm-main-menu.desktop .largemenu .mstm-sub-menu.secondlevel li + li {
    margin-top: 10px;
}

.mstm-main-menu.desktop .largemenu .mstm-sub-menu > .mstm-sub-menu-inner > ul {
    padding-bottom: 20px !important;
}*/

/*not large menu*/
.mstm-main-menu.desktop .hasChildren.megamenu:not(.largemenu):not(.sidemenu) {
    position: relative;
}

.mstm-main-menu.desktop .megamenu:not(.largemenu):not(.sidemenu) .mstm-sub-menu:not(.secondlevel) {
    width: auto;
    min-width: 215px;
    left: 50%;
}

.mstm-main-menu.desktop .megamenu:not(.largemenu):not(.sidemenu) .mstm-sub-menu > .mstm-sub-menu-inner > ul {
    display: block;
}

    .mstm-main-menu.desktop .megamenu:not(.largemenu):not(.sidemenu) .mstm-sub-menu > .mstm-sub-menu-inner > ul a {
        display: block;
        padding: 10px;
    }



/*not sidemenu*/

/**/

/*sidemenu*/
/*.mstm-main-menu.desktop .sidemenu .mstm-sub-menu > .mstm-sub-menu-inner > ul > li > a {
    font-size: 18px;
    display: inline-block;
    text-transform: uppercase;
}

.mstm-main-menu.desktop .megamenu.sidemenu > .mstm-sub-menu > .mstm-sub-menu-inner {
    display: grid;
    grid-template-areas: 'sidemenu1 .';
    background: white;
    grid-template-columns: 320px minmax(0px, 1fr);
    background-clip: content-box;
}

.mstm-main-menu.desktop .megamenu.sidemenu .mstm-sub-menu > .mstm-sub-menu-inner > ul > li > a {
    color: white;
    font-size: 17px;
}

.mstm-main-menu.desktop .megamenu.sidemenu .mstm-sub-menu.secondlevel {
    position: absolute;
    left: 320px;
    width: calc(100% - 320px);
    display: none;
    padding: 25px 20px !important;
    top: 0;
    height: calc(100% - 35px);
    align-content: flex-start;
    height: 100%;
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-content: stretch;
    background: #fff;
}

.mstm-main-menu.desktop .megamenu.sidemenu > .mstm-sub-menu.expanded {
    display: grid;
}

.mstm-main-menu.desktop .megamenu.sidemenu .mstm-sub-menu.secondlevel li{
    text-align:center;
    padding:20px;
}

.mstm-main-menu.desktop .megamenu.sidemenu .mstm-sub-menu.secondlevel li a:hover{
    color:var(--themefuchsia);
}


.mstm-main-menu.desktop .megamenu.sidemenu .mstm-sub-menu.secondlevel > * {
    width: 33%; 
}

.menu-custom-html, .menu-custom-html * {
     height: 100%; 
}
.menu-custom-html {
    padding-right: 20px;
}
    .menu-custom-html img {
        object-fit:cover;
        width:100%;
        object-position:bottom;
    }

.mstm-main-menu.desktop .megamenu.sidemenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li {
    width: 100%;
    padding: 10px 0px;
    
}

.mstm-main-menu.desktop .megamenu.sidemenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li > a {
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    font-weight: bold;
}

.mstm-main-menu.desktop .megamenu.sidemenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul {
    grid-area: sidemenu1;
    box-shadow: none;
    background-color: var(--primarydark);
    grid-template-columns: repeat(1, minmax(0px, 1000%));
    position: unset;
    padding: 25px 0px !important;
    grid-row-gap: 0px;
    align-content: start;
}

    .mstm-main-menu.desktop .megamenu.sidemenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.active {
        background: var(--secondary);
    }

.mstm-main-menu.desktop .megamenu.sidemenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.active a {
    position: relative;
    width: 100%;
}

.mstm-main-menu.desktop .megamenu:not(.sidemenu) > .mstm-sub-menu > .mstm-sub-menu-inner ul li a:hover,
.mstm-main-menu.desktop .megamenu.sidemenu > .mstm-sub-menu > .mstm-sub-menu-inner ul.secondlevel li a:hover {
    color: var(--primary);
}

    .mstm-main-menu.desktop .megamenu.sidemenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.active span {
        position: relative;
        padding: 0 25px;
    }

.menu-custom-html {
    grid-column: -1/-1;
    grid-row: -1/3;
}

.mstm-main-menu.desktop .megamenu.sidemenu .mstm-sub-menu .menu-item-thub img {
    display: block;
    width: 88%;
    max-width: 150px;
    margin: 0 auto;
}
*/
.menu-back-title {
    display: none;
}

.menu-banner img {
    width: 270px;
}

/*.burger-bottom-items-outer{
    display:none;
}*/

/*----------------*/
.mstm-main-menu a:hover {
    color: inherit;
}

/*.mstm-main-menu {
    position: absolute;
    top: 100%;
    background: #f1f1f1;
    width: 100%;
    left: 0px;
    z-index: 10;
    height: calc(var(--vhHeight) - var(--headerHeight));
    overflow-x: auto;
    overscroll-behavior: none;
    display: none;
    overflow-x: hidden;
    max-width: 550px;
}*/
/*new*/
.mstm-main-menu {
    position: fixed;
    top: 100%;
    left: 0px;
    width: 100%;
    min-height: 100vh;
    z-index: 10;
    overscroll-behavior: none;
    display: none;
    overflow-x: hidden;
    top: 0;
    background: var(--black);
    color: #fff;

    --menusidepadding:40px;
    --menulargesidepadding:65px;
}


    .mstm-main-menu nav {
        display: grid;
        /*grid-template-columns: 380px minmax(0,1fr) 420px;
        grid-template-columns: minmax(280px,20%) minmax(0,1fr) minmax(340px,21%);*/
        grid-template-columns: minmax(calc(180px + var(--menusidepadding) + var(--menulargesidepadding)),20%) minmax(0,1fr) minmax(calc(240px + var(--menusidepadding) + var(--menulargesidepadding)),21%);
        min-height: 100vh;
    }

    .mstm-main-menu a:hover, 
    .mstm-main-menu button:hover {
        color: var(--brandcolor);
    }

.menu-first-level,
.menu-second-level {
    text-transform: uppercase;
    font-size: 25px;
}

.menu-first-level,
.menu-second-level,
.menu-third-level {
    color: var(--dark-grey);
}
    .menu-second-level .mstm-sub-menu.firstlevel,
    .menu-third-level .mstm-sub-menu.secondlevel,
    .thumbnails-list > li {
        display: none;
        transition:0.3s ease-in-out;
        opacity:0;
    }

        .menu-second-level .mstm-sub-menu.firstlevel.expanded,
        .menu-third-level .mstm-sub-menu.secondlevel.expanded,
        .thumbnails-list > li.expanded {
            display: block;
            opacity:1;
        }

        .menu-first-level .megamenu.active > span > a,
        .menu-first-level .megamenu > span > a:hover,
        .menu-first-level .megamenu.active > a,
        .menu-first-level .megamenu > a:hover,
        .menu-second-level .mstm-sub-menu-inner > li.active > a,
        .menu-second-level .mstm-sub-menu-inner > li > a:hover,
        .menu-third-level .mstm-sub-menu.secondlevel li > a:hover {
            color: #fff;
        }

/*fist column*/
.menu-column.menu-column-first {
    padding: 35px var(--menusidepadding) 60px var(--menulargesidepadding);
    display: flex;
    flex-direction: column;
}


.main-menu-logo {
    max-width: 160px;
}

.menu-column.menu-column-first .mstm-main-menu-desktop-ul-outer.menu-first-level {
    flex-grow: 1;
    margin-top: 65px;
}

.menu-first-level .megamenu > span > a,
.menu-first-level .megamenu > a {
    display: inline-block;
    padding: 10px 0;
}


.secondary-menu {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 200;
}

.secondary-menu ul > li > a {
    padding: 5px 0;
    display: inline-block;
}
/*second column*/
.menu-second-level, .menu-third-level {
    padding: 60px var(--menusidepadding);
    padding-top: 160px;
}

.menu-column.menu-column-second {
    display: grid;
    /*grid-template-columns: 440px minmax(0,1fr);*/
    grid-template-columns: minmax(0,440px) minmax(45%,1fr);
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: var(--greybg);
    position: relative;
}

.menu-img-outer {
    position: absolute;
    height: 100%;
    width: 100%;
    background: var(--darkbg);
    padding:35px;
}

    .menu-img-outer.hidden{
        display:none;
    }


    .menu-img-wrapper {
        max-height: 100vh;
        max-width: 1000px;
        display: grid;
        place-items: center;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .menu-img-wrapper img {
        width: 100%;
        height: auto;
    }
/*.mstm-main-menu nav .expanded{
    background:red;
    border:2px solid red;
}*/

.menu-second-level {
    border-right: 1px solid;
    border-color: var(--greybg);
}
/**/

.menu-third-level .mstm-sub-menu.secondlevel li > a {
    display: inline-block;
    padding: 5px 0;
    font-size: 20px;
}

.mstm-main-menu.desktop .menu-third-level .menu-back-title-inner {
    display: none;
}

/*third column*/
.menu-box.menu-column.menu-column-third {
    display: flex;
    flex-direction: column;
    padding: 35px;
    padding-right: 65px;
    padding-bottom:60px;
}

.menu-right-top {
    text-transform: uppercase;
    display: flex;
    justify-content: end;
    gap: 30px;
    font-size: 25px;
    justify-content: space-between;
    width: 100%;
    max-width: 220px;
    margin-left: auto;
}

    .menu-right-top .close-menu {
        text-transform: inherit;
        color: inherit;
    }

        .menu-right-top  .close-menu i {
            margin-left: 10px;
        }

.second-level-thumbnail {
    flex-grow: 1;
    margin-top: 40px;
    margin-bottom: 40px;
}

.side-menu-item-thub img {
    width: 100%;
}

.menu-bottom-right {
    display: flex;
    justify-content: end;
    column-gap: 30px;
    align-items:center;
}

.burger-languages {
    font-size: 18px;
    font-weight: 200;
    display:flex;
    align-items:center;
    gap:5px;
}

.menu-social-list {
    display: flex;
    gap: 10px;
    align-items: center;
}
    .menu-social-list li a {
        display: inline-grid;
        width: 25px;
        height: 25px;
        background: #fff;
        color: #000;
        border-radius: 50%;
        place-items: center;
        font-size: 15px;
    }

        .menu-social-list li a:hover {
            background: var(--brandcolor);
            color: #000;
        }


/*new*/

    .mstm-main-menu .hasChildren.megamenu,
    .mstm-main-menu .megamenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.hasChildren {
        cursor: pointer;
    }

        .mstm-main-menu .hasChildren.megamenu a > span,
        .mstm-main-menu .megamenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.hasChildren a > span {
            vertical-align: middle;
        }



    .mstm-main-menu.expanded {
        display: block;
    }

    /*-----------*/
    .mstm-main-menu .hasChildren.megamenu,
    .mstm-main-menu .megamenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.hasChildren {
        cursor: pointer;
        position: relative;
    }

    .mstm-main-menu li {
        -webkit-tap-highlight-color: transparent;
    }

    .mstm-main-menu .megamenu > .first-level-item {
        display: block;
        border-bottom: 1px solid #dedede;
        pointer-events: none;
        position: relative;
    }

        .mstm-main-menu .megamenu > .first-level-item a {
            display: inline-block;
            padding: 10px 0;
            pointer-events: all;
        }

    .mstm-main-menu .mstm-main-menu-desktop-ul-outer > li.megamenu > .first-level-item a {
        font-size: 20px;
        color: var(--primary);
    }

        .mstm-main-menu .mstm-main-menu-desktop-ul-outer > li.megamenu > .first-level-item a::before {
            font-size: 28px;
            bottom: -5px;
            position: relative;
        }

    .mstm-main-menu .hasChildren.megamenu > .first-level-item a::after,
    .mstm-main-menu .megamenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.hasChildren > a::after {
        content: "\e98b";
        font-family: 'mindseed';
        position: relative;
        vertical-align: middle;
        margin-left: 2px;
        font-size: 12px;
        position: absolute;
        right: 5px;
        top: 36px;
        transform: translateY(-50%);
        pointer-events: none;
        transition: 0.3s ease-out;
    }

    .mstm-main-menu .megamenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.hasChildren > a::after {
        top: 26px;
    }

    .mstm-main-menu .hasChildren.megamenu.active > .first-level-item a::after,
    .mstm-main-menu .megamenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.hasChildren.active a::after {
        transform: translateY(-50%) rotate(-180deg);
    }

    /*2nd*/
    .mstm-main-menu .mstm-sub-menu.shrink {
        height: 0;
        opacity: 0;
        transform: translateY(40px);
        transition: height .3s ease,opacity .3s ease;
        visibility: hidden;
    }

    .mstm-main-menu .mstm-sub-menu.expanded {
        opacity: 1;
        transform: translateY(0);
        transition: visibility .5s cubic-bezier(.25,.46,.45,.94), opacity 1s cubic-bezier(.25,.46,.45,.94), height .5s cubic-bezier(.25,.46,.45,.94), transform .5s cubic-bezier(.25,.46,.45,.94);
        visibility: visible;
    }

    .mstm-main-menu .megamenu > .mstm-sub-menu ul,
    .mstm-main-menu .megamenu > .mstm-sub-menu .mstm-sub-menu-inner > ul > li.hasChildren ul {
        max-height: 0px;
        display: block;
        overflow-y: hidden;
        padding-left: 10px;
    }

        .mstm-main-menu .megamenu > .mstm-sub-menu.expanded .mstm-sub-menu-inner > ul,
        .mstm-main-menu .megamenu > .mstm-sub-menu .mstm-sub-menu-inner > ul > li.hasChildren ul.expanded {
            max-height: 5000px;
            max-height: unset;
            overflow: hidden;
            animation-name: open;
            animation-duration: 1s;
            animation-timing-function: ease-in-out;
            padding-top: 10px;
            padding-bottom: 10px;
            transition: padding 0.5s ease-in-out;
        }

    .mstm-main-menu .megamenu > .mstm-sub-menu.expanded .mstm-sub-menu-inner > ul {
        visibility: visible;
    }

    .mstm-main-menu .megamenu > .mstm-sub-menu.expanded .mstm-sub-menu-inner > ul {
        opacity: 1;
        transform: translateY(0);
        transition: visibility .5s cubic-bezier(.25,.46,.45,.94),opacity 1s cubic-bezier(.25,.46,.45,.94),height .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94);
    }



    .mstm-main-menu .megamenu > .mstm-sub-menu .mstm-sub-menu-inner > ul > li > a {
        display: inline-block;
        padding: 5px 0;
    }

    .mstm-main-menu .megamenu > .mstm-sub-menu {
        opacity: 1;
        transform: translateY(0);
        transition: visibility .5s cubic-bezier(.25,.46,.45,.94),opacity 1s cubic-bezier(.25,.46,.45,.94),height .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94);
    }

    .mstm-main-menu .mstm-sub-menu .mstm-sub-menu-inner li {
        padding: 7px 0;
    }

    .mstm-main-menu .megamenu > .mstm-sub-menu .mstm-sub-menu-inner > ul > li > a {
        font-weight: bold;
    }
    /*------------*/

@media (max-width: 1366px) {

    .mstm-main-menu.desktop .mstm-sub-menu > .mstm-sub-menu-inner > ul > li > a {
        font-size: 17px;
    }


    .mstm-main-menu.desktop .megamenu.sidemenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul a {
        font-size: 15px;
    }

    .mstm-main-menu.desktop .largemenu .mstm-sub-menu > .mstm-sub-menu-inner > ul {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        max-height: unset;
    }
}

@media (max-width: 1280px) {
      /*----menu----*/
    /*new*/
    .mstm-main-menu {
        --menusidepadding: 26px;
        --menulargesidepadding: 45px;
    }
}


@media (max-width: 1170px) {
 
    .mstm-main-menu.desktop .mstm-sub-menu > .mstm-sub-menu-inner > ul > li > a {
        font-size: 15px;
    }

    .mstm-main-menu.desktop .megamenu.sidemenu .mstm-sub-menu > .mstm-sub-menu-inner > ul > li > a {
        font-size: 16px;
    }

    .mstm-main-menu.desktop .megamenu.sidemenu .mstm-sub-menu .menu-item-thub img {
        max-width: 90px;
    }

    .mstm-main-menu.desktop .megamenu.sidemenu .mstm-sub-menu.secondlevel {
        grid-template-columns: repeat(auto-fit, minmax(0px, 25%));
    }

    .mstm-main-menu.desktop .megamenu.sidemenu > .mstm-sub-menu > .mstm-sub-menu-inner {
        height: 470px;
    }

}

@media (max-width: 992px) {

    .mstm-main-menu.desktop .megamenu > a {
        font-size: 14px;
    }

    .mstm-main-menu.desktop .megamenu.sidemenu .mstm-sub-menu > .mstm-sub-menu-inner > ul > li > a {
        font-size: 14px;
    }

    .mstm-main-menu.desktop .mstm-sub-menu > .mstm-sub-menu-inner > ul > li > a {
        font-size: 13px;
    }

    .mstm-main-menu.desktop .megamenu.sidemenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul a {
        font-size: 13px;
    }
}

@media (max-width: 900px) {
    .mstm-main-menu.desktop {
        display: none;
    }

    /*.mstm-main-menu.mobile a:hover {
        color: inherit;
    }

    .mstm-main-menu.mobile {
        position: absolute;
        top: 100%;
        background: #f1f1f1;
        width: 100%;
        left: 0px;
        z-index: 10;
        height: calc(var(--vhHeight) - var(--headerHeight));
        overflow-x: auto;
        overscroll-behavior: none;
        display: none;
        overflow-x: hidden;
        max-width: 550px;
    }

    .mstm-main-menu.mobile .container{       
        padding: 50px 20px;
        max-width: 470px;
    }

        .mstm-main-menu.mobile .hasChildren.megamenu,
        .mstm-main-menu.mobile .megamenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.hasChildren {
            cursor: pointer;
        }

            .mstm-main-menu.mobile .hasChildren.megamenu a > span,
            .mstm-main-menu.mobile .megamenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.hasChildren a > span {
                vertical-align: middle;
            } 



    .mstm-main-menu.mobile.expanded {
        display: block;
    }*/

    /*-----------*/
    /*.mstm-main-menu.mobile .hasChildren.megamenu, 
    .mstm-main-menu.mobile .megamenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.hasChildren {
        cursor: pointer;
        position: relative;
    }

    .mstm-main-menu.mobile li {
        -webkit-tap-highlight-color: transparent;
    }

        .mstm-main-menu.mobile .megamenu > .first-level-item {
            display: block;
            border-bottom: 1px solid #dedede;
            pointer-events: none;
            position: relative;
        }

        .mstm-main-menu.mobile .megamenu > .first-level-item a {
            display: inline-block;
            padding: 10px 0;
            pointer-events:all;
        }

        .mstm-main-menu.mobile .mstm-main-menu-desktop-ul-outer > li.megamenu > .first-level-item a {
            font-size: 20px;
            color: var(--primary);
        }

            .mstm-main-menu.mobile .mstm-main-menu-desktop-ul-outer > li.megamenu > .first-level-item a::before {
                font-size: 28px;
                bottom: -5px;
                position: relative;
            }

        .mstm-main-menu.mobile .hasChildren.megamenu > .first-level-item a::after,
        .mstm-main-menu.mobile .megamenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.hasChildren > a::after {
            content: "\e98b";
            font-family: 'mindseed';
            position: relative;
            vertical-align: middle;
            margin-left: 2px;
            font-size: 12px;
            position: absolute;
            right: 5px;
            top: 36px;
            transform: translateY(-50%);
            pointer-events:none;
            transition: 0.3s ease-out;
        }

         .mstm-main-menu.mobile .megamenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.hasChildren > a::after{
             top:26px;
         }

        .mstm-main-menu.mobile .hasChildren.megamenu.active > .first-level-item a::after,
        .mstm-main-menu.mobile .megamenu > .mstm-sub-menu > .mstm-sub-menu-inner > ul > li.hasChildren.active a::after {
            transform: translateY(-50%) rotate(-180deg);
        }*/

    /*2nd*/
        /*.mstm-main-menu.mobile .mstm-sub-menu.shrink {
            height: 0;
            opacity: 0;
            transform: translateY(40px);
            transition: height .3s ease,opacity .3s ease;
            visibility: hidden;
        }

        .mstm-main-menu.mobile .mstm-sub-menu.expanded {
            opacity: 1;
            transform: translateY(0);
            transition: visibility .5s cubic-bezier(.25,.46,.45,.94), opacity 1s cubic-bezier(.25,.46,.45,.94), height .5s cubic-bezier(.25,.46,.45,.94), transform .5s cubic-bezier(.25,.46,.45,.94);
            visibility: visible;
        }

        .mstm-main-menu.mobile .megamenu > .mstm-sub-menu ul,
        .mstm-main-menu.mobile .megamenu > .mstm-sub-menu .mstm-sub-menu-inner > ul > li.hasChildren ul {
            max-height: 0px;
            display: block;
            overflow-y: hidden;
            padding-left: 10px;
        }

            .mstm-main-menu.mobile .megamenu > .mstm-sub-menu.expanded .mstm-sub-menu-inner > ul, 
            .mstm-main-menu.mobile .megamenu > .mstm-sub-menu .mstm-sub-menu-inner > ul > li.hasChildren ul.expanded {
                max-height: 5000px;
                max-height:unset;
                overflow: hidden;
                animation-name: open;
                animation-duration: 1s;
                animation-timing-function: ease-in-out;
                padding-top: 10px;
                padding-bottom: 10px;
                transition: padding 0.5s ease-in-out;
            }

        .mstm-main-menu.mobile .megamenu > .mstm-sub-menu.expanded .mstm-sub-menu-inner > ul {
            visibility: visible;
        }

        .mstm-main-menu.mobile .megamenu > .mstm-sub-menu.expanded .mstm-sub-menu-inner > ul {
            opacity: 1;
            transform: translateY(0);
            transition: visibility .5s cubic-bezier(.25,.46,.45,.94),opacity 1s cubic-bezier(.25,.46,.45,.94),height .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94);
        }



        .mstm-main-menu.mobile .megamenu > .mstm-sub-menu .mstm-sub-menu-inner > ul > li> a {
            display: inline-block;
            padding: 5px 0;
        }

        .mstm-main-menu.mobile .megamenu > .mstm-sub-menu {
            opacity: 1;
            transform: translateY(0);
            transition: visibility .5s cubic-bezier(.25,.46,.45,.94),opacity 1s cubic-bezier(.25,.46,.45,.94),height .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94);
        }

        .mstm-main-menu.mobile .mstm-sub-menu .mstm-sub-menu-inner li {
            padding: 7px 0;
        }

            .mstm-main-menu.mobile .megamenu > .mstm-sub-menu .mstm-sub-menu-inner > ul > li > a {
                font-weight:bold;
            }*/

            /**/
    .burger-bottom-items-outer {
        color: var(--primary);
        margin-top: 30px;
    }

        .burger-bottom-items-outer .mstm-header-components-wishlist a {
            color: var(--primary);
            padding: 10px 0;
            display: block;
            font-size: 20px;
        }

        .burger-bottom-items-outer .mstm-header-components-wishlist a::before {
            margin-right: 2px;
        }

}

@media (max-width: 600px) {
    .mstm-main-menu.mobile .mstm-sub-menu.expanded.secondlevel {
        grid-template-columns: repeat(2, auto);
    }

    .mstm-main-menu.mobile .mstm-sub-menu.expanded.secondlevel .menu-back-title {
        grid-column: 1/3;
    }

    .burger-bottom-items-outer {
        display: block;
    }
    .burger-bottom-items-outer .mstm-header-components-wishlist {
        display: block;
    }
}

@media (max-width: 410px) {
    .mstm-main-menu.mobile .mstm-sub-menu.expanded.secondlevel {
        grid-template-columns: auto;
    }

    .mstm-main-menu.mobile .mstm-sub-menu.expanded.secondlevel .menu-back-title {
        grid-column: 1/2;
    }
}

@media (max-width: 375px) {

    .mstm-main-menu.mobile .container {
        padding: 20px 20px;
    }
}


@keyframes submenuclose {
    0%, 99.99% {
        visibility: visible;
        opacity: 1;
    }

    100% {
        visibility: hidden;
        opacity: 0;
    }
}

@keyframes submenuopen {
    0%, 99.99% {
        visibility: hidden;
        opacity: 0;
    }

    100% {
        visibility: visible;
        opacity: 1;
    }
}