.container{
  padding: 0;
}
.listing > div{
  display: inline-block;
  height: 170px;
  width: 200px;
  vertical-align: top;
  margin-bottom: 10px;
  padding: 10px;
  font-size: initial;

}
.listing{
  text-align: center;
  font-size: 0;
}


@media only screen and (max-width: 2000px) {
    .listing > div{
      width: 50%;
      height: 400px;
    }
}
@media only screen and (max-width: 1200px) {
    .listing > div{
      width: 33.33%;  
      height: 300px;
    }
}
@media only screen and (max-width: 1000px) {
    .listing > div{
     width: 33.33%;  
      height: 200px;
    }
}
@media only screen and (max-width: 800px) {
    .listing > div{
      width: 50%;  
      height: 300px;
    }
}
@media only screen and (max-width: 500px) {
    .listing > div{
      width: 50%;  
      height: 400px;
    }
}
@media only screen and (max-width: 300px) {
    .listing > div{
      width: 100%;  
      height: 300px;
    }
}