/* 
    I can'n change some html, and changes some css
    It's like bootstrap
*/

.container-fluid > .view-content { /* like .row in bootstrap */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.view-responsive-grid > .view-content .col-6 img { /* like img-fluid */
    width: 100%;
    height: auto;
}

#main-wrapper {
    padding-left: 10px;
    padding-right: 10px;
}