@media screen and (max-width: 1400px) {

  #layout #mojb-reference-browse-list .item {
      width: 25%;
  }
  
  #news-fullwidth .list_item {
    margin: 10px 1%;
    width: 23%;
  }
  
  #mojb-reference-browse-list .item .icon a {
    height: 150px;
  }  

}

@media screen and (max-width: 900px) {

  #layout #mojb-reference-browse-list .item {
      width: 50%;
  }
  
  #news-fullwidth .list_item {
    margin: 10px 1%;
    width: 48%;
  }
  
  #mojb-reference-browse-list .item .icon a {
    height: 140px;
  }   

}

@media screen and (max-width: 400px) {

  #layout #mojb-reference-browse-list .item {
      width: 100%;
  }
  
  #news-fullwidth .list_item {
    margin: 10px 1%;
    width: 98%;
  }   

}