/* standard */
.bo-grid {
    flex-direction: row !important;
}

.bo-grid.bo-collapsing {
}

@media (max-width: 768px) {
    .bo-grid.bo-collapsing {
        flex-direction: column !important;
    }

    .bo-grid.bo-collapsing > .bo-grid-column {
        flex: auto !important;
        width: 100%;
    }
}

/* stacked - inverts standard */
.bo-grid-stacked {
    flex-direction: column !important;
}

.bo-grid-stacked.bo-collapsing {
    flex-direction: row !important;
}

.bo-grid-stacked.bo-collapsing > .bo-grid-column {
}

@media (min-width: 768px) {

    /* stacked */
    .bo-grid-stacked.bo-collapsing {
        flex-direction: column !important;
    }

    .bo-grid-stacked.bo-collapsing > .bo-grid-column {
        flex: auto !important;
    }
}

/* visibility */

.bo-grid.bo-collapsing > .bo-grid-column.bo-collapse-hide {
    display: flex !important;
}

.bo-grid.bo-collapsing > .bo-grid-column.bo-collapse-show {
    display: flex !important;
}

@media (max-width: 768px) {
    .bo-grid.bo-collapsing > .bo-grid-column.bo-collapse-hide {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .bo-grid.bo-collapsing > .bo-grid-column.bo-collapse-show {
        display: none !important;
    }
}