/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
  :root {
    --site-gutter: 30px;
  }

  .site-header-custom__inner {
    min-height: 70px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  :root {
    --site-gutter: 20px;
  }

  .site-header-custom__inner {
    width: calc(100% - 40px);
    min-height: 65px;
  }

  .site-header-custom nav ul {
    flex-direction: column;
    gap: 15px;
  }
}