@media (min-width: 300px){

    .dropdown:hover > .dropdown-menu{
        display: block; 
        margin-top: 0;
    }
    
}

@media (max-width: 300px){
    .dropdown-item::before{
        transform: rotate(-90deg);
    }
}