@media (max-width: 1199.98px) {
  body.open-menu {
    overflow: hidden;
  }

  /* HEADER */
  .menu li + li {
    margin-left: 15px;
  }
  .sub-menu {
    padding: calc(var(--distance-big) / 2) var(--distance-big);
    gap: var(--distance);
  }
  .menu.menu-overlay {
    padding-bottom: 0;
  }

  .logo,
  .logo:visited,
  .logo:focus,
  .logo:hover {
    width: 150px;
    height: 29px;
  }

  .menu-header li.button a,
  .menu-header li.button a:focus,
  .menu-header li.button a:visited,
  .menu-header li.button a:hover {
    padding: 6px 20px 8px !important;
  }

  .nav-tabs .nav-item {
    width: 30%;
  }
}