@media only screen and (max-width: 500px) {
  .IDX-resultCellContainer {
    display: flex;
    flex-direction: column;
  }
  .IDX-resultsCell {
    width: 100%;
  }
  .IDX-resultsPhoto {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .IDX-grid .IDX-resultsPhotoImg {
    left: unset;
    object-fit: cover;
    width: 100%;
  }
}

@media only screen and (min-width: 500px) {
  .IDX-resultCellContainer:before {
    content: none;
  }
  .IDX-resultCellContainer {
    display: flex;
    flex-flow: row wrap;
    margin: auto;
    justify-content: space-around;
  }
  .IDX-resultsCell {
    width: 45%;
  }
  .IDX-resultsPhoto {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .IDX-grid .IDX-resultsPhotoImg {
    left: unset;
    object-fit: cover;
    width: 100%;
  }
}

@media only screen and (min-width: 800px) {
  .IDX-resultCellContainer:before {
    content: none;
  }
  .IDX-resultCellContainer {
    display: flex;
    flex-flow: row wrap;
    margin: auto;
    justify-content: space-around;
  }
  .IDX-resultsCell {
    width: 31%;
  }
  .IDX-resultsPhoto {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .IDX-grid .IDX-resultsPhotoImg {
    left: unset;
    object-fit: cover;
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .IDX-resultCellContainer:before {
    content: none;
  }
  .IDX-resultCellContainer {
    display: flex;
    flex-flow: row wrap;
    margin: auto;
    justify-content: space-around;
  }
  .IDX-resultsCell {
    width: 23%;
  }
  .IDX-resultsPhoto {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .IDX-grid .IDX-resultsPhotoImg {
    left: unset;
    object-fit: cover;
    width: 100%;
  }
}