@media (max-width: 768px) {
  .table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .data-table {
    min-width: 640px;
  }

  footer > .wrap > div:first-child {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 32px 24px !important;
  }

  main > section > .wrap > div[style*="grid-template-columns:repeat(3"] {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  footer > .wrap > div:first-child {
    grid-template-columns: 1fr !important;
  }
}