@media ( max-width: 767px ) {

    .mobile-display-none  { display: none  !important; }
    .mobile-display-block { display: block !important; }
    .mobile-display-inline { display: inline !important; }

    .mobile-flex,
    .mobile-flex-inline {
        display: -ms-flexbox;
        display: -webkit-flex;
                display: flex;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
                justify-content: flex-start;
        -ms-flex-line-pack: stretch;
        -webkit-align-content: stretch;
                align-content: stretch;
    }

        .lazyload.mobile-flex[data-bgset],
        .lazyloading.mobile-flex[data-bgset],
        .lazyloaded.mobile-flex[data-bgset] {
                display: -ms-flexbox;
            display: -webkit-flex;
                    display: flex;
        }

        .mobile-flex-inline,
        .lazyload.mobile-flex-inline[data-bgset],
        .lazyloading.mobile-flex-inline[data-bgset],
        .lazyloaded.mobile-flex-inline[data-bgset] {
                display: -ms-inline-flexbox;
            display: -webkit-inline-flex;
                    display: inline-flex;
        }

    .flex.mobile-flex-column,
    .mobile-flex.mobile-flex-column {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .flex.mobile-flex-wrap,
    .mobile-flex.mobile-flex-wrap {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .flex.mobile-flex-justify-center,
    .mobile-flex.mobile-flex-justify-center {
        -webkit-justify-content: center;
                justify-content: center;
                  -ms-flex-pack: center;
    }

    .flex.mobile-flex-justify-end,
    .mobile-flex.mobile-flex-justify-end {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
                justify-content: flex-end;
    }

    .flex.mobile-flex-justify-between,
    .mobile-flex.mobile-flex-justify-between {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
                justify-content: space-between;
    }

    .flex.mobile-flex-justify-around,
    .mobile-flex.mobile-flex-justify-around {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
                justify-content: space-around;
    }

    .flex.mobile-flex-justify-evenly,
    .mobile-flex.mobile-flex-justify-evenly {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
                justify-content: space-between;

        -webkit-justify-content: space-evenly;
                justify-content: space-evenly;
    }

    .flex.mobile-flex-align-center,
    .mobile-flex.mobile-flex-align-center {
        -webkit-align-items: center;
             -ms-flex-align: center;
                align-items: center;
    }

    .flex.mobile-flex-align-stretch,
    .mobile-flex.mobile-flex-align-stretch {
        -webkit-align-items: stretch;
             -ms-flex-align: stretch;
                align-items: stretch;
    }

    ul.columns > li,
    ul.columns-separator > li { width: 100%; }

    ul.columns-separator:after { display: none; }

}
