@media only screen and (max-width: 769px) {
    .m-body .m-content {
        padding: 0px 20px;
    }
    .m-portlet .m-portlet__body {
        padding: 2rem 2.2rem 2em;
    } 
    #forms div[class^="col-md"],
    #forms div[class^="col-lg"],
    #forms div[class^="col-xs"],
    #forms div[class^="col-sm"] {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #forms .row.formio-component.formio-component-columns {
        flex-flow: wrap;
        display: flex;
    }

    .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .formio-component-datagrid {
        overflow: auto;
        position: relative;
    }

        .formio-component-datagrid .col-form-label {
            position: sticky;
            left: 0;
        }

        .formio-component-datagrid table.datagrid-table {
            table-layout: auto !important;
            min-width: max-content !important;
        }

    .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
        max-width: 80vw;
        overflow: auto;
    }

    #m_header_nav {
        display: block;
    }
}

@media only screen and (max-width: 560px) {
    #forms div[class^="col-md"],
    #forms div[class^="col-lg"],
    #forms div[class^="col-xs"],
    #forms div[class^="col-sm"] {
        flex: auto;
        max-width: none;
    }
}