div.row.row-subcategories {
    text-align: center;
}

div.row.row-subcategories > div {
    text-align: left;
}

div.row.row-subcategories > div > a {
    margin-top: 20px;
}

@media (min-width: 768px) {
    div.row.row-subcategories > div {
        display: inline-block;
        float: none;
        width: 49%;
        min-width: 290px;
        vertical-align: top;
        text-align: left;
        padding: 0 10px;
    }
}

@media (min-width: 992px) {
    div.row.row-subcategories > div {
        width: 33%;
    }
}
