Hi,

I think there is a long-time bug in salient on the 999 / 1000 px breakpoints.

When I set screen width to 1000px, flex columns switch to block, but they should still stay flex until 999px screen width.

See Screenshot 1000.png.

It happens because following breakpoint:

@media screen and (max-width: 1000px){ .vc_row.vc_row-flex > .span_12, .vc_row.vc_row-flex > .span_12 > .vc_column_container, .vc_row.vc_row-flex > .fp-tableCell .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .span_12, .vc_row.vc_row-flex > .fp-tableCell .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .span_12 > .vc_column_container, .vc_row.vc_row-o-equal-height > .fp-tableCell .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .span_12 > .column_container > .column-inner-wrap, body:not([data-flex-cols="true"]) .vc_row.vc_row-flex > .fp-tableCell .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .container > .span_12, body:not([data-flex-cols="true"]) .vc_row.vc_row-flex > .fp-tableCell .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .container > .span_12 > .vc_column_container, .vc_row.vc_row-o-equal-height > .fp-tableCell .full-page-inner-wrap-outer > .full-page-inner-wrap > .full-page-inner > .container > .span_12 > .column_container > .column-inner-wrap, .vc_row.vc_row-flex>.span_12>.vc_column_container>.vc_column-inner, .vc_row.vc_row-flex>.span_12>.vc_column_container>.column-inner-wrap>.column-inner, .wpb_row.vc_row-flex>.fp-tableCell .full-page-inner-wrap-outer>.full-page-inner-wrap>.full-page-inner>.span_12>.vc_column_container>.vc_column-inner, .wpb_row.vc_row-flex>.fp-tableCell .full-page-inner-wrap-outer>.full-page-inner-wrap>.full-page-inner>.span_12>.vc_column_container>.column-inner-wrap>.column-inner, .vc_row.vc_row-o-equal-height .full-page-inner > .span_12 > .col .wpb_row > .span_12 > .vc_column_container > .column-inner-wrap > .column-inner, .wpb_row.vc_row-flex>.fp-tableCell .fp-scrollable > .fp-scroller > .full-page-inner-wrap-outer > .full-page-inner-wrap>.full-page-inner>.span_12>.vc_column_container>.vc_column-inner, .wpb_row.vc_row-flex>.fp-tableCell .full-page-inner-wrap-outer>.full-page-inner-wrap>.full-page-inner>.container>.span_12>.vc_column_container>.vc_column-inner, .wpb_row.vc_row-flex>.fp-tableCell .full-page-inner-wrap-outer>.full-page-inner-wrap>.full-page-inner>.container>.span_12>.vc_column_container>.column-inner-wrap>.column-inner, .vc_row.vc_row-o-equal-height .full-page-inner > .span_12 > .col .wpb_row >.container > .span_12 > .vc_column_container > .column-inner-wrap > .column-inner, .wpb_row.vc_row-flex>.fp-tableCell .fp-scrollable > .fp-scroller .full-page-inner-wrap-outer > .full-page-inner-wrap>.full-page-inner>.container>.span_12>.vc_column_container>.vc_column-inner{
display: block;
}
}

Instead the breakpoint should be changed to 999px.

Or am I missing something (like this is a workaround for some internet explorer compatibility or something?

Maybe there are some other bugs around those breakpoints too, please have a small revision around that. (I didn't investigate it fully, just had this issue on so many sites and finally got tired of fixing it on each ;-) )