.dbb-news { width: 100%; float: left; padding: 0 0 18px 0; font-size: 13px; background-color:#fff; border-radius: 10px; min-height: 364px; margin-bottom: 20px; }
.dbb-news h2 { font-size:25px; margin:20px 0 15px 18px; }
.dbb-news h4 { font: normal 14px "OpenSans", arial, sans-serif;  }
.dbb-news .img { text-align:center; }
.dbb-news .img img { width: 100%; height: auto; }
.dbb-news ul { margin: 0; padding: 0; list-style: none; width: 100%; }
.dbb-news ul li { float: left; overflow: hidden;  }
.dbb-news ul li .inner-wrap { float:left; }
.dbb-news .img img { width: 100%; height: auto; }
.dbb-news ul li .inner-wrap { margin:0 10px; }

.dbb-news ul li h4 { margin: 16px 0 8px 0; line-height: 1.3; }
.dbb-news .date { float: right; font-size: 13px; color: #6e6e6e; margin: 5px 0 20px 0; }
.dbb-news ul li a { color:#c20069 }

@media (min-width: 768px) {

    .dbb-news ul li { width:50%; height: 314px; }
}

@media (min-width: 992px) {
    .dbb-news { margin-bottom: 0;}
    .dbb-news ul li { width:33%; height: auto }
    .dbb-news ul li .inner-wrap { margin:0 10px; }
}

@media (min-width: 1200px) {

    .dbb-news ul li:first-child .inner-wrap { margin-left:25px; }
    .dbb-news ul li:last-child .inner-wrap { margin-right:25px; }
    .dbb-news ul li .inner-wrap { margin:0 25px; }
}