.grid-item { width: 48%; min-height: 170px;}
.filters-button-group li{
   display: inline-block;
    padding: 10px;
    text-align: center;
    background: #f2f2f2;
    border-radius: 8px;
    border: 1px solid #CCC;
    margin: 10px 15px 0 0;
    cursor: pointer;
}

.gutter-sizer { width: 4%; }

.filters-button-group li.active{
    background: #284885;
    color: #FFF;
}
@media (max-width: 768px) {
    .grid-item { width: 100%; min-height: 140px;}
    .grid-item p{ font-size: 16px }
    .grid-item .col-6:first-child{
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .grid-item .col-6:last-child{
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        padding: 10px;
        max-width: 58.333333%;
    }
}