@media all and (max-width: 1600px) {
    #admin-sys-menu ul.dropdown li a {
        padding: 20px;
    }
    .layout_show_admin_hp_main_default div[class*="tab-"]:not(.tab-clear) {
        padding: 8px;
    }
}

@media all and (max-width: 1500px) {
    /* responzivní HP taby */                 
        .layout_show_admin_hp_main_default div[class*="tab-1_"] {
            --width: 8.333%;
            width: calc(var(--width) * 2);
        }
        .layout_show_admin_hp_main_default div[class*="tab-2_"] {
            --width: 16.666%;
            width: calc(var(--width) * 2);
        }
        .layout_show_admin_hp_main_default div[class*="tab-3_"] {
            --width: 24.999%;
            width: calc(var(--width) * 2);
        }
        .layout_show_admin_hp_main_default div[class*="tab-4_"], .layout_show_admin_hp_main_default div[class*="tab-5_"], .layout_show_admin_hp_main_default div[class*="tab-6_"], .layout_show_admin_hp_main_default div[class*="tab-7_"], .layout_show_admin_hp_main_default div[class*="tab-8_"], .layout_show_admin_hp_main_default div[class*="tab-9_"], .layout_show_admin_hp_main_default div[class*="tab-10_"], .layout_show_admin_hp_main_default div[class*="tab-11_"] {
            width: 100% !important;
        }

        .layout_show_admin_hp_main_default div[class*="tab-"] {
            font-size: 14px;
        }
        .is-button > a {
            font-size: 12px;
            height: 100% !important;
            width: 100% !important;
        }
        .is-button > a i {
            font-size: 30px;
        }
        .infotab i {
            font-size: 45px !important;
        }
        .layout_show_admin_hp_main_default div[class*="tab-"] h1 {
            font-size: 2.8vw;
            font-size: 32px;
        }
        .layout_show_admin_hp_main_default div[class*="tab-"] h2 {
            font-size: 2.5vw;
            font-size: 29px;
        }
        .layout_show_admin_hp_main_default div[class*="tab-"] h3 {
            font-size: 2.3vw;
            font-size: 27px;
        }
        .layout_show_admin_hp_main_default div[class*="tab-"] h4 {
            font-size: 2.1vw;
            font-size: 24px;
        }
        .layout_show_admin_hp_main_default div[class*="tab-"] h5 {
            font-size: 1.9vw;
            font-size: 22px;
        }
        .layout_show_admin_hp_main_default div[class*="tab-"] h6 {
            font-size: 1.61vw;
            font-size: 19px;
        }
        .layout_show_admin_hp_main_default div[class*="tab-"] h7 {
            font-size: 1.53vw;
            font-size: 17px;
        }
        .tab-clear {
            width: 100% !important;
            height: auto !important;
        }
        .tab-clear .tab-12_2 {
            width: 50% !important;
        }
        .tab-clear .clear {
            clear: none !important;
        }

        .layout_show_admin_hp_main_default, .tab-clear {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
        }
        .layout_show_admin_hp_main_default * {
            height: auto !important;
        }
}

@media all and (max-width: 1460px) {
    #admin-sys-menu ul.dropdown li a {
        padding: 20px 15px;
    }   
    #admin-auth-status {
        margin-right: 15px;
    }
    .layout_show_admin_two-cols-wrapper {
        display: block !important;
        padding: 15px 20px;
    }
    .layout_show_admin_right {
        width: 100%;
    }
    .layout_show_admin_right #admin-menu ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    }
    .layout_show_admin_right .clear, .layout_show_admin_right h3#admin-rel-menu-hd, .layout_show_admin_right nav#admin-rel-menu {
        display: none;
    }
    .layout_show_admin_right {
        padding: 0;
        display: block;
    }
    #layout_show_admin_main_group {
        margin: 10px 0 0 0;
        display: block;
        padding: 5px 15px 15px;
    }
    .layout_show_admin_right #admin-menu ul li {
        width: 100%;
        max-width: 150px;
        margin: 0 5px 15px;
    }
}

@media all and (max-width: 1320px) {
    #admin-sys-menu ul.dropdown li a {
        padding: 20px 15px;
        font-size: 1vw;
    }
    table tr td, table tr th {
        padding: 15px;
    }
    .form_editor table tr td, .form_editor table tr th {
        padding: 8px 5px 4px;
    }
}

