@media(max-width: 1400px) {
    .prods_list .prod_block {
        width: calc(33.3333% - 8px);
        margin: 0 6px 12px 6px;
    }
    .prods_list .prod_block:nth-child(4n+1) {
        margin-left: 6px;
    }
    .prods_list .prod_block:nth-child(4n+4) {
        margin-right: 6px;
    }
    .prods_list .prod_block:nth-child(3n+1) {
        margin-left: 0px;
    }
    .prods_list .prod_block:nth-child(3n+3) {
        margin-right: 0px;
    }
}

@media (max-width: 1100px) {
    table.vypis th {
        font-size: 12px;
    }
    .edit-head,
    table.edit {
        width: 100%;
        min-width: auto;
    }
    .prods_list .prod_block {
        width: calc(50% - 10px);
    }
    .prods_list .prod_block:nth-child(2n+1) {
        margin-left: 0px;
        margin-right: 10px;
    }
    .prods_list .prod_block:nth-child(2n+2) {
        margin-right: 0px;
        margin-left: 10px;
    }
}

@media(max-width: 1000px) {
    .cards_grid_container {
        grid: auto / 1fr;
    }
    .cards_grid_container .card {
        grid-column: 1/2 !important;
        grid-row: unset;
    }
}

@media(max-width: 950px) {
    footer .cart_footer_container {
        padding: 5px;
    }
}

