.mobile-menu-toggle{
  display:none;
  flex-direction:column;
  width:28px;
  height:22px;
  position:absolute;
  right:20px;
  top:20px;
  cursor:pointer;
}

.mobile-menu-toggle span{
  height:3px;
  background:#000;
  border-radius:2px;
  transition:.3s;
}

.mobile-menu-toggle.active span:nth-child(1){
  transform:rotate(45deg) translate(5px,6px);
}
.mobile-menu-toggle.active span:nth-child(2){
  opacity:0;
}
.mobile-menu-toggle.active span:nth-child(3){
  transform:rotate(-45deg) translate(5px,-6px);
}

.mobile-menu{
  max-height:0;
  overflow:hidden;
  transition:max-height .4s ease;
}

@media(max-width:768px){
  .desktop-menu{display:none;}
  .mobile-menu-toggle{display:flex;}
}