/* Responsive styles */

/* =========================
   Tablet Foundation
========================= */

@media (max-width: 1024px) {
  .sr-container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

/* =========================
   Mobile Foundation
========================= */

@media (max-width: 768px) {
  .sr-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}


/* =========================
   Small Mobile
========================= */

@media (max-width: 390px) {
  .sr-header__inner {
    grid-template-columns: 36px 44px minmax(0, 1fr) 76px;
    gap: 8px;
  }

  .sr-mobile-menu-toggle {
    width: 36px;
  }

  .sr-mobile-menu-toggle span {
    width: 26px;
  }

  .sr-logo,
  .sr-logo-mobile,
  .sr-logo-mobile img {
    width: 44px !important;
    height: 44px !important;
  }

  .sr-header__right {
    width: 76px;
    min-width: 76px;
  }

  .sr-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }
}