.mobilenav { display:none; }
.menu {display:block;}
#top-navigation { display:none;}

@media (max-width: 767px) { 
    .mobilenav { display:block; }
    #top-navigation {display:none;}
    .menu {display:none !important;}
    #mirror-menu-module {display:none;}
}
@media (min-width: 768px){
  #top-navigation { display:none!important;}
}
@media (max-device-width:640px) and (orientation:landscape) {
  body{-webkit-text-size-adjust:none !important}
}

.nav-wrapper {
  height:93px;
}

.menu ul{
  float:right;
  padding-top: 20px;
}

.menu li ul {
  padding: 0;
  width: 150px;
  position: absolute;
  padding-bottom: 16px;
  margin: 8px 0 0;
  left: auto;
  z-index: 1050;
  display: none;
}
.menu li:hover > ul {
  display: block;
}
.menu li ul li {
position: relative;
  background: none;
  text-align: left;
  padding: 10px;
  margin: 0;
  width: 130px;
}
.menu ul ul ul{
    margin: 0;
    right: 150px;
    top: 0;
}
.menu li ul li a{
padding: 0;
margin: 0;
}
ul#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}


.menu { float: right;padding: 20px 0px;  }
.menu li { float:left; margin-left: 10px; margin-top: 10px; }
.menu li a { font-size: 13px; font-family: 'Open Sans','Arial'; padding: 30px 10px 10px 10px; }
.menu li.current a { font-weight: 600; }
.menu li.current a {font-weight: 600; }

#nav li a{ 
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.mobilenav { 

  font-size: 34px; 
  line-height: 1; 
  padding: 2px 10px; 
  margin-bottom:10px;

}

#top-navigation ul {
  margin: 0; 
  padding: 0;
  overflow: hidden;
}
#top-navigation li {
  list-style: none;
  margin-bottom:10px;
}
#top-navigation li a {
  display: block;
  padding: 0 0 0 6px;
  height: 38px;
  line-height: 38px;
  font-size: 13px;
  font-size: 1.3rem;
  text-decoration: none;  
}
#top-navigation li ul{
  background:none;
  padding:0;
  margin:0;
  margin:10px 0 -10px 20px;
}
#top-navigation ul#nav li ul li {
  padding:0;
}
#top-navigation li a:hover, #top-navigation li li a:hover, #top-navigation li li li a:hover{
  padding-left: 20px;
}

.mobilenav { 
  font-size: 34px; 
  line-height: 1; 
  padding: 2px 10px; 
  float:right;
}