@media (max-width: 768px) {
    .table-responsive {
      overflow-x: auto;
    }

    .table th,
    .table td {
      white-space: nowrap;
    }
  }

  @media (max-width: 425px) {
    .table th,
    .table td,
    .btn,
    .card-title,
    input,
    select {
      font-size: 14px !important;
    }
  }

  @media (max-width: 375px) {
    .table th,
    .table td,
    .btn,
    .card-title,
    input,
    select {
      font-size: 15px !important;
    }
  }

  @media (max-width: 320px) {
   tbody#productTableBody {
    font-size: 30px !important;
}

    .table th,
    .table td {
      font-size: 14px !important;
      white-space: nowrap;
    }

    .btn,
    .card-title,
    input,
    select {
      font-size: 14px !important;
    }
  }