@media screen and (max-width: 767px) {

    .layout-main {
        display: flex;
        flex-direction: column;
        padding: 12px;
        gap: 12px;
    }

    .layout-main {
        display: flex;
        flex-direction: column;
        padding: 12px;
        gap: 12px;
    }

    .layout-rightbar {
        width: 100%;
    }

    .sidebar-title,
    .sidebar-item {
        font-size: 18px;
    }

    .layout-content-container {
        width: 100%;
    }

}