/* Quick Booking – small refinements */
.quick-filter .form-control {
  min-width: 220px;
}

@media (max-width: 767px) {
  .quick-filter .form-group {
    display: block;
    width: 100%;
  }
  .quick-filter .form-control {
    width: 100%;
    min-width: 0;
  }
  .service-card .media-left {
    display: none; /* saves space on narrow screens; keep image above if preferred */
  }
}

/* Flex grid to replace float behavior */
.service-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

/* Columns become flex items; remove Bootstrap floats */
.service-grid .service-col {
  float: none;
  display: flex;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
}

/* Respect Bootstrap breakpoints for 2-up and 3-up */
@media (min-width: 768px) { .service-grid .service-col { width: 50%; } }
@media (min-width: 992px) { .service-grid .service-col { width: 33.3333%; } }

/* Equal-height panels */
.service-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #eee;
  border-radius: 6px;
}

/* Normalizes small thumbnails if you use media-left */
.service-card .media-left img {
  width: 90px;
  height: 90px;
  object-fit: cover;
}

/* Optional if you switch to a header image */
.service-card .card-image {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: block;
}