@media (max-width: 767px) {
  .facilities .row .fac-card {
    flex-wrap: wrap;
    justify-content: flex-start !important;
    position: relative;
  }
  .facilities .row .fac-card .custom-card {
    width: 48% !important;
    margin-bottom: 16px;
    margin-right: 2%;
  }
  .facilities .row .fac-card .custom-card:nth-child(2n) {
    margin-right: 0;
  }
  /* Center the last card if odd number of cards */
  .facilities .row .fac-card .custom-card:last-child:nth-child(odd) {
    margin-left: 26%;
    margin-right: 0;
    float: none;
  }
}

@media (min-width: 768px) {
  .facilities .row .fac-card .custom-card {
    width: 12rem !important;
    margin-bottom: 0;
    margin-right: 0;
  }
}