@media (max-height: 400px) and (max-width: 300px) {
    .component_breadcrumb .breadcrumb .ul div {
        font-size: 14px;
    }

    .component_breadcrumb .breadcrumb .ul,
    .component_breadcrumb .breadcrumb .ul > span{
        padding: 0 !important;
    }

    .component_breadcrumb .component_path-element a.label span.title {
        margin: 0 !important;
    }

    .component_breadcrumb .component_separator img {
        width: 12px !important;
        height: 12px !important;
    }

    [is="component_submenu"] {
        margin-top: 0 !important;
    }

    [is="component_submenu"] .component_submenu .action.left {
        width: 100%;
        justify-content: space-around;
        column-gap: 15px;
        padding: 0 15px;
        margin: 0 !important;
    }

    [is="component_submenu"] .component_submenu .action.left a {
        height: 21px;
    }

    [is="component_submenu"] .component_submenu .action.right,
    [is="component_submenu"] .component_submenu .action.left button[data-action="new-file"],
    [is="component_submenu"] .component_submenu .action.left button[data-action="delete"] {
        pointer-events: none;
        display: none;
    }

    [is="component_submenu"] .component_submenu .action.left button {
        border: 1px solid #aaaaaa;
        padding: 2px 7px;
        width: 100%;
    }

    [is="component_filesystem"] .component_filesystem [data-type="list"] {
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)) !important;
    }

    [is="component_filesystem"] .empty .component_icon {
        height: 240px !important;
    }

    .component_thing .file-details > span {
        width: calc(100% - 85px) !important;
        font-size: 14px;
    }

    .component_thing .component_datetime {
        padding: 0 !important;
        font-size: 9px;
    }

    .component_mobilefileupload input[type="file"] + label {
        display: flex !important;
        width: 35px !important;
        height: 35px !important;
        justify-content: center;
    }

    .component_mobilefileupload input[type="file"] + label .component_icon {
        width: auto !important;
        height: auto !important;
        padding: 7px !important;
    }

    .component_upload h2 {
        padding: 10px 10px 5px 10px !important;
        margin: 0;
    }

    .component_upload .stats_content {
        padding: 5px 10px !important;
    }

    [data-bind="filemanager-children"].dropzone {
        border-radius: 0px 0px 10px 10px;
    }
}

.dark-mode [is="component_submenu"] .component_submenu .action button {
    font-weight: normal !important;
}