.toggle-mmenu {
    display: none;
}
#mobile-menu {
    display: none;
}

@media screen and (max-width: 767px) {
    .toggle-mmenu {
        display: block;
        position: absolute;
        z-index: 100;
        right: 15px;
        top: 12px;
        width: 36px;
        height: 36px;
        background: #666661 url(../images/mmenu_toggle.png) no-repeat;
        border-radius: 5px;
    }
    .mmenu-open .toggle-mmenu {
        background-position: 100% 0;
    }
    .toggle-mmenu.close {
        background-image: none;
        color: #fff;
        display: block;
        width: 100%;
        line-height: 45px;
        height: auto;
        position: static;
        font-size: 16px;
        border-radius: 0;
    }
    .mmenu-open {
        overflow: hidden;
    }
    #mobile-menu {
        display: block;
        position: fixed;
        right: -320px;
        left: 100%;
        top: 0;
        bottom: 0;
        z-index: 1000;
        background: #fff;
        -webkit-transition: all .3s ease;
                transition: all .3s ease;
    }
    .mmenu-open #mobile-menu {
        left: 0;
        right: 0;
    }
    #mobile-menu .menu {
        display: block;
    }
    #mobile-menu .fixed-top {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 75px;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
    }
    #mobile-menu .site-title {
    }
    #mobile-menu .main-menu {
        padding: 0 15px 15px;
    }
    #mobile-menu .menu li {
        position: relative;
        float: none;
        display: block;
    }
    #mobile-menu .menu li a {
        display: block;
        padding: 10px;
        border-bottom: 1px solid #ddd;
        color: #666;
    }
    #mobile-menu .menu li a:hover,
    #mobile-menu .menu li.active > a {
        color: #666661 ;
    }
    #mobile-menu .menu ul {
        display: none;
    }
    #mobile-menu .menu ul li a {
        padding-left: 15px;
        background: #F7F3F0;
    }
    #mobile-menu .menu ul ul li a {
        padding-left: 25px;
        background: #fff;
        color: #666;
        border-bottom: 0;
    }
    #mobile-menu .menu ul ul li a:hover,
    #mobile-menu .menu ul ul li.active > a {
        
    }
    #mobile-menu .menu li.has-child > a {
        padding-right: 45px;
    }
    #mobile-menu .menu li.has-child > .toggle-submenu {
        position: absolute;
        right: 0;
        top: 0;
        width: 44px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        font-size: 15px;
        color: #bbb;
        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;
        background: #fff;
        z-index: 1100;
        margin: 0;
        padding: 0;
        border-top: 1px solid #ddd;
        text-align: center;
    }
    #mobile-menu .share {
        position: static;
        margin: 5px 0;
        display: inline-block;
    }
    #mobile-menu .language .btn {
        display: none;
    }
    #mobile-menu .language ul li {
        display: inline-block;
        vertical-align: top;
        color: #999;
    }
    #mobile-menu .language ul li+li:before {
        content: "| ";
    }
    #mobile-menu .language ul li a {
        padding: 5px;
    }
    #mobile-menu .language ul li a:hover {
        color: #BA7F5F;
    }
}