.menu-item:hover > .sub-menu {
    display: block;
    transition: all ease 1s;
}

.sub-menu{
    background: #000;
  position: absolute;
  top: 100%;
  width: 200px;
  min-width: 100px;
  transition: all ease 1s;
}