@media (max-width: 767px) {
    body .wse-columns {
        --padding-phone: 0px;
        --spacing-phone: 0px;
        padding: 0 var(--padding-phone);
        gap: var(--spacing-phone);
        flex-flow: column nowrap;
    }
    body .wse-columns.fixed,
    body .wse-columns-1,
    body .wse-columns-2,
    body .wse-columns-3,
    body .wse-columns-4,
    body .wse-columns-1 > .wse-column,
    body .wse-columns-2 > .wse-column,
    body .wse-columns-3 > .wse-column,
    body .wse-columns-4 > .wse-column {
        width: 100%;
    }
    body .wse-columns-1 > .wse-column:not(.wse-column-factor),
    body .wse-columns-2 > .wse-column:not(.wse-column-factor),
    body .wse-columns-3 > .wse-column:not(.wse-column-factor),
    body .wse-columns-4 > .wse-column:not(.wse-column-factor),
    body .wse-column.wse-column-factor {
        min-width: auto;
        flex-basis: var(--phone-height);
    }
    body .wse-column.wse-column-factor > .wse-column-inner:not(.left):not(.right),
    body .wse-column.wse-column-factor > .wse-column-inner.left,
    body .wse-column.wse-column-factor > .wse-column-inner.right,
    body .wse-columns > .wse-column > .wse-column-inner,
    body .wse-columns > .wse-column > .wse-column-inner.left,
    body .wse-columns > .wse-column > .wse-column-inner.right {
        width: var(--phone-width);
        left: calc((100% - var(--phone-width)) / 2);
    }
    body .wse-columns > .wse-column {
        order: var(--order-phone);
    }
    body .wse-column.hidden-phone-col {
        display: none;
    }
}