.trek-listing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  padding-top: 10px;
}

@media (max-width: 1024px) {
  .trek-listing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .trek-listing-grid {
    grid-template-columns:  1fr;
    padding: 10px;
    gap: 00px;
  }

 .trek-listing-grid > * {
    width: 100% !important;
    margin: 0 auto;
    
  }
}