.menu > li{
float: left;
margin-left: 45px;
position: relative;
}
.menu li a{
color: #ffffff;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
}
.menu > li > a{
height:70px;
line-height: 70px;
}
.menu li a:hover{
color: #f5d038;
}
.menu li.current-menu-item > a{
color: #f5d038;
}
.menu .sub-menu{
position: absolute;
z-index: 1000;
left: 0;
top:70px;
background: #fff;
background: #1c2732;
box-shadow: 0 3px 10px rgba(0,0,0,0.3);
overflow: hidden;
display: none;
}
.menu .menu-item:hover > .sub-menu{
display: block;
}
.menu .sub-menu li a{
display: block;
padding: 12px 20px;
color: #ffffff;
min-width: 200px;
}
.sub-menu > li.current-menu-item > a{
color: #f5d038;
}
@media only screen and (max-width: 1024px) {
body.open-nav .menu{
display: block !important;
}
.menu{
position: absolute;
left: 0;
right: 0;
top: 64px;
background: #1c2732;
padding: 15px 0;
}
.menu li{
display: block;
float: none;
margin: 0;
}
.menu li a{
display: block;
color: #fff;
padding: 10px 30px;
height: auto;
line-height: inherit;
}
.menu .sub-menu{
position: static;
display: block;
box-shadow: none;
background: none;
}
.menu .sub-menu > .menu-item{
padding-left: 25px;
}
.menu .sub-menu li a{
padding: 9px 20px;
}
.menu .sub-menu > li.current-menu-item > a{
color: #f5d038;
}
}