@media only screen and (max-width: 1030px) {
    .stred_obsah {
        width: auto;
    }

    #main .obal {
        width: auto;
    }

    .box {
        width: auto;
    }
    .box.odhlasovaci_formular,
    .box.login {
        display: block;
    }

    .banner,
    .cycle_slideshow,
    .box.odhlasovaci_formular,
    .box.login {
        display: block;
    }

    .adminbanner {
        width: 100%;
    }
    .cycle_slideshow .cycle_con {
        width: auto !important;
    }
    .cycle_slideshow .cycle_con img {
        width: 100%;
    }
    .content .banner {
        width: 100%;
    }
    .content .banner img {
        width: 100%;
    }

    .hlavicka_vrch .kosik {
        float: right;
    }
    .hlavicka .hlavicka_vrch {
        width: 50%;
    }

    .hlavicka_vrch .vyhladavanie {
        width: 318px;
    }
    .hlavicka .hlavicka_spodok {
        width: 50%;
    }

    ul#hlavneMenu a {
        padding: 0 10px;
    }
    #orderByRelevant,
    #orderByDate,
    #orderByCustomOrder {
        display: none;
    }
    .nastavenia .top .zobraz_vpravo,
    .nastavenia .top .zobraz_vlavo {
        width: auto;
    }
    .nastavenia .top .zobraz_vlavo .order {
        white-space: nowrap;
    }

    .produkt-nahlad .right_side {
        float: left;
        margin-left: 18px;
        width: calc(100% - 450px - 18px);
    }
    .produkt-nahlad .info h2 {
        display: none;
    }
    .produkt-nahlad div.info {
        width: auto;
        float: none;
        display: table-cell;
        vertical-align: top;
    }
    .produkt-nahlad .galeria {
        display: table-cell;
        margin-left: 0;
        float: none;
    }
    .produkt-nahlad .obrazokObal .zoomPup,
    .produkt-nahlad .obrazokObal .zoomWindow {
        display: none!important;
    }
    .produkt-nahlad .obrazokObal .zoomPad {
        cursor: default;
    }
    .produkt-nahlad div.info {
        padding-left: 30px;
    }

    .hodnotenie .empty .redPlus {
        margin-right: 0;
    }

    .content #sumar, #sposobDopravyHolder, #sposobPlatby {
        width: 31%;
    }

    .paticka {
        width: auto;
    }
}
@media only screen and (max-width: 1000px) {
    .all4shopRadio {
        width: 50%;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 972px) {
    .hlavicka_vrch .vyhladavanie {
        width: 318px;
        margin: 0;
        height: auto;
    }

    ul#hlavneMenu a {
        font-size: 14px;
    }

    .cycle_slideshow {
        background-image: none;
        box-shadow: 0 3px 8px -5px #000;
        padding: 0;
    }
    .cycle_slideshow .cycle_prev_next {
        display: none;
    }

    .btnPorovnajPlus, .btnPorovnajMinus {
        margin-left: 0;
    }

    .content #sumar, #sposobDopravyHolder, #sposobPlatby {
        width: 100%;
    }

    table.kosik .sirka_cena {
        width: inherit;
    }

    .produkt-nahlad .left_side {
        float: left;
        margin-bottom: 25px;
        width: 100%;
    }
    .produkt-nahlad .right_side h3 {
        display: inline-block;
    }
    .produkt-nahlad h2 {
        margin-bottom: 20px;
    }
    .produkt-nahlad .galeria {
        display: block;
        float: left;
        margin-right: 18px;
        width: auto;
    }
    .produkt-nahlad .product_short_text, .produkt-nahlad .info h2 {
        display: inline-block;
        float: none;
        /*width: calc(100% - 421px - 19px);*/
        width: 450px;
    }
    .produkt-nahlad .left_bottom_holder {
        background-color: #f1f1f1;
        border-radius: 3px;
        display: inline-block;
        float: none;
        padding-bottom: 0;
        /*width: calc(100% - 421px - 19px);*/
        width: 450px;
    }
    .produkt-nahlad .left_bottom_holder .cena {
        width: calc(100% - 87px - 19px);
    }
    .produkt-nahlad .left_bottom_holder hr {
        width: 100%;
    }
    .produkt-nahlad .left_bottom_holder .do_kosika_obal {
        margin-bottom: 0;
    }

    .produkt-nahlad .dd_holder .dostupnost strong {
        padding: 0;
    }
    .produkt-nahlad .right_side {
        margin-left: 0;
        width: 100%;
    }
    .produkt-nahlad div.info {
        display: inline-block;
        float: right;
        padding-left: 30px;
    }
    .produkt-nahlad .charakteristiky {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 900px) {
    .produkt-nahlad .left_bottom_holder .btnKosik {
        padding: 0 0 0 87px;
        height: 50px;
        line-height: 50px;
    }
}
@media only screen and (max-width: 842px) {
    .hlavicka .hlavicka_spodok {
        width: auto;
    }
    .hlavicka .hlavicka_vrch {
        width: inherit;
    }
    .btnHlavneMenu {
        display: block;
        float: right;
        margin-right: 30px;
        margin-top: 60px;
    }
    ul#hlavneMenu {
        background-color: #c64343;
        border-radius: 5px;
        display: none;
        height: auto;
        min-height: 0;
        overflow: hidden;
        position: absolute;
        right: 30px;
        top: 102px;
        width: 26%;
    }
    ul#hlavneMenu li {
        float: none;
        display: block;
        height: 40px;
        line-height: 40px;
    }
    ul#hlavneMenu li:hover ul.po_up_menu {
        display: none;
    }
    ul#hlavneMenu li a {
        display: block;
        height: auto;
        line-height: 40px;
        width: 100%;
    }
    ul#hlavneMenu li.separator {
        display: none;
    }
    ul#hlavneMenu a.active:not(:hover) {
        background-color: transparent;
    }

    .produkt-nahlad .galeria {
        margin-right: 12px;
    }
    .produkt-nahlad .left_bottom_holder .btnKosik {
        background-position: 24px center;
        padding: 0 0 0 70px;
    }
    /*.produkt-nahlad .left_bottom_holder .do_kosika_obal {
        padding: 0 0 0 8px;
    }*/

    .all4shopRadio {
        float: none;
        width: 100%;
    }
}
@media only screen and (max-width: 800px) {
    .produkt-nahlad .left_side {
        float: none;
        width: 100%;
    }
    .produkt-nahlad .galeria {
        margin-right: 0;
    }
    .produkt-nahlad .product_short_text, .produkt-nahlad .info h2, .produkt-nahlad .left_bottom_holder {
        width: 450px;
    }
    .produkt-nahlad .left_bottom_holder .do_kosika_obal {
        padding: 0 0 0 20px;
    }
    .produkt-nahlad .left_bottom_holder .btnKosik {
        background-position: 40px center;
        font-size: 22px;
        padding: 0 0 0 87px;
    }
}
@media (max-width: 768px) {
    input,
    textarea,
    button,
    select,
    a {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
}
@media only screen and (max-width: 700px) {
    ul.podmenuVlavo {
        padding: 5px 0;
    }
    ul.podmenuVlavo li a {
        background-position: 0px 9px;
        padding-left: 10px;
    }

    ul#hlavneMenu {
        right: 0;
        top: 124px;
    }

    .box ul.kategorie0 {
        margin: 0px;
    }
    #hlaskaDoKosika_obal {
        display: none!important;
    }

    table.kosik.zoznam-tovarov td.kosik_tovar_cena,
    table.kosik.zoznam-tovarov th {
        display: none;
    }

    .produkt-nahlad .btnPorovnajMinus,
    .produkt-nahlad .btnPorovnajPlus {
        display: none;
    }

    div#all4shop-kosik .kosik a {
        font-size: 16px;
    }
    table.kosik td {
        border-top: 1px solid #e3e3e3;
    }
    table.kosik td.cena_spolu {
        font-size: 18px;
    }
    table.kosik td.kosik_pocet_ks, table.kosik td.kosik_tovar_cena {
        font-size: 18px;
    }
    .tabPlusTabula ul.tab {
        height: 26px;
    }
    .tabPlusTabula ul.tab li a {
        font-size: 11px;
    }
    .tabPlusTabula ul.tab li.tab_h a {
        font-size: 11px;
        font-weight: 700;
    }
    table.kosik td.ico_plus,
    table.kosik td.ico_minus,
    table.kosik td.td_btn_edit {
        display: none;
    }
}
@media only screen and (max-width: 650px) {
    .content_obsah {
        padding: 15px 0 20px;
    }

    .adminbanner {
        display: none;
    }
}
@media only screen and (max-width: 610px) {
    .stred_obsah {
        padding: 0 15px 15px;
        box-sizing: border-box;
    }

    .produkt {
        float: none;
        display: inline-block;
        margin: 0;
    }
    .produkt-nahlad .galeria a {
        margin: 0 0 5px;
    }
}
@media only screen and (max-width: 560px) {
    .hlavicka .hlavicka_vrch .logoKlik {
        margin-bottom: 5px;
        text-align: center;
    }
}
@media only screen and (max-width: 550px) {
    ul#hlavneMenu {
        width: 100%;
    }

    .top_absolute {
        width: auto;
    }

    .hlavicka .jazykMenu {
        display: none;
    }

    table.kosik.zoznam-tovarov td.td_btn_edit {
        display: none;
    }
    table.order_foot tr td,
    table.kosik.zlavovyKupon td {
        display: block;
        text-align: left;
        padding: 5px 20px;
    }
    textarea.poznamka_objednavky {
        width: 100%;
    }
    table.kosik.zlavovyKupon td:first-child {
        border: none;
    }
    #tabPlusTabulaTabula .kosik_registracia_tdleft,
    #tabPlusTabulaTabula .tdleft {
        width: 35%;
    }
    table.kosik.addresses,
    table.kosik.addresses tbody,
    table.kosik.addresses tr,
    table.kosik.addresses tr th,
    table.kosik.addresses tr td {
        display: block;
    }
    table.kosik.addresses tr td:not(.tab_active) {
        display: none;
    }
    table.kosik.addresses tr.taby {
        border-bottom: 1px solid #e3e3e3;
        height: 25px;
        width: 100%;
    }
    table.kosik.addresses tr.tab_content,
    table.kosik.addresses tr.tab_foot {
        border-left: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
    }
    table.kosik.addresses tr th {
        float: left;
        border: 1px solid #e3e3e3;
        border-bottom: 0px;
        margin-right: 1px;
        padding: 0 10px;
        line-height: 24px;
        height: 24px;
        font-weight: normal;
        cursor: pointer;
    }
    table.kosik.addresses tr th:last-child {
        clear: right;
    }
    table.kosik.addresses tr th:hover {
        background-color: #FFF;
    }
    table.kosik.addresses tr th.tab_active {
        background-color: #FFF;
        padding-bottom: 1px;
        font-weight: bold;
    }
    table.kosik.addresses tr td {
        padding: 10px;
    }
    table.kosik.addresses tr.tab_content td {
        min-height: 140px;
        padding-bottom: 0px;
    }
    #all4shopObjednavka table.siroka.order_foot td.kosik_suhlas {
        display: inline-block;
        text-align: left;
        padding: 5px 0;
    }
    div.formular .textbox, div.formular textarea {
        width: 90%;
    }
    .kosikSuhlasObal {
        grid-template-columns: 33px auto;
    }
    .kosik_registracia_tdleft_l .kosikSuhlasObal {
        grid-template-columns: 13px auto;
    }
    .kosikSuhlasObal input {
        align-self: start;
        justify-self: end;
        margin-top: 1px;
    }

    .paticka {
        text-align: center;
    }
    .paticka .left, .paticka .right {
        float: none;
    }
}
@media only screen and (max-width: 500px) {
    .hlavicka .hlavicka_spodok {
        margin-bottom: 15px;
        margin-top: 5px;
        width: 100%;
    }
    .btnHlavneMenu {
        float: right;
        margin-top: 0;
    }
    ul#hlavneMenu {
        top: 192px;
    }

    .produkt-nahlad .left_side {
        width: 100%;
    }
    .obrazokObal a img {
        width: 100%;
    }
    .produkt-nahlad .ostatne {
        display: none;
    }

    .tabPlusTabula ul.tab {
        height: 25px;
    }
    .tabPlusTabula ul.tab li.tab_h a {
        padding: 6px 8px;
        font-size: 11px;
    }
    .tabPlusTabula ul.tab li.tab a {
        padding: 3px 2px 4px;
        font-size: 10px;
    }
    .tabPlusTabula ul.tab li span {
        padding: 0 2px;
        font-size: 10px;
    }
    .tabulaObsahStyle input.textbox {
        width: 115px;
    }
}
@media only screen and (max-width: 481px) {
    .produkt-nahlad .product_short_text, .produkt-nahlad .info h2, .produkt-nahlad .left_bottom_holder {
        width: 100%;
    }
    .dalsieObrazky, .dalsieObrazky.hide {
        display: none;
    }

}
@media only screen and (max-width: 450px) {
    .hlavicka_vrch .odhlasovaci_formular {
        left: 0;
        padding: 0 5px;
        right: inherit;
    }
    .produkt-nahlad .left_bottom_holder .btnKosik {
        background-position: 40px center;
        font-size: 18px;
        padding: 0 0 0 87px;
    }

    .add-functions-wrap {
        margin: 25px 10px 10px;
    }

    table.kosik.addresses tr th {
        font-size: 11px;
        padding: 0 5px;
    }
}
@media only screen and (max-width: 400px) {
    .hlavicka_vrch .odhlasovaci_formular {
        display: none;
    }

    .hlavicka .hlavicka_vrch .logoKlik {
        padding: 45px 15px 25px;
    }
    .logoKlik img {
        width: 100%;
    }

    table.kosik.addresses tr th {
        font-size: 11px;
        padding: 0 2px;
        width: 30%;
        overflow: hidden;
        text-align: center;
    }
}
@media only screen and (max-width: 355px) {
    .select[name="cbPravnaForma"] {
        width: 122px;
    }
}
@media only screen and (max-width: 350px) {
    .produkt-nahlad .left_bottom_holder .btnKosik {
        background-position: 24px center;
        font-size: 16px;
        padding: 0 0 0 67px;
    }
    .add-functions-wrap .btn-wrap {
        margin: 0 6px 0 0;
    }
}
@media only screen and (max-width: 333px) {
    .tabPlusTabula ul.tab li.tab a {
        padding: 3px 6px 4px;
    }
    .tabPlusTabula ul.tab li.tab_h a {
        padding: 6px 4px;
    }
}