.custom-mobile {
  display: none !important;
}

.active-menu-bar {
  max-height: 25rem;
  transition: all 2s;
}

.not-active {
  max-height: 0rem;
  overflow: hidden;
  transition: all 1s;
}

@media screen and (max-width: 767px) {
  .custom-mobile {
    display: flex !important;
    justify-content: end;
  }
  .dekstop-nav {
    display: none;
  }
}