.ssc-hk .nav a:link,
.ssc-hk .nav a:visited,
.ssc-hk .nav a:active {
    text-decoration: none !important;
    outline-offset: -2px;
}

.ssc-hk #navbar,
.ssc-hk #navbar .dropdown-menu {
    background-color: #61c1bd !important;
    border-radius: 0px !important;
    font-size: 14px;
    border: none !important;
}

.ssc-hk #navbar a {
    text-decoration: none !important;
    color: #f8f8f8 !important;
    background-color: #61c1bd !important;
}

.ssc-hk #navbar .open > a {
    color: #f8f8f8 !important;
    background-color: #38938e !important;
}

.ssc-hk #navbar a:hover:not(.navbar-brand):not(.static-menuitem),
.ssc-hk #navbar .open > a:not(.static-menuitem):hover {
    color: #f8f8f8 !important;
    background-color: #38938e !important;
}

.ssc-hk #navbar .navbar-toggle {
    border-color: #f8f8f8 !important;
    background-color: #61c1bd !important;
}

.ssc-hk #navbar .navbar-toggle:hover {
    background-color: #38938e !important;
}

.ssc-hk #navbar {
    border-color: #f8f8f8 !important;
}

.ssc-hk #navbar .navbar-collapse {
    border-color: #f8f8f8 !important;
}

.ssc-hk #navbar .navbar-brand-image {
    padding-top: 0px;
    padding-bottom: 0px;
}

.ssc-hk #navbar .navbar-brand-image > div {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}

.ssc-hk #navbar .navbar-brand-image > img {
    max-height: 40px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}

@media (min-width: 768px) {
    .ssc-hk #navbar {
        max-height: 50px;
        overflow: hidden;
    }
    .ssc-hk #navbar:hover {
        max-height: none;
        overflow: visible;
    }
    .ssc-hk #navbar .navbar-left {
        max-width: calc(100vw - 300px);
    }
    .ssc-hk #navbar a {
        max-height: 50px;
    }
}

@media (max-width: 768px) {
    .ssc-hk #navbar .dropdown-menu .dropdown-menu {
        padding-left: 15px;
    }
    .ssc-hk #navbar .navbar-collapse {
        max-height: calc(100vh - 60px);
    }
}