header#header .bg-primary-moalim {
    background-color: #02176a;
}

header#header .right-navbar-collapse {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1030;
    width: 250px;
    height: 100vh;
    padding-top: 20px;
    overflow-y: scroll;
    transform: translateX(250px);
    transition: transform 200ms cubic-bezier(0.694, 0.0482, 0.335, 1) !important;
}

header#header .right-navbar-collapse.show {
    transform: translateX(0px);
}

/* large devices (des, 992px and up) */
@media only screen and (min-width: 992px) {

    header#header .right-navbar-collapse {
        display: flex !important;
        flex-direction: row;
        background-color: unset;
        width: unset;
        height: unset;
        position: unset;
        padding-top: unset;
        overflow-y: unset;
        transition: unset;
        transform: unset;
    }

}