/* old variants you can delete now */

@media (max-width: 767px) {
    .main-area,
    .container-fluid.h-100,
    .row.h-100,
    .left-panel.h-100,
    .right-panel.h-100 {
        height: auto !important;
    }

    #messages {
        flex-grow: 0 !important;
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .main-area {
        height: auto !important;
        overflow: visible !important;
    }

    .left-panel,
    .right-panel {
        height: auto !important;
        overflow: visible !important;
    }
}