@media only screen and (max-width: 768px) {
  /* Allow the calendar wrapper to scroll horizontally */
  .fc-view-harness,
  .fc,
  .booking-calendar-wrapper {
    overflow-x: auto !important;
  }

  /* Force each cabin column/header to be 20px wider */
  .fc-col-header-cell,
  .fc-timeline-slot,
  .fc-resource,
  .fc-datagrid-cell {
    min-width: 80px !important;
    width: 80px !important;
  }

  /* Force the full table layout to expand to fit the total column widths */
  .fc-scrollgrid,
  .fc-scrollgrid-sync-table {
    width: 100% !important;
    min-width: 900px !important; /* Forces horizontal expansion */
  }
  
}