@media (min-width: 1200px) {
    #masthead{
        .dropdown:hover > .dropdown-menu {
            display: block;
        }
        
        .dropdown > .dropdown-toggle:active {
            pointer-events: none;
        }
        
        .dropdown-menu .dropdown-toggle::after {
     
        }
        
        .dropdown-menu .dropdown {
            position: relative; 
        }
        
        .dropdown-menu .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -1px;
        }

      
        .dropdown-menu {
            transition: all 0.2s ease-in-out;
            margin-top: 0;
        }
    }
    
}

