/* sub-top-menu */
#sub-top-menu {position: relative; width: 100%; height: 60px; margin: -60px auto 0; background: rgba(0, 23, 62, .3); text-align: center; z-index: 1;}
#sub-top-menu ul {display: flex; justify-content: center; height: 100%; width: 100%; max-width: 1300px; margin: 0 auto;}
#sub-top-menu ul li{flex-grow: 1;}
#sub-top-menu ul li a {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 18px; font-weight: 400; color: #fff; transition: 200ms;}
#sub-top-menu ul li a:hover {background: #000b27;}
#sub-top-menu ul li a.active {background: #000b27; font-weight: 500;}

/* media query */
@media screen and (max-width: 1300px) {
    #sub-top-menu ul li{min-width: 175px;}
}

@media screen and (max-width: 1200px) {
    #sub-top-menu ul li a {font-size: 16px;}
}

@media screen and (max-width: 1024px) {
    #sub-top-menu {display: none;}

}

@media screen and (max-width: 767px) {

}

@media screen and (max-width: 640px) {

}