@media all and (max-width: 1260px) {
    .layout_show_admin_tree {
        overflow: hidden;
    }
    .leftbar-tree {
        position: relative;
        position: absolute;
        left: 55px;
        top: 0;
        width: 0px;
        height: 100%;
        padding-left: 0;
        overflow: visible;
        -webkit-transition: all 700ms cubic-bezier(0.810, 0.005, 0.350, 1); /* older webkit */
        -webkit-transition: all 700ms cubic-bezier(0.810, 0.005, 0.350, 1.005);
                transition: all 700ms cubic-bezier(0.810, 0.005, 0.350, 1.005); /* custom */
        
        -webkit-transition-timing-function: cubic-bezier(0.810, 0.005, 0.350, 1); /* older webkit */
        -webkit-transition-timing-function: cubic-bezier(0.810, 0.005, 0.350, 1.005);
                transition-timing-function: cubic-bezier(0.810, 0.005, 0.350, 1.005); /* custom */
    }
    .leftbar-tree.opened {
        width: 265px;
        padding-left: 0;
    }
    .leftbar-tree-toggler {
        position: relative;
        display: block;
        background: #fff;
        width: 25px;
        height: 50px;
        position: absolute;
        right: -25px;
        top: 50vh;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        border-radius: 0 25px 25px 0;
        text-align: center;
        padding-top: 11px;
        font-size: 18px;
        overflow: hidden;
        padding-right: 4px;
        cursor: pointer;
        border: 1px solid #E9ECF1;
        border-left: 0;
    }
    .leftbar-tree-toggler:after {
        content: "\f105";
        font-family: "FontAwesome";
        display: block;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .leftbar-tree.opened .leftbar-tree-toggler:after {
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
    }
    #admin-sys-menu ul.dropdown li a {
        font-size: 1.25vw;
    }
    .layout_show_admin_leftbar {
        padding-left: 55px;
    }
}

