/* MRXPANEL R322 - MOBILE SERVICE FILTER RESPONSIVE */

@media (max-width: 768px) {

  .service-filter-grid,
  .member-service-filter,
  .mrx-service-filter {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 12px !important;
  }

  .service-filter-grid label,
  .member-service-filter label,
  .mrx-service-filter label {
    width: 100% !important;
  }

  .service-filter-grid input,
  .service-filter-grid select,
  .member-service-filter input,
  .member-service-filter select,
  .mrx-service-filter input,
  .mrx-service-filter select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

}