@media (max-width: 900px) {
    .vypis-wrapper {
        padding: 0 !important;
    }
    .page {
        padding-bottom: 200px;
    }
    table.vypis tr td:first-of-type,
    table.vypis tr th:first-of-type {
        padding-left: 0rem;
    }
    table.vypis tr td:last-of-type,
    table.vypis tr th:last-of-type {
        padding-right: 0rem;
    }
    /* new end */
    /* table.vypis tr:first-child {
        display: none;
    }
    table.vypis.sublevel tr:first-child {
        display: table-row;
    }
    table.vypis tr {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        border: solid 1px #00000014;
        margin: 5px;
    }    
    table.vypis tr td {
        width: 100%;
        display: block;
        text-align: center;
        padding: 7px 5px;
    }
    table.vypis tr:last-of-type td{
        margin-bottom: 0;
    }
    table.vypis td.right {
        text-align: center;
    }
    table.edit th {
        width: 150px;
    }
    table.vypis td.resp_half {
        width: calc(50% - 10px);
    }
    table.vypis td.resp_three {
        width: calc(33.3% - 0px);
    }
    table.vypis.products_list .info_cell {
        width: 35px;
    }
    table.vypis.products_list .plu_cell {
        width: 55px;
    }
    table.vypis.products_list .name_cell {
        width: calc(100% - 285px);
        text-align: left;
    }
    table.vypis.products_list .amount_g_cell {
        width: 55px;
        text-align: right;
    }
    table.vypis.products_list .price_cell {
        width: 90px;
        text-align: right;
    }
    table.vypis.products_list .product_line.selected .amount_cell{
        padding-right: 2rem;
    }
    table.vypis.cl_prod,
    table.vypis.cl_prod * {
        box-sizing: border-box;
    }
    table.vypis.cl_prod .produkt_img {
        width: 60px;
    }
    table.vypis.cl_prod .id {
        width: 80px;
        text-align: left;
    }
    table.vypis.cl_prod .name {
        width: calc(100% - 200px);
        text-align: left;
    }
    table.vypis.cl_prod .amount {
        width: 60px;
        text-align: right;
    }
    table.vypis.cl_prod .patt::before {
        content: "PATT: ";
    }
    table.vypis.cl_prod .wkdays::before {
        content: "Po-Pá: ";
    }
    table.vypis.cl_prod .monday::before {
        content: "Po: ";
    }
    table.vypis.cl_prod .tuesday::before {
        content: "Út: ";
    }
    table.vypis.cl_prod .wednesday::before {
        content: "St: ";
    }
    table.vypis.cl_prod .thursday::before {
        content: "Čt: ";
    }
    table.vypis.cl_prod .friday::before {
        content: "Pá: ";
    }
    table.vypis.cl_prod .sat::before {
        content: "So: ";
    }
    table.vypis.cl_prod .sun::before {
        content: "Ne: ";
    }
    table.vypis.cl_prod .del2::before {
        content: "2. závoz: ";
    }
    table.vypis.cl_prod .del3::before {
        content: "3. závoz: ";
    }
    table.vypis.cl_prod .r32 {
        width: 33.3333%;
    }
    table.vypis.ord_prods,
    table.vypis.ord_prods * {
        box-sizing: border-box;
    }
    table.vypis.ord_prods .info {
        width: 30px;
    }
    table.vypis.ord_prods .id {
        width: 70px;
    }
    table.vypis.ord_prods .name {
        width: calc(100% - 160px);
        text-align: left;
    }
    table.vypis.ord_prods .amount {
        width: 60px;
        text-align: right;
    }
    table.vypis.ord_prods .pc_notax::before {
        content: "ks bez DPH: ";
    }
    table.vypis.ord_prods .notax::before {
        content: "bez DPH: ";
    }
    table.vypis.ord_prods .withtax::before {
        content: "s DPH: ";
    }
    table.vypis.ord_prods .taxsum::before {
        content: "DPH: ";
    }
    table.vypis.ord_prods .price {
        width: 50%;
    }
    table.vypis.ord_prods .price::before {
        font-weight: bold;
    }
    table.vypis.summary,
    table.vypis.summary * {
        box-sizing: border-box;
    }
    table.vypis.summary .info {
        width: 35px;
    }
    table.vypis.summary .plu {
        width: 60px;
    }
    table.vypis.summary .name {
        width: calc(100% - 155px);
        text-align: left;
    }
    table.vypis.summary .amount_g {
        width: 60px;
        text-align: right;
    }
    table.vypis.summary .prices,
    table.vypis.summary .amount {
        width: 50%;
    }
    table.vypis.summary .price_pc::before {
        content: "ks bez DPH: ";
    }
    table.vypis.summary .pricenotax::before {
        content: "bez DPH: ";
    }
    table.vypis.summary .pricetax::before {
        content: "s DPH: ";
    }
    table.vypis.summary .prices::before {
        font-weight: bold;
    }
    table.vypis.summary .total .total_notax,
    table.vypis.summary .total .total_tax {
        width: 50%;
    }
    table.vypis.summary .total .total_notax::before {
        content: "bez DPH: ";
    }
    table.vypis.summary .total .total_tax::before {
        content: "s DPH: ";
    }
    table.vypis.prods,
    table.vypis.prods * {
        box-sizing: border-box;
    }
    table.vypis.prods .produkt_img {
        height: 60px;
    }
    table.vypis.prods .id::before {
        content: "PLU: ";
        font-weight: bold;
    }
    table.vypis.prods .id {
        width: 100%;
    }
    table.vypis.prods .name {
        width: 100%;
    }
    table.vypis.prods .hlight::before {
        content: "zvýraznit: ";
    }
    table.vypis.prods .amount_g::before {
        content: "hmotnost: ";
    }
    table.vypis.prods .visibility::before {
        content: "viditelný: ";
    }
    table.vypis.prods .patt::before {
        content: "PATT: ";
    }
    table.vypis.prods .wkdays::before {
        content: "Po-Pá: ";
    }
    table.vypis.prods .monday::before {
        content: "Po: ";
    }
    table.vypis.prods .tuesday::before {
        content: "Út: ";
    }
    table.vypis.prods .wednesday::before {
        content: "St: ";
    }
    table.vypis.prods .thursday::before {
        content: "Čt: ";
    }
    table.vypis.prods .friday::before {
        content: "pá: ";
    }
    table.vypis.prods .sat::before {
        content: "So: ";
    }
    table.vypis.prods .sun:before {
        content: "Ne: ";
    }
    table.vypis.prods .del2::before {
        content: "2. závoz: ";
    }
    table.vypis.prods .del3::before {
        content: "3. závoz: ";
    }
    table.vypis.prods .tagged::before {
        font-weight: bold;
    }
    table.vypis.prods .tagged {
        width: 50%;
    }
    table.vypis.cl_hist,
    table.vypis.cl_hist * {
        box-sizing: border-box;
    }
    table.vypis.cl_hist .id {
        width: 100%;
    }
    table.vypis.cl_hist .delivery_type,
    table.vypis.cl_hist .category,
    table.vypis.cl_hist .created,
    table.vypis.cl_hist .date {
        width: 50%;
    }
    table.vypis.cl_hist .created::before {
        content: "Vytvořena: ";
        font-weight: bold;
    }
    table.vypis.cl_hist .date::before {
        content: "Obj. na: ";
        font-weight: bold;
    }
    table.vypis.cl_hist .delivery_type::before {
        content: "Závoz: ";
        font-weight: bold;
    }
    table.vypis.cl_hist .category::before {
        content: "Kategorie: ";
        font-weight: bold;
    }
    table.vypis.cl_hist .type {
        width: 100%;
    }
    table.vypis.cl_hist .type::before {
        content: "Závoz: ";
        font-weight: bold;
    }
    table.vypis.cl_hist .prices {
        width: 50%;
    }
    table.vypis.cl_hist .prices::before {
        font-weight: bold;
    }
    table.vypis.cl_hist .pcnotax::before {
        content: "bez DPH: ";
    }
    table.vypis.cl_hist .pctax::before {
        content: "s DPH: ";
    }
    table.prods-stats tr {
        display: grid;
        grid: auto / 4em 1fr 5em;
        gap: .3em;
    }
    table.vypis.prods-stats td {
        text-align: left;
        width: unset;
    } */
    table.vypis.prods-stats td:last-child {
        text-align: right;
    }
    .chckboxes_list .item {
        width: calc(50% - 5px);
    }
    .chckboxes_list .item:nth-child(2n+1) {
        margin-right: 10px;
    }
    .chckboxes_list .item:nth-child(2n+2) {
        margin-right: 0;
    }
    footer .cart_footer_container {
        display: grid;
        grid: auto / auto 1fr;
        gap: 10px;
        padding: 15px 10px;
    }
    footer .cart_footer_container .block {
        border: none;
    }
    footer .cart_footer_container .counter_block {
        grid-column: 1/3;
        grid-row: 1/2;
    }
    footer .cart_footer_container .date_block {
        grid-row: 2/3;
        grid-column: 2/3;
    }
    footer .cart_footer_container .price_block {
        grid-row: 3/4;
        grid-column: 1/2;
    }
    footer .cart_footer_container .price_block--visible {
        padding: 10px;
        background: #00000017;
        border-radius: 6px;
    }
    footer .cart_footer_container .delivery_type_block {
        grid-row: 2/3;
        grid-column: 1/2;
    }
    footer .cart_footer_container .action_block {
        grid-row: 3/4;
        grid-column: 2/3;
    }
    footer .cart_footer_container .price {
        font-size: 21px;
    }
    footer .cart_footer_container .block .container {
        display: flex;
        justify-content: left;
        align-items: center;
        border: none;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    footer .cart_footer_container .block .container .title {
        font-weight: bold;
    }
    footer .cart_footer_container .action_block button,
    footer .cart_footer_container .action_block .button {
        width: 100%;
    }
}

@media(max-width: 800px) {
    .prods_list .prod_block {
        width: 100%;
        margin: 0 0 25px 0 !important;
    }
    .prods_list .prod_block input,
    .prods_list .prod_block select,
    .prods_list .prod_block .plu,
    .prods_list .prod_block .name,
    .prods_list .prod_block .price_container .base_amount {
        font-size: 16px;
    }
    .order_bottom_summary {
        flex-direction: column;
        align-items: center;
    }
    .order_bottom_summary .current_price {
        text-align: center;
    }
    .order_bottom_summary .button {
        margin-left: 0;
        margin-top: 20px;
    }
}

@media(min-width: 701px) {
    .menu_container {
        display: block !important;
    }
}

@media (max-width: 700px) {
    table.vypis td.produkt_img {
        height: 50px;
        padding: 15px 0px;
    }
    .edit-head {
        flex-wrap: wrap;
    }
    .edit-head h1 {
        width: 100%;
        text-align: center;
        margin: 20px 0px;
    }
    .mce-panel {
        border: none !important;
    }
    .mce-flow-layout {
        text-align: center !important;
    }
    .page h2,
    .page h3 {
        text-align: center;
    }
    .edit-head .edit-setting {
        width: 100%;
        text-align: center;
    }
    table.edit h2 {
        border-left: none;
        padding: 0px;
        margin: 10px;
    }
    table.edit th,
    table.edit td {
        width: 100%;
        text-align: center;
        display: block;
        padding: 10px 0px;
    }
    table.edit tr {
        margin: 10px 0px;
        display: block;
        border: solid 2px #80808030;
    }
    table.edit select,
    table.edit input {
        height: auto;
        font-size: 18px;
    }
    .menu_resp {
        display: block;
        position: relative;
        width: 50%;
        text-align: center;
    }
    .menu_resp .navbar-toggle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        cursor: pointer;
        background-color: transparent;
        border: none;
        outline: none;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 100%;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
        border-radius: 3px;
        height: 6px;
        background: var(--main-color);
        transition: all .3s;
        position: relative;
        margin-top: 8px;
    }
    .navbar-toggle .icon-bar:first-child {
        margin-top: 0px;
    }
    .navbar-toggle.active .icon-bar {
        margin-top: 12px;
    }
    .navbar-toggle.active .icon-bar:first-child {
        margin-top: 0;
    }
    .navbar-toggle.active .icon-bar:first-child {
        animation: ease .7s top forwards;
    }
    .navbar-toggle.not-active .icon-bar:first-child {
        animation: ease .7s top-2 forwards;
    }
    .navbar-toggle.active .icon-bar:nth-child(2) {
        animation: ease .7s scaled forwards;
    }
    .navbar-toggle.not-active .icon-bar:nth-child(2) {
        animation: ease .7s scaled-2 forwards;
    }
    .navbar-toggle.active .icon-bar:nth-child(3) {
        animation: ease .7s bottom forwards;
    }
    .navbar-toggle.not-active .icon-bar:nth-child(3) {
        animation: ease .7s bottom-2 forwards;
    }
    .logo {
        width: 50%;
    }
    .logo img {
        margin: auto;
        max-width: 80px;
    }
    form.hledat {
        width: 100%;
    }
    form.hledat input {
        width: calc(100% - 85px);
    }
    form.hledat button {
        width: auto;
    }
    /* .container.login {
        min-width: auto;
        position: static;
        transform: none;
        width: 100%;
        padding: 80px 0px;
    } */
    .page {
        margin-left: 0;
        margin-top: 75px;
        padding: 15px 15px 200px;
        min-height: calc(100vh - 125px);
    }
    h1 {
        text-align: center;
        margin: 20px 0px;
    }
    .button {
        /* width: calc(100% - 10px); */
        margin: 5px;
    }
    .galerie_obsah {
        text-align: center;
    }
    footer {
        position: static;
        padding: 15px;
        width: calc(100% - 30px);
        text-align: center;
    }
    .filter_container {
        justify-content: center;
    }
    .legend_container {
        justify-content: center;
    }
    table.legend {
        margin: 5px;
        width: 100%;
    }
    table.legend,
    table.legend tbody {
        display: block;
    }
    table.legend tr {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
    table.legend td,
    table.legend th {
        text-align: center;
    }
    table.legend td {
        border-bottom: 1px solid #6f6f6f;
    }
    .cards_grid_container .inline_list {
        justify-content: center;
    }
    footer .cart_footer_container {
        left: 0;
    }
}

@media(max-width: 550px) {}

@media (max-width: 500px) {
    .filter_wrapper .elem.hw {
        width: 100%;
    }
    .unavailibility_msgbox_cover .content .prompt_box {
        flex-direction: column;
    }
    .unavailibility_msgbox_cover .content .prompt_box>*,
    .unavailibility_msgbox_cover .content .prompt_box .button {
        width: 100%;
    }
    .card__toggle-menu {
        flex-direction: column;
        align-items: stretch;
    }
    .card__toggle-menu-elem {
        padding: .25em 0;
        text-align: center;
    }
}

@media(max-width: 450px) {
    table.vypis.products_list .info_cell {
        order: 1;
    }
    table.vypis.products_list .plu_cell {
        order: 2;
        width: calc(100% - 220px);
        text-align: left;
    }
    table.vypis.products_list .amount_g_cell {
        order: 3;
    }
    table.vypis.products_list .price_cell {
        order: 4;
    }
    table.vypis.products_list .name_cell {
        order: 5;
        width: 100%;
    }
    table.vypis.products_list .amount_cell {
        order: 6;
    }
    table.vypis.cl_prod .produkt_img {
        order: 1;
    }
    table.vypis.cl_prod .id {
        order: 2;
        width: calc(100% - 140px);
    }
    table.vypis.cl_prod .amount {
        order: 3;
    }
    table.vypis.cl_prod .name {
        order: 4;
        width: 100%;
        text-align: center;
    }
    table.vypis.cl_prod .patt {
        order: 5;
    }
    table.vypis.cl_prod .wkdays {
        order: 6;
    }
    table.vypis.cl_prod .sat {
        order: 7;
    }
    table.vypis.cl_prod .sun {
        order: 8;
    }
    table.vypis.cl_prod .del2 {
        order: 9;
    }
    table.vypis.cl_prod .del3 {
        order: 10;
    }
    table.vypis.ord_prods .info {
        order: 1;
    }
    table.vypis.ord_prods .id {
        order: 2;
        width: calc(100% - 90px);
        text-align: left;
    }
    table.vypis.ord_prods .amount {
        order: 3;
    }
    table.vypis.ord_prods .name {
        order: 4;
        width: 100%;
        text-align: center;
    }
    table.vypis.ord_prods .price {
        order: 5;
    }
    table.vypis.ord_prods .price::before {
        display: block;
    }
    table.vypis.summary .info {
        order: 1;
    }
    table.vypis.summary .plu {
        order: 2;
        width: calc(100% - 95px);
        text-align: left;
    }
    table.vypis.summary .amount_g {
        order: 3;
    }
    table.vypis.summary .name {
        order: 4;
        text-align: center;
        width: 100%;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        background: #0098821f;
    }
    table.vypis.summary .amount {
        order: 5;
    }
    table.vypis.summary .prices {
        order: 6;
    }
    table.vypis.summary .prices::before {
        display: block;
    }
    table.vypis.summary .total .total_notax,
    table.vypis.summary .total .total_tax {
        width: 100%;
    }
    table.vypis.prods .tagged::before {
        display: block;
    }
    table.vypis.cl_hist .dates::before,
    table.vypis.cl_hist .prices::before {
        display: block;
    }
    footer .cart_footer_container .counter_block {
        grid-row: 1/2;
        grid-column: 1/3;
    }
    footer .cart_footer_container .price_block {
        grid-row: 2/4;
        grid-column: 1/2;
    }
    footer .cart_footer_container .date_block {
        grid-row: 2/3;
        grid-column: 2/3;
    }
    footer .cart_footer_container .delivery_type_block {
        grid-row: 3/4;
        grid-column: 2/3;
    }
    footer .cart_footer_container .action_block {
        grid-row: 4/5;
        grid-column: 1/3;
    }
}

@media(max-width: 400px) {
    .steps .step {
        font-size: 24px;
        width: 45px;
        height: 45px;
        margin-left: 8px;
        margin-right: 8px;
    }
    footer .cart_footer_container .counter_block {
        grid-row: 1/2;
        grid-column: 1/3;
    }
    footer .cart_footer_container .date_block {
        grid-row: 2/3;
        grid-column: 1/3;
    }
    footer .cart_footer_container .delivery_type_block {
        grid-row: 3/4;
        grid-column: 1/3;
    }
    footer .cart_footer_container .price_block {
        grid-row: 4/5;
        grid-column: 1/2;
    }
    footer .cart_footer_container .action_block {
        grid-row: 4/5;
        grid-column: 2/3;
    }
}

@media(max-width: 350px) {
    table.vypis.cl_prod .r32 {
        width: 50%;
    }
}