@media all and (max-width: 1024px) { 
    #js-tab-template {
        display: none !important;
    }
    .layout_show_admin_hp_main_default div[class*="tab-"]:not(.infotab) {
        display: block !important;
    }
    .stacktable.small-only tr td.st-key:empty {
        display: none;
    }
    .stacktable.small-only tr td.st-key {
        width: 150px;
    }
    .stacktable.small-only tr td.st-val {
        padding: 15px;
    }
    table.has-border.stacktable.small-only tr td {
        border: none;
    }

    .catalog_item_list table .st-val.gallery a {
        padding: 0 5px;
    }
    .infotab {
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
    }
    .layout_show_admin_hp_main_default .clear {
        display: none;
    }   
    .layout_show_admin_hp_main_default {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .layout_show_admin_hp_main_default div[class*="tab-"]:not(.tab-fw) {
        clear: none !important;
        height: auto !important;
        width: 50% !important;
    }
    .layout_show_admin_hp_main_default .tab-clear div[class*="tab-"] {
        width: 100% !important;
    }

    #top-menu-toggler {
        display: block;
    }
    .top-system-menu-wrapper {
        display: none;
        position: absolute;
        top: 78px;
        background: #fff;
        left: 0;
        width: 100%;
        border-top: 1px solid #E9ECF1;
    }
    #admin-sys-menu ul.dropdown {
        display: block;
    }
    #admin-sys-menu ul.dropdown li a {
        font-size: 14px;
        padding: 12px 45px;
    }
    #admin-sys-menu ul.dropdown li {
        text-align: left;
    }
    #admin-sys-menu ul.dropdown li ul {
        position: relative;
    }
    #admin-sys-menu ul.dropdown li ul li {
        width: 100%;
    }
    #admin-sys-menu ul.dropdown li ul li a {
        font-size: 14px;
        padding: 12px 60px;
    }
    #admin-sys-menu {
        max-height: 70vh;
        overflow: auto;
    }
    #admin-auth-status {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-right: 20px;
        margin-left: 15px;
    }
    .layout_show_admin_logo {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    /*#admin-auth-status .auth_status_forms i {
        display: none;
    }*/
    /*#admin-auth-status .auth_status_forms .logout-wrapper, #admin-auth-status .auth_status_forms:hover .logout-wrapper {
        display: inline-block;
    }
    #admin-auth-status .auth_status_forms .logout-wrapper {
        position: relative;
        margin-left: 10px;
        margin-right: 20px;
    }*/

    #admin-auth-status .auth_status_forms:hover .logout-wrapper, #admin-auth-status .auth_status_forms.opened .logout-wrapper {
        display: block;
    }
    #admin-auth-status .auth_status_forms .logout-wrapper {
        left: -90px;
        z-index: 888;
    }
    .top-rest-wrapper {
        width: 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    #admin-sys-menu ul.dropdown li a {
        display: inline-block;
    }
    .have-submenu {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        width: 45px;
        height: 45px;
        text-align: center;
        background: #F59C64;
        color: #fff;
        border-bottom: 1px solid #fff;
        padding-top: 13px;
    }
    .have-submenu::before {
        display: block;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .have-submenu.opened::before {
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
    }
    #admin-sys-menu ul.dropdown li:hover ul {
        display: none;
    }
    #admin-auth-status .avatar {
        margin-left: 0;
        margin-right: 20px;
    }
    .layout_show_admin_left-objects, .layout_show_admin_main_default-pageedit {
        float: none;
        width: 100%;
        padding: 0;
    }

    .layout_show_admin_left-objects .object_toolbar_holder > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-flow: column wrap;
                        flex-flow: column wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .object-switcher {
        text-align: left;
    }
    .objects-type-view ul li .content-objects {
        position: static;
        max-width: 550px;
        margin: 0 auto 15px;
    }
    .objects-type-view ul li:hover .content-objects {
        display: none;
    }
    .objects-type-view ul li .content-objects::before {
        display: none;
    }
    .layout_show_admin_left-objects .object_toolbar_holder .toolbars_heading {
        margin-bottom: 15px;
        text-align: left;
        margin-top: 10px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }
    .layout_show_admin_left-objects .object_toolbar_holder .object_toolbar fieldset {
        width: 49%;
    }
    .layout_show_admin_left-objects .object_toolbar_holder .object_toolbar fieldset.toolbar_slot fieldset {
        width: 100%;
    }
    .layout_show_admin_main_default-pageedit #tree-node_proxy table tr td, .layout_show_admin_main_default-pageedit #tree-node_proxy table tr th {
        display: block;
        width: 100%;
    }
    .form_editor table tr th {
        white-space: normal;
    }
    #page_toolbar_fieldset .toolbar_buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        padding: 0;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    }
    #page_toolbar_fieldset .toolbar_buttons form {
        margin: 0 10px 15px;
    }
    .layout_show_admin_main-pagedit table tbody {
        display: block;
        /*max-width: calc(100vw - 85px);*/
    }
    .layout_show_admin_main-pagedit table tr {
        display: block;
        width: 100%;
    }
    .layout_show_admin_main-pagedit table tr th table {
        width: 100%;
        display: block;
    }
    .layout_show_admin_top2 > .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    #admin-show-page-link .heading-show-page-link {
        margin: 15px 0 0 0;
    }
    .plupload_wrapper {
        min-width: initial !important;
    }
    .tabberlive .tabbertab {
        width: 100% !important;
    }

    /* responzivní levé menu */
    .leftbar-tree {
        display: none;
    }
    .top-rest-wrapper .layout_show_admin_logo {
        display: none;
    }
    .left-bar-mobile-switcher {
        display: block;
    }
    .layout_show_admin_leftbar {
        padding-left: 0;
    }
    .leftbar-tools {
        left: -225px !important;
    }
    .leftbar-tools.opened {
        left: 0 !important;
    }
    .leftbar-tools.opened .layout_show_admin_logo a > img {
        right: calc(100% - 28px);
    }
    .leftbar-tools.opened .layout_show_admin_logo .fullname-forlogo {
        opacity: 1;
    }
    .leftbar-tree-closer {
        display: block;
    }
    #layout_show_admin_hp_main_group {
        padding: 15px;
    }
    /* ___ responzivní levé menu ___ */

    /* responzivní tabulky v tabulkách (všechno na block, buňky ze stacktable scriptu naskládat pod sebe) */
    .stacktable.large-only { display: none; }
    .stacktable.small-only { display: block; }

    .layout_show_admin_two-cols-wrapper {
        padding: 15px;
    }
    table.SubEditor, table.SubEditor tbody, table.SubEditor tr td, table.SubEditor tr th {
        display: block;
        width: 100%;
    }
    .stacktable.small-only, .stacktable.small-only tbody, .stacktable.small-only tr { display: block; }
    .form_editor table tr td, .form_editor table tr th { display: block; width: 100%; }
    tt {
        word-wrap: break-word;
    }
    td.st-key {
        font-weight: 600;
        text-align: left;
    }
    /* ___ responzivní tabulky v tabulkách ___ */

    .page-edit-heading {
        display: none;
    }
    .layout_show_admin_top2 #admin-heading {
        text-align: center;
    }

    .layout_show_admin_hp_main_default div.is-button[class*="tab-"] {
        width: 25% !important;
        padding: 0;
    }

    .is-button > a {
        padding: 15px 8px;
    }

    .is-button > a > span {
        padding: 0;
    }

    .is-button > a, .is-button > a span {
        position: static;
        -webkit-transform: initial;
                transform: initial;
    }
    
}

