﻿@media (max-width: 1000px) {

    .execution-time span, .jsontree_tree, .examples .examples-header, .examples .examples-list div, .request textarea{
        font-size: 11px;
    }

    .request .button button{
        font-size: 10px;
    }
    
    .jsontree_child-nodes{
        margin-left: 10px;
    }
    .content-block-header, .form-header{
        flex-direction: column;
    }
    .form-header{
        gap: 5px;
    }
    .content-block-header .meta-info{
        justify-content: normal;
    }
    .wrapper{
        flex-direction: column;
    }
    .sidebar{
        height: 60px;
        width: 100%;
        padding-bottom: 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
    }
    .sidebar .logo{
        margin-left: 24px;
    }
    .sidebar .footer{
        margin-top: 0;
        margin-right: 24px;
    }
    .sidebar .menu{
        display: none;
        position: absolute;
        top: 60px;
        right: 0;
        height: calc(100dvh - 60px);
        width: 300px;
        background: #252525;
        z-index: 2;
    }
    .sidebar.menu-opened .menu{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .sidebar .menu .menu-item{
        margin-left: 0;
        margin-right: 0;
    }
    .sidebar .footer-header, .footer-description{
        display: none;
    }
    .sidebar .menu-button{
        display: block;
        cursor: pointer;
    }
    .sidebar .menu-footer{
        display: block;
    }
    .sidebar .menu-button .menu-open{
        display: block;
    }
    .sidebar .menu-button .menu-close{
        display: none;
    }
    .sidebar.menu-opened .menu-open{
        display: none;
    }
    .sidebar.menu-opened .menu-close{
        display: block;
    }
    .content .content-header{
        font-size: 30px;
        margin-bottom: 30px;
    }
    .content .content-blocks{
        margin-top: 0;
    }
    .file-controls{
        flex-direction: column;
    }
    .custom-file-upload{
        width: 100%;
    }
    .categories{
        flex-direction: column;
        gap: 5px;
    }
}