.footer{ height: 50px; line-height: 50px; background: #212025; }
.footer .links_div, .counter_class, .bulogo_class, .deptlogo_class, .librarylogo_class{ display: inline-flex; padding: 0 15px; }
.footer_spacing{ width: 35%; display: inline-table; }
.footer_spacing a{ color: #fff; }
.logo_class{ width: 64%; display: inline-table; }
.logo_class { text-align: right; }
.hkbulogo, .historylogo, .lib_logo{ height: 30px; }
.hkbulogo_small, .historylogo_small, .lib_logo_small{ display: none; }
.top-nav{ width: 50%; }
.page-top{ display:flex; }
.top-nav.right{ text-align: right; }
 
@media screen and (min-width: 0px) and (max-width: 1023px){
.footer_spacing, .logo_class{ width: 100%; display: block; text-align: center; background: #212025; }
.counter_class, .bulogo_class, .deptlogo_class, .librarylogo_class{ padding: 5px; }
.hkbulogo, .historylogo, .lib_logo{ height: 20px; }
.top-nav{ width: 100%; }
.page-top{ display:block; }
.page-top .right{ justify-content: center; }
}