#logo {
float: none;
text-align: center;
}
@media only screen and (min-width:768px) {
#navigation {
position: relative;
}
#main-nav {
clear: left;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
left: 50%;
text-align: center;
}
.nav li {
display: block;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
right: 50%;
}
.nav li:hover, .nav li.hover {
position: relative;
}
.nav li ul li {
left: 0;
}
}
@media only screen and (min-width:768px) {
#navigation {
border-top: 0px !important;
border-bottom: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
}
}
@media only screen and (min-width: 768px) {
#navigation ul.nav > li {
border-right: 0px !important;
}
}
@media only screen and (min-width: 768px) {
.nav li {
padding-right: 7.5px;
padding-left: 7.5px;
}
}
ul.nav li.current_page_item a, ul.nav li.current-menu-item a {
background: inherit;
color: inherit;
font-weight: bold;
}