%second-level{
    >li{
        ul{
            position: relative;
            @include media(lg){
                top: -30px;
                height: 0;
                overflow: hidden;
                @include transition();

            }
            li{
                a{
                    font-size: 1rem;
                }
                &:hover{
                    >ul{
                       height: auto;
                       overflow: visible;
                       top: 0;
                    }
                }
            }
            
        }
        &:hover{
            >ul{
               height: auto;
               overflow: visible;
               top: 0;
            }
        }

       

    }
}