#mobile-menu {z-index:10}
#mobile-menu .mm-navbar { padding: 0 20px; }

#mobile-menu .mmenu-home {
    position: relative;
    height: 13px;
    width: 17px;
    border: 6px solid #ccc;
    border-bottom: none;
    margin: 7px 16px 0 10px;
    float: left;
}
#mobile-menu .mmenu-home:before, #mobile-menu .mmenu-home:after {
    content: "";
    position: absolute;
    top: -16px
}
#mobile-menu .mmenu-home:before {
    right: -12px;
    border-style: solid;
    border-width: 0 14px 13px;
    border-color: transparent transparent #ccc
}
#mobile-menu .mmenu-home:after {
    left: 7px;
    height: 10px;
    border: 2px solid #ccc
}

#mobile-menu ul.nav{ margin: 0 -20px; }
#mobile-menu ul.nav>li { background: #c0bcb6; padding: 10px 0; }
#mobile-menu ul.nav>li:hover { background: #fff; }
#mobile-menu ul.nav>li>a:nth-child(2) {
    text-decoration: none;
    height: 40px;
    padding: 0;
    margin: 0 50px 0 20px;
    overflow: hidden;
    position: relative;
    background: none;
    line-height: 40px;
}

#mobile-menu ul.nav>li>a>div {display: block; height:40px; background: url('./../images/spritesheets/main.png') no-repeat -5000px 0;}
#mobile-menu ul.nav>li>a>div>span{display: none}

#mobile-menu ul.nav>li.gta-5>a>div {width:118px; background-position: -295px -312px;}
#mobile-menu ul.nav>li.gta-4>a>div {width:125px; background-position: -169px -312px;}
#mobile-menu ul.nav>li.gta-vice-city>a>div {width:168px; background-position: 0 -312px;}

#mobile-menu ul.nav>li.gta-5:hover>a>div, header .menu nav>ul>li.gta-5.active>a>div,
#mobile-menu ul.nav>li.gta-4:hover>a>div, header .menu nav>ul>li.gta-4.active>a>div,
#mobile-menu ul.nav>li.gta-vice-city:hover>a>div, header .menu nav>ul>li.gta-vice-city.active>a>div {background-position-y: -353px;}

#mobile-menu ul.nav>li.gta-san-andreas>a>div {width:205px; background-position: -276px -229px;}
#mobile-menu ul.nav>li.gta-mobile>a>div {width:126px; background-position: 0 -229px;}
#mobile-menu ul.nav>li.gta-classics>a>div {width:147px; background-position: -128px -229px;}

#mobile-menu ul.nav>li.gta-san-andreas:hover>a>div, header .menu nav>ul>li.gta-san-andreas.active>a>div,
#mobile-menu ul.nav>li.gta-mobile:hover>a>div, header .menu nav>ul>li.gta-mobile.active>a>div,
#mobile-menu ul.nav>li.gta-classics:hover>a>div, header .menu nav>ul>li.gta-classics.active>a>div {background-position-y: -270px;}

#mobile-menu .submenu{padding:0;margin-bottom:-1px}
#mobile-menu .submenu>div{position:relative;margin-bottom:-1px;padding-top: 40px}
#mobile-menu .submenu>div.mm-navbar{margin-bottom:0;padding:0}
#mobile-menu .section-name {
    top: 0;
    background: #e0dad1;
    border-left: 1px solid #cfc8bc;
    bottom: 0;
    color: #57534b;
    float: none;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    left: 0;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    text-shadow: 1px 1px 1px #fff;
}
.mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after {display:none}
.submenu .mm-title {color: #fff!important}
.submenu .mm-listview li { padding: 10px 10px 10px 15px;}
.submenu .mm-listview li a { padding: 0; }

.mm-listview > li:not(.mm-divider):after {left: 15px;}

nav.filters ul.mobile-filters {display: block;}
@media(min-width:768px){nav.filters ul.mobile-filters {display: none}}
@media(max-width:768px){
    nav.filters .filter-list-values>div{display:block}
    nav.filters .filter-list-values>div>div{display:inline;padding:0;border:0}
    nav.filters .filter-list-values>div>div span{display:inline-block;margin-right:20px}
    nav.filters .filter-list-values>div>div span a, nav.filters .filter-list-values>div>div span strong{margin: 0;}
    nav.filters .filter-list-values>div>div span sup{display: none}

    nav.filters .filter-list-values .overflow-gradient{display:inline-block;overflow:visible;}
    nav.filters .filter-list-values .overflow-gradient:after{display:none}
}
nav.filters ul.mobile-filters li {}
nav.filters ul.mobile-filters li button { font-weight: bold; margin-bottom: 10px; display: block; width: 100% }

@media(max-width:768px){
    .paginator:not([id=pagination-mobile]) {overflow: hidden;height: 0}
    #pagination-mobile {padding-top: 10px;font-size: 14px}
    #pagination-mobile .cur em, #pagination-mobile .next a, #pagination-mobile .prev a {padding: 15px 20px;font-weight: 700;color: #fff;text-decoration: none}
    #pagination-mobile .next {display: inline-block;width: 33.33%;text-align: left;vertical-align: bottom}
    #pagination-mobile .next::before {display: none}
    #pagination-mobile .next a {background: #aaa;display: block;text-align: center;}
    #pagination-mobile .next a:hover {background: #ff6c24}
    #pagination-mobile .prev {display: inline-block;width: 33.33%;text-align: right;vertical-align: bottom}
    #pagination-mobile .prev::before {display: none}
    #pagination-mobile .prev a {background: #aaa;display: block;text-align: center;}
    #pagination-mobile .prev a:hover {background: #ff6c24}
    #pagination-mobile .cur {display: inline-block;width: 33.33%;text-align: center;vertical-align: bottom}
    #pagination-mobile .cur::before {display: none}
    #pagination-mobile .cur em {display: inline-block}
}