@media (max-width: 800px) {
  header {
    justify-content: flex-start;
  }

  .middle {
    display: none;
  }

  .menu {
    display: block;
  }

  .off-screen-menu {
    display: flex;
  }

  .off-screen-menu {
    font-size: 20px;
    padding-top: 70px;
  }

  .nav-link {
    padding: 8px 12px;
  }

  .profile-menu-group {
    position: fixed;
    right: 18px;
  }

  .menu-element {
    padding: 0px 8px;
  }

  .first-right-menu::after {
    bottom: 60px;
  }

  .left-menu .logo {
    margin-top: -4px;
  }

  .logo {
    display: none;
  }

  .logo-mobile {
    display: block;
    margin-left: 20px;
  }

  body.active .header-overlay {
    opacity: 1;
    visibility: visible;
  }
}