/* sub-top-menu */
#sub-top-menu {position: relative; width: 100%; height: 60px; margin-top: -60px; background: rgba(0, 0, 0, .3); text-align: center; z-index: 1;}
#sub-top-menu ul {display: flex; justify-content: center; height: 100%;}
#sub-top-menu ul li a {position: relative; display: flex; align-items: center; justify-content: center; width: 325px; height: 100%; font-size: 18px; font-weight: 500; color: #fff; transition: .3s;}
#sub-top-menu ul li a:hover {background: rgba(255, 255, 255, .15);}
#sub-top-menu ul li a.active {background: #fff; color: #000;}

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

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

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

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

}

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

}