.media-center-result-list {
    position: relative;
    margin: 50px 0 30px;
}
.media-center-result-list__items {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -15px 0;
    padding: 0;
    list-style: none;
}
.media-center-result-list__item {
    position: relative;
    display: flex;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    padding: 0 15px;
    /* required to avoid content to dictate item width and maybe cause overflow, due to too long words for example */
    overflow: hidden;
}
.media-center-result-list__footer {
    margin-top: 30px;
}

@media ( min-width: 576px ) {
    .media-center-result-list__item {
        flex-basis: 50%;
        max-width: 50%;
    }
}
@media ( min-width: 768px ) {
    .media-center-result-list {
        margin: 70px 0 40px;
    }
    .media-center-result-list__item {
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
}
@media ( min-width: 992px ) {
    .media-center-result-list__item {
        flex-basis: 25%;
        max-width: 25%;
    }
}