
nav a.mobile-menu {display: none;}
nav {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; text-transform: uppercase; color: #fff!important;  padding: 0 .5em;  padding: 0;  margin: 1.8em 0 0 0; text-transform: uppercase; float: right }
nav ul {  margin: 0 !important;  list-style: none;}
nav ul > li {display: inline-block;  } 
nav ul > li:first-child  {border-left: none;}
nav ul > li > a { color: #fff!important;  text-decoration: none; text-transform: uppercase; }
nav ul > li.current-menu-item > a, nav ul > li.current-menu-item > a:visited {color: #ffd94a!important; }
nav ul li a:hover {color: #ffd94a !important;   }
nav ul > li > a:visited {color: #fff!important; }
nav ul > li > ul > li > a {font-weight: normal;; border-left: none !important; padding: 0 0 0 1.2em; font-size: .9em; text-transform: none;}
nav ul > li > ul.sub-menu { background-color: #4a4c59 !important; padding-bottom: .75em;}
.menu > li > a {padding: 0 1em .5em !important; line-height: normal !important; border-right: 1px solid #fff; }
.menu li.menu-item-32 a:last-child {border-right: none !important;}



@media screen and (min-width: 1025px) {
nav > a { display: none; }
nav * {  padding: 0;  margin: 0;}
nav > ul { display: flex; float: right;}
nav > ul > li { cursor: pointer;  text-align: left; position: relative;}
nav > ul > li:hover {  transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s; }
nav > ul > :first-child { margin-left: -15px; }
nav > ul > li ul li {  cursor: pointer; }
nav > ul > li ul.submenu li a:hover {  color: #fff !important;  }
nav ul > li > ul > li > ul > li > ul,  nav ul > li > ul > li > ul {  margin-left: 100px;  }
nav ul > li:hover > ul { display: block; }
}


@media screen and (max-width: 1025px) {
nav > ul li {   }
nav * > li > a {   display: block;  width: 100%;  height: 100%; }
nav * li:last-child { border-bottom: 0; }
nav > a {  margin-top: 5px;  margin-left: 5px;  display: inline-block;  color: white; }
nav > ul { display: none; }
nav ul > li > ul,  nav ul > li > ul > li > ul > li > ul,  nav ul > li > ul > li > ul { display: none; }
}



@media only screen and (max-width : 360px) {
nav ul {  margin: 0 !important; }
nav ul > li > ul.sub-menu { padding-bottom: 0; margin: 0; padding: 0;}
nav ul > li { display: block;}

}


@media screen and (max-width: 40em) {
nav a.mobile-menu {color: #ffd94a;}
nav a.mobile-menu, nav ul > li  {display: block !important;}
nav a.mobile-menu span {  display: block;  width: 33px;  height: 4px;  margin-bottom: 5px;  position: relative;   background: #cdcdcd;  border-radius: 3px;  z-index: 1;    transform-origin: 4px 0px;  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
   background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),  opacity 0.55s ease;}
nav a.mobile-menu span:first-child { transform-origin: 0% 0%;}
nav a.mobile-menu span:nth-last-child(2) { transform-origin: 0% 100%;}
nav li {float: none !important;}
nav ul ul { float: none !important;  position: relative !important; left: 0em !important}
.menu > li > a {padding: 0 .35em !important; border-right: none; }
nav ul > li > ul.sub-menu { background-color: #667581!important; box-shadow: none !important; }
}


