.tiles-flexbox div, .tiles-flexbox span, .tiles-flexbox a { 
box-sizing: border-box;
 }
.tiles-flexbox .item .title { 
font-size:15px;
line-height:17px;
 }
.tiles-flexbox .item .info{ 
font-size:12px;
line-height:14px;
 }
 .tiles-flexbox .item .info a{ 
 color:#000
 } 
 .tiles-flexbox .item .date{ 
 color:#000
 }
.tiles-flexbox .item .image { 
margin-bottom: 5px; 
clear:both; 
width:100%; 
height:150px;
 }
.tiles-flexbox .item .image a,
.tiles-flexbox .item .image > div { 
display:block; 
width:100%; 
height:100%; 
background-position: center; 
background-repeat: no-repeat; 
background-color:#bdc3c7; 
background-size: cover;
 }
 .tiles-flexbox .item .image.noimg > a,
 .tiles-flexbox .item .image.noimg > div{
   background-size: auto 100%;	 
 }
.tiles-flexbox .item .title { 
font-size:14px; 
margin-top:5px; 
}
.tiles-flexbox .item .title a { 
color:#000; 
text-decoration: none !important;
 }
.tiles-flexbox .item .title a:hover { 
color:#c00; 
}


.tiles-flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.widget_content_list.tiles-flexbox .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 250px;
          flex: 1 0 250px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  max-width: 100%;
  min-height: 50px;
  padding: 10px;
  background: #f2f2f2;
  margin:0;
}

.tiles-flexbox .item:nth-child(2n+3) {
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
}
.tiles-flexbox .item:nth-child(4n+5) {
  -ms-flex-preferred-size: 350px;
      flex-basis: 350px;
}
.tiles-flexbox .item:nth-child(odd) {
  background: teal;
}
.tiles-flexbox .item:nth-child(even) {
  background: wheat;
}

@media screen and (max-width: 500px) {
  .tiles-flexbox .item {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    max-width: 100%;
  }
}