@media (max-width: 1100px) {
    .cc-toolbar {
        grid-template-columns: 1fr;
    }

    .cc-toolbar-right {
        justify-content: stretch;
    }
}

@media (max-width: 720px) {
    .cc-shell {
        padding: 10px;
    }

    .cc-tabs,
    .cc-toolbar-left,
    .cc-toolbar-center,
    .cc-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .form-grid,
    .column-list {
        grid-template-columns: 1fr;
    }

    .cc-modal header,
    .cc-modal footer {
        align-items: stretch;
        flex-direction: column;
    }
}
