@media all and (min-width: 992px) {
    .dropdown-menu li {
        position: relative;
    }
    .dropdown-menu .dropdown-submenu { 
        display: none;
        position: absolute;
        left:100%; top:-7px;
    }
    .dropdown-menu .dropdown-submenu-left { 
        right:100%; left:auto;
    }

    .dropdown-menu > li:hover { background-color: #f1f1f1 }
    .dropdown-menu > li:hover > .dropdown-submenu { display: block; }
}

@media (max-width: 991px) {
    .dropdown-menu .dropdown-menu {
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }

    .dropdown-menu li {
        position: relative;
    }

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

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

    .dropdown-menu > li:hover { background-color: #f1f1f1 }
    
    .dropdown-menu > li:hover > .dropdown-submenu {
        display: block;
        }
}

body { padding-top: 70px; }