@media all and (max-width: 960px) {
    table.nostacktable tr td, table.nostacktable tr th {
        display: block;
        width: 100%;
        text-align: center;
    }
    .catalog_item_list .controls {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .catalog_item_list .controls .opts {
        margin-bottom: 15px;
        width: 100% !important;
    }
    .catalog_item_list .controls .buttons {
        margin-bottom: 15px;
        width: 100% !important;
        -webkit-box-flex: 1 !important;
            -ms-flex: 1 1 100% !important;
                flex: 1 1 100% !important;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
    }

    .tree_show_list_widetable {
        display: none;
    }
    .tree_show_list_narrowtable {
        display: block;
    }
}

@media all and (max-width: 640px) {
    .infotab {
        display: block !important;
    }
    .infotab .left, .infotab .right {
        text-align: center;
        padding: 0 15px;
    }
    .catalog_item_list .controls .buttons {
        display: block !important;
        padding: 0;
    }
    .catalog_item_list .controls .opts {
        padding: 0;
    }
    .catalog_item_list .controls .buttons input {
        width: 100%;
        display: block;
        margin: 10px 0 !important;
    }

    .layout_show_admin_hp_main_default {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .layout_show_admin_hp_main_default div[class*="tab-"], .layout_show_admin_hp_main_default div.is-button[class*="tab-"], .layout_show_admin_hp_main_default div[class*="tab-"]:not(.tab-fw) {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }

    ul.tabbernav li {
        display: block !important;
        width: 100%;
    }
    ul.tabbernav li a {
        display: block;
        width: 100%;
    }
    .layout_show_admin_left-objects .object_toolbar_holder > div {
        display: block;
    }
    .layout_show_admin_left-objects .object_toolbar_holder .object_toolbar fieldset {
        width: 100%;
    }
    .layout_show_admin_two-cols-wrapper {
        padding: 15px 5px;
    }
    #layout_show_admin_main_group {
        padding: 5px 5px 15px;
    }
    input, textarea, select {
        width: 100%;
    }
    input[type="checkbox"], input[type="radio"] {
        width: 13px;
    }
    /*.form_editor table input[type="checkbox"],*/ .form_editor table input[type="checkbox"] + label {
        display: inline;
    }
    select {
        padding-right: 30px;
    }
    .Editor .editor-footnote {
        margin-bottom: 5px;
    }
    .layout_box {
        float: none;
        width: 100% !important;
    }
    .editor_icon_array_holder button {
        max-width: 115px;
        margin: 3px 0px;
        height: auto;
    }
    .editor_icon_array_holder {
        -ms-flex-pack: distribute;
            justify-content: space-around;
    }
    .inline-select {
        display: block;
        width: 100%;
        margin: 5px 0 15px;
    }
    .div-search-input-submit-wrapper, .div-search-input {
        display: block;
        width: 100%;
        margin-right: 0;
    }
    .div-search-input input {
        display: block;
        width: 100% !important;
    }
    #calendar_nav a {
        display: block;
        margin: 5px 0;
    }
    #calendar_view th {
        width: auto;
    }
    .order_list button {
        margin: 5px 0;
        display: block;
        width: 100%;
    }
}

@media all and (max-width: 380px) {
    #admin-auth-status .avatar {
        display: none;
    }
    #admin-auth-status .auth_status_forms .logout-wrapper {
        margin-right: 15px;
    }
    .layout_show_admin_right #admin-menu ul li {
        max-width: 120px;
        margin: 0 0px 15px;
    }
    .div-search-input input {
        width: 270px !important;
    }
    .div-search-input-submit-wrapper {
        margin-right: 0;
    }
    body.loggedout .footer-wrapper {
        padding: 0 15px;
    }
}

@media all and (max-height: 640px) {
    body.loggedout .horizontal-logo {
        display: none;
    }
}