.dropdown-menu li {
    position: relative;
}

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

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

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

@media only screen and (max-width:800px) {
    .dropdown-menu .submenu {
        left: 25%;
        top: 0px;
    }

    .dropdown-menu .multi-menu {
        left: 95%;
    }

    .dropdown-menu .submenu-left {
        left: 50%;
    }
}