.gridly-row {
    display: -webkit-box;
    display: flex;
    flex-flow:row wrap;
    justify-content:space-around;
}

.gridly-col {
    -webkit-box-flex: 1;
    flex: 1;
}

@media(max-width:48em) {
    .gridly-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
    .gridly-col {
        -webkit-box-flex: 0;
        flex: 0 0 auto
    }
}


@media(min-width:48em) {
    .gridly-col-tenth {
        -webkit-box-flex: 0;
        flex: 0 0 10%
    }
    .gridly-col-fifth {
        -webkit-box-flex: 0;
        flex: 0 0 20%
    }

    .gridly-col-quarter {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        margin-right: 0 15px;
    }

    .gridly-col-third {
        -webkit-box-flex: 0;
        flex: 0 0 33.3333334%
    }
    .gridly-col-half {
        -webkit-box-flex: 0;
        flex: 0 0 50%
    }
}

@media(min-width: 1440px) {
    .gridly-col-quarter {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        margin-right: 0 15px;
    }
}