.dropdown-menu li {
    position: relative;
}
    
.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
    min-width: 250px;
}

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

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

.dropdown-menu {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    width: auto;
}

.dropdown-item {
    white-space: nowrap;
    font-size: 1em;
}

a.dropdown-item:hover {
background-color: #333333;
color: #fff;
}

.dropdown-item-menu {
    padding-top: 40px;
    padding-bottom: 40px;
    transition: background-color 0.2s;
}

.dropdown-item-menu:hover {
    background-color: #f8f9fa;
}
a.dropdown-item-menu{
    padding: 1em 0;
    font-size: 1em;
    color: #333333;
    text-decoration: none;
}

.dropdown-menu{
    border: none;
}

@media (min-width: 991.98px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        white-space: nowrap;
        padding: 8px 0px;
    } 

}

@media (max-width: 575.98px) {
    .dropdown-menu {
        box-shadow: none !important;
        border-radius: 8px;
        width: auto;
        background-color: #fff;
        white-space: wrap;
        font-size: 1.3em;
    }

    #sidebarMenu .dropdown-menu {
        width: 100%;
        box-shadow: none;
        border: none;
        padding-left: 1rem;
        padding-right: 1rem;
        background-color: #fff;
    }
    
      #sidebarMenu .dropdown-menu .dropdown-item {
        padding: 0.25rem 0;
        font-size: 0.9rem;
    }
    
    .dropdown-item {
        white-space: pre-wrap;
        font-size: .8em;
    }    
}