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

.dropdown-submenu {
    position: relative;
}

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

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

.navbar-nav li.dropdown {
	display: flex;
    align-items: center;
}

.dropdown-submenu a{
	padding: 15px;
}

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