.toggle-mmenu {
    display: none;
}
#mobile-menu {
    display: none;
}
#mobile-menu .menu li:nth-last-child(-n+2) {
    display: block;
}

@media screen and (max-width: 767px) {
    .toggle-mmenu {
        display: block;
        position: absolute;
        z-index: 100;
        right: 15px;
        top: 18px;
        width: 36px;
        height: 36px;
        background: #760C05 url(../images/mmenu_toggle.png) no-repeat;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    .mmenu-open .toggle-mmenu {
        background-position: 100% 0;
    }
    .toggle-mmenu.close {
        background-image: none;
        background-color: #696B6F;
        color: #fff;
        display: block;
        width: 100%;
        line-height: 50px;
        height: auto;
        position: static;
        font-size: 16px;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .mmenu-open {
        overflow: hidden;
    }
    #mobile-menu {
        display: block;
        position: fixed;
        right: -320px;
        left: 100%;
        top: 0;
        bottom: 0;
        z-index: 1000;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        background: #EEEEEE;
    }
    .mmenu-open #mobile-menu {
        left: 0;
        right: 0;
    }
    #mobile-menu .menu {
        display: block;
    }
    #mobile-menu .fixed-top {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 78px;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
    }
    #mobile-menu .site-title .logo.ibtn{
        margin-top: 6px;
        width: 240px;
        height: 65px;
        
    }
    #mobile-menu .main-menu {
        padding: 0;
    }
    #mobile-menu .side-nav {
        display: block;
    }
    #mobile-menu .menu li {
        position: relative;
    }
    #mobile-menu .menu li a {
        display: block;
        padding: 10px 15px;
        border-bottom: 1px solid #3E3F40;
        /*color: #888;*/
    }
    #mobile-menu .menu ul {
        display: none;
    }
    #mobile-menu .menu ul li a {
        padding-left: 15px;
        background: #4C4E52;
        color: #ccc;
    }
    #mobile-menu .menu ul li a:hover,
    #mobile-menu .menu ul li.active > a {
        background: #600011;
        color: #fff;
    }
    #mobile-menu .menu ul ul li a {
        padding: 8px 15px 8px 25px;
        background: #696B6F;
        color: #fff;
        border-bottom: 0;
    }
    #mobile-menu .menu ul ul li a:hover,
    #mobile-menu .menu ul ul li.active > a {
        background: #909090;
    }
    #mobile-menu .menu li.has-child > a {
        /*padding-right: 45px;*/
    }
    #mobile-menu .menu li.has-child > .toggle-submenu {
        position: absolute;
        right: 0;
        top: 12px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 15px;
        color: #CCCCCC;
        cursor: pointer;
    }
    #mobile-menu .menu li.has-child > .toggle-submenu:before {
        content: "\f067";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #mobile-menu .menu li.has-child.active > .toggle-submenu:before {
        content: "\f068";
    }
    #mobile-menu .search-box {
        position: relative;
        right: 0;
        bottom: 0;
        display: block;
        margin: 0 15px;
    }
    #mobile-menu .fixed-bottom {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1100;
        margin: 0;
        padding: 0 0 5px;
        text-align: center;
    }
    #mobile-menu .share {
        position: static;
        margin: 5px 0;
        display: inline-block;
    }
    #mobile-menu .share .btn {
        font-size: 18px;
        width: 30px;
        height: 30px;
    }
    #mobile-menu .share .btn:hover {
        color: #fff;
    }
    #mobile-menu .language .btn {
        display: none;
    }
    #mobile-menu .language ul li {
        display: inline-block;
        vertical-align: top;
        color: #8B8B8B;
    }
    #mobile-menu .language ul li+li:before {
        content: "| ";
    }
    #mobile-menu .language ul li a {
        padding: 5px;
    }
    #mobile-menu .language ul li a:hover {
        color: #fff;
    }
}