/* Add here all your CSS customizations */


.position-relative .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.navbar-nav .dropdown > .dropdown-menu,
.navbar-nav .position-relative > .dropdown-menu{
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}


.navbar-nav .dropdown:hover > .dropdown-menu,
.navbar-nav .position-relative:hover > .dropdown-menu{
    opacity: 1;
    visibility: visible;
    transition: .5s;
}