.top-menu {margin-top: 24px}
.top-menu .brand img { width: 75%; height:auto;}
.top-menu ul.menu {margin: 0; padding: 0; overflow:hidden;}
.top-menu .leaf {list-style:none; padding:0; background:none; float: left; margin: 0; border-left:1px solid #eaeaea;}
.top-menu .first {border:none}
.top-menu .last {padding-left:36px; border: none;}
.top-menu .menu a {font-size: 15px; color: #777; text-decoration:none; padding:0 12px; display:block;}
.top-menu a:focus, .top-menu a:hover, .top-menu a:active {color: #4a4a4a; text-decoration: underline;}
.top-menu .last a {text-decoration:underline;}
.top-menu .last a:hover {text-decoration: none; color:#fff; background: #ccd741}


@media all and (min-width:768px) and (max-width:991px) {

.top-menu .brand img { width: 100%;}
.top-menu .last {padding-left:0;}

}