/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .dropdown-menu li {
        position: relative;
    }

    .dropdown-menu .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .dropdown-menu .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover > .submenu {
        display: block;
    }
}
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

    .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
    }
}
/* ============ small devices .end// ============ */

/*========== Menu ==========*/
.dropdown-menu > li.nav-item > a.dropdown-item {
    color: #646d77;
    font-weight: 600;
    line-height: 2.5rem !important;
}

.dropdown-menu > li.nav-item > a.active {
    color: #E4E4EF;
}

.dropdown-menu > li.nav-item > a:hover {
    color: #E4E4EF;
}