#search-block {
  background: #6b4cc2;
  padding: 15px;
  padding-bottom: 30px;
}

.ad {
  border-color: #00f !important;
}

.screenshot-holder {
  background: url("photo-1516383274235-5f42d6c6426d.jpg");
  background-size: cover;
  width: 35%;
  border-radius: 0px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  clip-path: inset(0 -5px 0 0);
}

#list-area .card-body {
  width: 75%;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
}

@media (min-width: 768px) {
  .screenshot-holder {
    height: 120px;
    width: 100%;
    border-radius: 0px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    clip-path: inset(0 0 -5px 0);
  
  }

  #list-area .card-body {
    width: 100%;
  }

  .text-overflow {
    height: auto;
  }  
}

@media (min-width: 992px) {
  .screenshot-holder {
    height: 180px;
  }
}