.newMenuWrap  {
    left: 0;
}

.mm-wrapper_opened .mob-menu:before {
    transform: rotate( 45deg);
}

.mm-wrapper_opened .mob-menu span {
    left: -50px;
    opacity: 0;
}

.mm-wrapper_opened .mob-menu:after {
    transform: rotate( -45deg);
}

.mm-wrapper_opened .mob-menu:before,
.mm-wrapper_opened .mob-menu:after {
    top: 20px;
}

.newMenuWrap.mm-menu_opened {
    left: 0;
    display: block !important;
}


.newMenuWrap {
    overflow-y: scroll;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    width: 300px;
    height: 100vh;
    background: #3b3c44;
    color: #fff;
    transition: transform .4s ease;
    transform: translateX(-300px);
}

/* .header {
    transition: transform .4s ease;
    transform: translateX(0);
} */

/* .mm-opening .header,
.mm-wrapper_opening .header {
    transform: translateX(300px);
} */

.mm-panel_has-navbar .mm-navbar,
.newMenu__item:first-child {
    height: 60px;
}
.mm-listitem .mm-btn_next:before {
    display: none;
}
.mm-panel_has-navbar {
    padding-top: 60px;
}
.mm-btn {
    height: 60px;
}

.newMenu__item-last .newMenu__link {
    float: left;
    padding: 0;
    width: 50%;
    text-align: center;
    min-height: 48px;
    line-height: 46px;
}

.newMenu__item-last .newMenu__link:not(.newMenu__link-currencyActive):hover {
    background: #3b3c44;
}

.mm-menu.newMenuWrap .newMenu__item-active > .newMenu__link,
.mm-menu.newMenuWrap .newMenu__item-active >
.mm-menu.newMenuWrap .subNewMenu__link,
.mm-menu.newMenuWrap .newMenu__link-currencyActive {
    color: #fdd137;
}

.mm-menu_theme-dark .mm-listview a:not(.mm-btn_next) {
    line-height: normal;
}

.subNewMenu__item,
.newMenu__item {
    text-align: left;
}

.mm-listitem:after {
    left: 0;
    border-bottom-width: 2px;
}

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar>* {
    color: #fdd137;
}

.newMenuWrap.mm-menu .mm-btn:after,
.newMenuWrap.mm-menu .mm-btn:before,
.newMenuWrap.mm-menu .mm-listview .mm-btn_next:after {
    border-color: #fdd137;
}

.mm-menu .mm-listitem_selected>a:not(.mm-btn_next),
.mm-menu .mm-listitem_selected>span {
    background: transparent;
}

.newMenuWrap {
    display: none;
}

    /*.mm-menu_offcanvas {*/
     /*display: none;*/
 /*}*/

.mm-opening .mm-offcanvas.mm-opened~.mm-slideout,
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
    transform: translate3d(300px,0,0);
}

a.mm-btn.mm-btn_close.mm-navbar__btn {
    display: none;
}

.mm-navbars_top {
    display: none;
}

.mm-menu_navbar_top-1 .mm-panels {
    top: 0;
}

.mm-listitem>a, .mm-listitem>span {
    padding: 0 10px 0 20px;
    margin: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.mm-navbar__title {
    padding: 0;
    display: flex;
    align-items: center;
    height: 100%;
}

.mm-navbar__title,
.newMenu__link, .subNewMenu__link {
    font: 18px/46px "opensans-regular";
}

.mm-listitem:after {
    border-bottom-width: 1px;
}

@media (max-width: 980px) {
    .menu-open {
        display: none;
    }
    .main-header__nav {
        display: none;
    }
    .mob-menu {
        display: block;
        margin: -22px auto 0 0;
    }
}

.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before,
.mm-menu .mm-listview .mm-btn_next:after {
    border-color: #fff;
}

.mm-btn_clear:before, .mm-btn_close:before {
    right: 7px;
}

.mm-btn_clear:after,
.mm-btn_clear:before,
.mm-btn_close:after, .mm-btn_close:before {
    width: 12px;
    height: 12px;
}

.mm-navbar {
    height: 60px;
}

.mm-menu_navbar_top-1 .mm-panels {
    top: 0;
}

.newMenu__item-last .newMenu__link,
.newMenu__item-last .newMenu__link {
    justify-content: center;
}



@media (min-width: 981px) {
    .menu-open,
    #mm-menu {
        display: none !important;
    }
}

@media (max-width: 380px) {

    .mm-wrapper_opening .main-header {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        z-index: 0;

    }

    .smallMobCloseBtn  {
        display: none;
    }

    .mm-menu_navbar_top-1 .mm-panels {
        top: 60px;
    }

    a.mm-btn.mm-btn_close.mm-navbar__btn {
        display: block;
    }

    .mm-navbars_top {
        display: block;
        right: 0;
        left: inherit;
        background: transparent;
        display: flex;
        justify-content: flex-end;
    }

    .mm-navbar {
        height: 60px;
        padding: 0 21px;
    }

    .newMenuWrap {
        width: 100%;
        transform: translateX(-100%);
    }

    .mm-navbar__title {
        padding: 0 0 0 20px;
    }

}