@media (max-width: 7676px) {
    .navi-trigger-text {
        color: #1a6c9e !important;
    }
    .navi-trigger-inn {
        color: #1a6c9e !important;
    }
    #navi a  {
        color: #414145 !important;
        font-size: 20px !important;
        font-weight: 300 !important;
    }
    #header {
        padding-bottom: 225px !important;
    }
}
@media (min-width: 767px) {
    #header {
        padding-bottom: 510px !important;
    }
}

#navi-header {
    margin: 0 auto;
}
.heade-meta {
    float: none;
    display: flex;
    width: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    line-height: 50px !important;
    background: rgba( 217, 178, 61, 0.25 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
}

#navi-header li:hover > .sub-menu {
    margin-top: 0px;
    border-radius: 5px;
}

#navi_wrap > ul > li a {
    font-weight: 300 !important;
    color: #212529 !important;
}

#aloader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#aloader p {
    width: 60px;
    height: 60px;
    background-color: #d9b23d !important;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}