#mobile {display: none; background: #48449B!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;color:#fff!important;}
#mobile ul {margin: 0!important; padding: 0!important;}
#mobile ul li {border-bottom: 1px solid #666!important;}
#mobile ul li a {display: block!important; width: 100%!important; padding: 8px 0 8px 5px!important;}
#mobile ul li a {font-family: sans-serif!important; color: #fff!important; text-decoration: none!important;}
#mobile ul li a:hover {color: #ccc!important;}
#mobile ul li li a {margin-left: 15px;}
#mobile .mobile {display: none;}
#mobile .menu-icon {position: absolute; right: 3px; top:5px; 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 {border-top: 1px solid #666; margin-top: 5px!important; display: none;}
#mobile ul ul li:last-child {border: 0 none!important;}

#mobile li.current_page_item > a, #mobile ul > li.current_page_ancestor > a, #mobile ul > li.current-menu-ancestor > a, #mobile ul > li > li.current-menu-parent > a {font-weight: bold; text-decoration: underline!important;}

#mobile ul li.menu-item-has-children {background: url('arrow-right.png') no-repeat right 9px;}
#mobile ul li.menu-item-has-children.active {background: url('arrow-down.png') no-repeat right 9px;}
#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: 31px;}
}