@media (max-width: 760px) {
  .comparison-table-wrap,
  .pricing-table-wrap,
  .package-comparison,
  .feature-comparison,
  .table-scroll,
  .compare-table-shell,
  .comparison-shell,
  .comparison-card {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }

  .comparison-table-wrap table,
  .pricing-table-wrap table,
  .package-comparison table,
  .feature-comparison table,
  .table-scroll table,
  .compare-table-shell table,
  .comparison-shell table,
  .comparison-card table,
  table.comparison-table,
  table.pricing-table,
  table.feature-table {
    width: max-content;
    min-width: 720px;
    max-width: none;
  }

  .comparison-table-wrap th,
  .comparison-table-wrap td,
  .pricing-table-wrap th,
  .pricing-table-wrap td,
  .package-comparison th,
  .package-comparison td,
  .feature-comparison th,
  .feature-comparison td,
  .table-scroll th,
  .table-scroll td,
  .compare-table-shell th,
  .compare-table-shell td,
  .comparison-shell th,
  .comparison-shell td,
  .comparison-card th,
  .comparison-card td {
    min-width: 150px;
    white-space: normal;
    vertical-align: top;
  }

  .comparison-table-wrap th:first-child,
  .comparison-table-wrap td:first-child,
  .pricing-table-wrap th:first-child,
  .pricing-table-wrap td:first-child,
  .package-comparison th:first-child,
  .package-comparison td:first-child,
  .feature-comparison th:first-child,
  .feature-comparison td:first-child,
  .table-scroll th:first-child,
  .table-scroll td:first-child,
  .compare-table-shell th:first-child,
  .compare-table-shell td:first-child,
  .comparison-shell th:first-child,
  .comparison-shell td:first-child,
  .comparison-card th:first-child,
  .comparison-card td:first-child {
    min-width: 170px;
  }

  .comparison-table-wrap::after,
  .pricing-table-wrap::after,
  .package-comparison::after,
  .feature-comparison::after,
  .table-scroll::after,
  .compare-table-shell::after,
  .comparison-shell::after,
  .comparison-card::after {
    content: "Swipe to compare";
    display: block;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 0.76);
    text-align: right;
  }

  main section:has(table),
  main div:has(> table) {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  main table {
    min-width: 720px;
    max-width: none;
  }
}