/* mobile.css */
@media (max-width: 768px) {
    #schedule table {
      width: 100%; /* Ensure table takes full width */
      font-size: 12px; /* Adjust font size for better readability */
    }
  
    #schedule td {
      padding: 5px; /* Reduce padding for a more compact layout */
    }
  
    #schedule h3 {
      font-size: 1.5em; /* Adjust the day name size */
    }
  
    .carousel-item {
      padding: 10px; /* Adjust padding in carousel items for mobile */
    }
  
    /* Make the buttons more mobile-friendly */
    .carousel-buttons .btn {
      font-size: 16px; /* Increase button size */
      padding: 10px 20px; /* Adjust button padding */
    }
  }