@media (min-width: 576px) and (max-width: 767px) {
  body #main #content .region-content .venues .view-content {
    display: grid;
    grid-template-columns: repeat(3,1fr);
  }
}
@media (min-width: 576px) and (max-width: 767px) and all and (-ms-high-contrast: none) {
  body #main #content .region-content .venues .view-content {
    -ms-grid-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr;
  }
}