#mobile {display: none; background: #222222!important; margin: 0!important; padding: 0!important; position: absolute; width: 100%!important; height: auto!important; left: 0!important; top: 0!important; z-index: 9999!important;}
#mobile h2 {font-size: 24px!important; line-height: 26px!important; font-family: sans-serif!important; margin: 0!important; padding: 0 0 5px 5px!important;border-bottom: 1px solid #666!important;color:#fff!important;}
#mobile ul {margin: 0!important; padding: 0!important;}
#mobile ul li {display: block!important; width: 100%!important; padding: 8px 0!important;border-bottom: 1px solid #666!important;}
#mobile ul li a {font-family: sans-serif!important; padding: 0 0 0 5px!important; color: #fff!important; text-decoration: none!important;}
#mobile ul li a:hover {color: #ef414c!important;}
#mobile ul li li a {margin-left: 15px;}
#mobile .mobile {display: none;}
#mobile .menu-icon {position: absolute; right: 3px; top:3px; width: 20px;}
#mobile .menu-icon span {display: block; background: none repeat scroll 0 0 #f2f2f2;display: block;height: 4px;left: 0;width: 20px;margin: 0 0 3px 0;}
#mobile ul ul {margin-top: 5px!important; display: none;}
#mobile ul ul li:last-child {border: 0 none!important;}
#mobile ul ul li:first-child {border-top: 1px solid #666!important;}

#mobile ul li.menu-item-has-children {background: url('arrow-right.png') no-repeat top right;}
#mobile ul li.menu-item-has-children.active {background: url('arrow-down.png') no-repeat top right;}
#mobile.slidedown {top: 0; bottom: 0; height: 100%; overflow-x: hidden; overflow-y: scroll;}

@media all and (min-width : 0em) and (max-width : 842px) {
#mobile {display: block;}
body {margin-top: 35px;}
}