.top_bar { border-bottom: 3px solid #003055; overflow: hidden; padding: 15px 50px;}
.logo { padding: 0; width: 610px; float: left; border-bottom-width: 0;}
.logo img { height: 50px;}
.logo h2 { font-size: 20px; margin-top: 16px;}
.logo_box { width: auto;}
.logo_box h2 .b,
.logo_box h2 .e,
.logo_box h2 .m { color: #fb8d26;}

@media ( max-width: 1280px){ 
    .logo { width: 550px;}
    .logo img { height: 45px;}
    .logo h2 { font-size: 18px;}
}

@media ( max-width: 1200px){ 
    .top_bar { padding: 15px 0;}
    .logo h2 { font-size: 16px;}
}

@media ( max-width: 750px){ 
    .logo_box { width: auto;}
    .logo_box  h2 {
        font-size: 14px;
        padding-top: 8px;
        clear: both;
        margin: 0px 10px;}    
}
.top_menu { width: auto; float: right; height: auto;  background: transparent;}
.top_menu a { padding: 10px 15px; font-size: 20px; color: #214986;}
.top_menu li.current a, .top_menu li:hover a { background: #2c6ed7; color: #fff;}
@media ( max-width: 1280px){ 
    .top_menu a { font-size: 18px; padding: 10px;}
}
@media ( max-width: 1200px){ 
    .top_menu  { top: 102px; background: #214986; width: 100%;}
    .top_menu a { color: #fff;}
}