.list-item {
    position: relative;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;

}

.list-2-column,
.list-3-column,
.list-3-column,
.list-4-column,
.list-5-column,
.list-6-column {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -40px;
    clear: both;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
}

@media only screen and (min-width: 959px) {
    .list-item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .list-2-column,
    .list-3-column,
    .list-3-column,
    .list-4-column,
    .list-5-column,
    .list-6-column {
        margin-left: -20px;
        margin-right: -20px;
    }
}

@media only screen and (min-width: 960px) {
    .list-9-column .list-item {
        width: 11.111111111111%;
    }

    .list-8-column .list-item {
        width: 12.5%;
    }

    .list-7-column .list-item {
        width: 14.285714285714%;
    }

    .list-6-column .list-item {
        width: 16.666666666667%;
    }

    .list-5-column .list-item {
        width: 20%;
    }

    .list-4-column .list-item {
        width: 25%;
    }

    .list-3-column .list-item {
        width: 33.333333333333%;
    }

    .list-2-column .list-item {
        width: 50%;
    }
}

@media only screen and (min-width: 641px) and (max-width: 959px) {
    .list-9-column .list-item {
        width: 16.666666666667%;
    }

    .list-8-column .list-item {
        width: 25%;
    }

    .list-7-column .list-item {
        width: 33.333333333333%;
    }

    .list-6-column .list-item {
        width: 33.333333333333%;
    }

    .list-5-column .list-item {
        width: 33.333333333333%;
    }

    .list-4-column .list-item {
        width: 50%;
    }

    .list-3-column .list-item {
        width: 50%;
    }

    .list-2-column .list-item {
        width: 50%;
    }
}


@media only screen and (max-width: 640px) {
    .list-9-column .list-item {
        width: 33.333333333333%;
    }

    .list-8-column .list-item {
        width: 50%;
    }

    .list-7-column .list-item {
        width: 50%;
    }

    .list-6-column .list-item {
        width: 50%;
    }

    .list-5-column .list-item {
        width: 50%;
    }

    .list-4-column .list-item {
        width: 100%;
    }

    .list-3-column .list-item {
        width: 100%;
    }

    .list-2-column .list-item {
        width: 100%;
    }
}