@media (min-width: 0px) {
    .parent #main-content {
        margin: 1.5rem;
    }
    /* #WORKAROUND should be fixed in ee_payments */
    .parent #ee_payments_filter {
        flex-direction: column;
    }
}
@media (min-width: 870px) {
    .parent #main-content {
        margin: 5rem;
    }
    /* #WORKAROUND should be fixed in ee_payments */
    .parent #ee_payments_filter {
        flex-direction: row;
    }
}