/* =========================================================
   Bootstrap 4 Multi-level Dropdown CSS
   ========================================================= */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: -18px;
    left: 0;
    margin-top: -1px;
    margin-left: 0;
    display: none;
}

.dropdown-submenu .dropdown-menu.show,
.dropdown-submenu.show > .dropdown-menu {
    display: block;
}

@media (max-width: 767px) {
    .dropdown-submenu .dropdown-menu {
        left: 0;
        margin-left: 1rem;
    }
}