@media (max-width:768px){

    html,
    body{
        overflow:auto;
    }

    .top-bar{

        width:100% !important;

        min-height:100vh;

        margin:0;

        padding:10px;

        display:flex;

        flex-direction:column;

        align-items:center;

    }

    .logo{

        margin-bottom:10px;

        font-size:50px;

    }

    .menu{

        width:100%;

        display:flex;

        flex-direction:column;

        gap:6px;

    }

.menu a,
.menu-user{

    display:block !important;

    width:100% !important;

    max-width:none !important;

    text-align:center !important;

    font-size:40px;

    padding:10px;

    }

.window{

        margin:0 !important;

        width:100vw !important;
        height:100dvh !important;

        max-height:none !important;

    }

.home-page .top-bar,
.home-page .desktop-title{

    display:block;

    }

.top-bar,
.desktop-title{

        display:none;

    }

    .dialog-top{
        display:none;
    }

.dialog-header{
        display:none !important;
    }

.home-page .desktop-title{
        display:none;
    }

   /* Само окно */

.window{
    display:flex;
    flex-direction:column;
    width:100% !important;
    min-height:100svh;

}

    /* Заголовок окна */

    .window-header{

        height:42px;

        font-size:18px;

    }

    .window-title{

        font-size:20px;

    }

    .window-title-icon{

        width:22px;

        height:22px;

    }

    .window.explorer{

        width:100% !important;

    }

    .window.document{

        width:100% !important;

    }

    /* Проводник */

    .explorer-row{
display:flex;
    align-items:center;
        min-height:42px;

        font-size:18px;

    }

    .explorer-header{

        font-size:18px;

    }

    .explorer-icon{

        width:22px;

        height:22px;

        margin-right:8px;

    }

    /* Скрываем ненужные столбцы */

     .explorer-header-created,
    .explorer-header-modified{

        display:none;

    }

    /* Скрываем сами столбцы */

    .explorer-cell-created,
    .explorer-cell-modified,
    .explorer-cell-size,
    .explorer-header-size{

        display:none;

    }

    /* Имя */

    .explorer-header-name,
    .explorer-cell-name{

         width:auto !important;
    flex:1 1 auto;
    min-width:0;

    }

    /* Размер */

    .explorer-header-size,
    .explorer-cell-size{

        width:80px;

        text-align:right;

        flex:none;

    }

    .explorer-name{
        display:block;
        width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        font-size:24px;

    }

    .window-body{

        display:flex !important;
        flex-direction:column;
    }

    .window-sidebar{
    display:none !important;
}

.window-content{
    width:100% !important;
}

.window-footer{

        padding:0 10px !important;

    }

     .window-content img,
     .window-content iframe,
     .window-content table{

        display:block;
        max-width:100%;
        width:auto;
        height:auto;

        margin:20px auto;

    }

    table{
        display:block;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        max-width:100%;
        white-space:nowrap;
    }

.video-player {

    width: 100%;
    max-width: 750px;

    height: auto;

}

}