html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@media (max-width: 900px) {
  .menu-wrap,
  .category,
  .menu-grid,
  .menu-card {
    min-width: 0;
    max-width: 100%;
  }

  .menu-card {
    grid-template-columns: minmax(0, 1fr) 122px !important;
  }

  .menu-card-body {
    min-width: 0;
    overflow: hidden;
  }

  .menu-card h3,
  .menu-card p,
  .price {
    max-width: 100%;
    overflow-wrap: break-word;
  }
}

@media (max-width: 380px) {
  .menu-card {
    grid-template-columns: minmax(0, 1fr) 104px !important;
  }

  .menu-card img {
    width: 104px !important;
    height: 104px !important;
  }
}