#mobileMenu { display: none; }
#overlay { background: none repeat scroll 0 0 #1a1a18; display: none;
    height: 100%; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 499;
}

@media screen and (max-width: 600px), only screen and (orientation : portrait) and (max-width: 980px) { 

  #mobileMenu { background: #919292; display: block; height: 100%; left: -80%; min-width: 256px; position: fixed; top: 0; width: 80%; 
    z-index: 3000; overflow: auto; }
    
  #mobileMain ul { margin: 0; }
  #mobileMain > ul > li { background: none repeat scroll 0 0 #f5f5f5; border-bottom: 1px solid #919292; min-height: 31px; 
  	padding: 0 0 0 5%; position: relative; margin: 0; }
  #mobileMain > ul > li:before { display: none; }	
    #mobileMain > ul > li > a { display: inline-block; font-size: 15px; font-weight: bold; line-height: 31px; text-transform: uppercase; width: 100%; }	
    #mobileMain > ul > li > a:hover { color: #e30018; }

  #mobileMenu .langswitch {  background: #e30018; font-size: 15px; height: auto; line-height: 30px; position: relative; text-align: left; width: 100%;
    font-weight: bold; padding-left: 5%; color: #fff; text-transform: uppercase; }
    
  #mobileMeta > ul > li { min-height: 31px; background: #f5f5f5; border-bottom: 1px solid #919292; padding: 0 0 0 5%; position: relative;  margin: 0 !important; }
  #mobileMeta > ul > li:before { display: none; }
  #mobileMeta > ul > li > a { line-height: 31px; text-transform: uppercase; font-size: 15px; font-weight: normal !important; display: inline-block; width: 100%; }
  #mobileMeta > ul > li > a:hover { color: #e30018; }    

}