/*******************************************************************************
 * smaller than 1450px - start
 *******************************************************************************/
@media only screen and (max-width: 1450px), (max-device-width: 1450px) {

    #hp-special .owl-carousel, #hp-selected-products .owl-carousel { width: 85%; }

}

/*******************************************************************************
 * smaller than 1280px - start
 *******************************************************************************/
@media only screen and (max-width: 1280px), (max-device-width: 1280px) {

    .content { padding: 0; }
    .wrap2 { padding-left: 1em; padding-right: 1em; }

    #mm-list { gap: 20px; white-space: nowrap; }

    #subpage #menu-product { padding-bottom: 25px; margin-bottom: 0; }

}

/*******************************************************************************
 * smaller than 1050px - start
 *******************************************************************************/
@media only screen and (max-width: 1050px), (max-device-width: 1050px) {

#wrap-main { width: 800px; }

#logo { min-width: 150px; }
#menu-logo-basket-main { gap: 10px; }
#menu-logo { width: auto; }

/* hlavička */
/*#wrap-head { border-left: 1px solid #efefef; border-right: 1px solid #efefef; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }*/
/*#wrap-head p { left: 165px; width: 425px; }*/

/*
#logo { left: 30px; top: 5px; }
#logo img { height: 60%; width: 60%; }
*/

#menu-main { left: 30px; }
#fast-basket { left: 600px; }

/* menu produktů */
/*#menu-product { border-left: 1px solid #efefef; border-right: 1px solid #efefef; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }*/
#mp-list li { font-size: 1em; width: auto; }
#mp-list li a img { height: 90%; width: 90%; }
.mp-title { left: 45px; top: 5px; }

/* text na hp */
.info-text.hp { margin-bottom: 15px; }

/* obsah */
#wrap-content { margin-top: 10px; }
#content-body { width: 800px; }

/* info panel */
#wrap-info-panel { margin-bottom: 15px; }
.ip-item { background-position: 50px center; border-right: 1px solid #ccc; border-radius: 10px; width: 187px; }
.ip-item-1, .ip-item-2 { margin-right: 5px; }
.ip-item .es-thumb { width: 73px !important; }
.ip-item .es-thumb img { height: 70px; width: 70px; }
.ip-item .table-price { font-size: 1em; left: 143px; }

/* e-shop submenu */
.es-submenu { /*width: calc(100%/4 - 20px);*/ }
.es-submenu-container, .eshop-list-products { grid-template-columns: repeat(3, 1fr); }

/* položka e-shopu */
/*
.es { border-right: 1px solid #efefef; border-radius: 10px; width: 222px; }
.es-title { font-size: 1.2em; }
.es-thumb { width: 95px; }
.es-thumb img { height: 90px; width: 90px; }
.es-perex { height: 85px; }
.table-price { left: 120px; }
.es-price, .es-price-print { font-size: 1.1em; }
*/

/* objednávka */
.comment { width: 100%; }

/* patička */
#wrap-foot { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top-left-radius: 20px; border-top-right-radius: 20px; }
/*.foot-section, .foot-section-margin { margin: 0; width: 235px; }*/
/*.foot-section-margin { margin-right: 25px; }*/
/*.foot-section { margin-left: 15px; width: 220px; }*/
#foot-bottom { padding: 1em 0; }

/* kontaktní formulář */
#contact-form table input[type="text"], #contact-form table textarea { /*width: 220px;*/ }

.table-price td { padding: 0 10px 3px 0; }
#hp-special .owl-carousel .owl-nav button.owl-prev, #hp-selected-products .owl-carousel .owl-nav button.owl-prev { left: -50px; }
#hp-special .owl-carousel .owl-nav button.owl-next, #hp-selected-products .owl-carousel .owl-nav button.owl-next { right: -50px; }

.order-right { max-width: 220px; }
#form-order .table-detail-price tr td:last-of-type { padding-left: 10px; min-width: 70px; }

}

@media only screen and (max-width: 900px), (max-device-width: 900px) {

    #foot-top { grid-template-columns: repeat(2, 1fr); gap:0; }

}

/*******************************************************************************
 * smaller than 825px - start
 *******************************************************************************/
@media only screen and (max-width: 885px), (max-device-width: 885px) {

.ear { display: none; }

}

/*******************************************************************************
 * smaller than 825px - start
 *******************************************************************************/
@media only screen and (max-width: 860px), (max-device-width: 860px) {

#menu-logo-basket-main {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  gap: 20px;
}

#menu-logo { margin-top: -40px; }

#cooperation { grid-template-columns: repeat(2, 1fr); }
.cooperation:nth-of-type(3) { border-left: none; }

#heureka { grid-template-columns: repeat(2, 1fr); }

}

/*******************************************************************************
 * smaller than 825px - start
 *******************************************************************************/
@media only screen and (max-width: 825px), (max-device-width: 825px) {

#wrap-main { width: 100%; }

/* hlavička */
#wrap-head { border: 0; border-radius: 0; /*height: 200px;*/ }
#wrap-head p { left: 30px; top: 95px; width: 90%; }

/*#logo { display: none; }*/
#menu-main { left: 30px; }
#fast-basket { left: 30px; top: 25px; width: 180px; }
#wrap-search { top: 45px; }

/* menu produktů */
/*
#menu-product { border: 0; border-radius: 0; height: auto; }
#mp-list li { font-size: 1em; margin-left: 15px; }
#mp-list li a img { height: 100%; width: 100%; }
.mp-title { left: 65px; top: 13px; }
*/

.eshop-list-products { grid-template-columns: repeat(2, 1fr); }

/* e-shop submenu */
/*.es-submenu { width: calc(100%/3 - 20px); }*/

/* dotazník */
#wrap-content-review { padding-left: 20px; padding-right: 20px;}

/* obsah */
#content-body { padding: 0 2%; width: 96%; }
/*.ip-item, .es, .es.edge { margin: 0 20px 20px 0; }*/

/* výhody */
.advantage { width: calc(100%/3 - 20px); }

/* patička */
#wrap-foot { border-radius: 0; }

}

/*******************************************************************************
 * smaller than 825px - start
 *******************************************************************************/
@media only screen and (max-width: 700px), (max-device-width: 700px) {

    #mm-list { display: block; white-space: wrap; }
    #mm-list li { display: inline-block; margin-bottom: 15px; margin-right: 15px; }

    .block-contact-information .block { padding: 20px 20px; }
    .table-registration #phone_prefix { width: 120px; }
    .table-registration input#phone { width: calc(100% - 130px); }
    /*.table-registration.order-form input.ares { width: 160px; }*/

    .table-registration.order-form input[name="ic"] { width: 200px; }
    .table-registration.order-form button.ares { margin-left: 0; margin-top: 5px; }

}

/*******************************************************************************
 * smaller than 600px - start
 *******************************************************************************/
@media only screen and (max-width: 620px), (max-device-width: 620px) {

#order-sent .references-photo .photo { width: calc(50% - 30px); }

.table-moreinfo {
    display: flex;
    flex-wrap: wrap;
}

.table-moreinfo tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

/* Každé dva TD se dají na jeden řádek */
.table-moreinfo td {
    width: 50%; /* Každá buňka bude zabírat 50% */
    box-sizing: border-box;
}

/* Obrázky budou mít lepší rozložení */
.table-moreinfo td img {
    max-width: 100%;
}

/* Odsazení mezi bloky */
.table-moreinfo td:nth-of-type(2) {
    border-right: none!important;
}

.table-moreinfo td:nth-of-type(3) {
    border-left: none!important;
}


}

/*******************************************************************************
 * smaller than 600px - start
 *******************************************************************************/
@media only screen and (max-width: 600px), (max-device-width: 600px) {

body { font-size: 13px; }

.eshop-list-products { display: grid; grid-template-columns: repeat(1, 1fr); width: 300px; margin: 0 auto; }

.modal-content { max-width: 250px; }

/* hlavička */
/*
#wrap-head { border-bottom: 1px solid #fff; height: auto; width: 100%; }
#wrap-head p { padding: 0 5%; position: static; }
*/

/* logo */
/*
#logo { display: block; height: auto; margin: 1em 0; position: static; text-align: center; width: 100%; }
#logo img { height: 74px; width: 140px; }
*/

/* účet */
/*
#menu-account { font-size: 0.9em; position: static; text-align: center; width: 100%; }
#menu-account div { margin: 0 auto; }
*/

/* nákupní košík */
/*
#fast-basket { padding: 0 5%; position: static; width: 90%; }
#fast-basket table { margin: 0 auto; }
*/

/* hledat */
/*
#wrap-search { margin: 1em 0 1em 5%; padding: 0.5em 0; position: static; text-align: center; width: 90%; }
#wrap-search table { width: 100%; }
#wrap-search input[type="text"] { padding-bottom: 0.5em; padding-top: 0.5em; width: 90%; }
*/

/* menu */
/*
#menu-main { background: none; height: auto; padding-top: 1em; position: static; width: 100%; }
#mm-list { background: #64a4d0; float: left; position: static; width: 100%; }
#mm-list li { border-bottom: 1px solid #fff; border-right: 0px solid #fff; list-style: none; margin: 0; padding: 0.75em 5%; width: 40%; }
#mm-list li a { display: block; }
#mm-product { color: #fff; display: none; margin: 0; }
*/

/* menu produtků */

#menu-product { clear: both; width: 100%; }
#mp-list li { margin: 1em 0 0 0; }
#mp-list li a img { height: auto; width: auto; }
.mp-title { left: 50px; }

#mp-list { grid-template-columns: repeat(4, 1fr); }


/* obsah - tabulky */
#content-body .table-text { width: 100% !important; }
#content-body .table-text tr td { display: block; padding: 0; width: 100% !important; }
/*#content-body .table-text tr td img { height: auto; width: 100%; }*/

.table-eshop-detail .responsive { display: block; padding: 0; width: 100% !important; }
.table-eshop-detail .ep-img .main-photo { height: auto; display: block; width: 100%; }
.table-eshop-detail .ep-img .main-photo img  { height: auto; width: 100%; }

.table-eshop-detail2 .responsive { display: block; padding: 0; width: 100% !important; }
.table-eshop-detail2 .ep-img .main-photo { height: auto; display: block; width: 100%; }
.table-eshop-detail2 .ep-img .main-photo img  { height: auto; width: 100%; }


.table-detail-price th, .table-detail-price td { font-size: 0.8em; padding: 1px; }
.table-detail-price input[type="submit"] { font-size: 0.9em; }
input[type="submit"], .button, .button-basket { font-weight: normal; }

/* info panel */
#wrap-info-panel { float: none; width: 100%; }
.ip-item-1, .ip-item-2, .ip-item-3 { float: none; margin: 0 auto; width: 245px; }
.ip-item-1, .ip-item-2, .ip-item-3 { margin-bottom: 1em; }
.ip-item { background: none; border: 1px solid #efefef; padding-left: 18%; padding-right: 2%; width: 80%; }

/* produkty */
/*
.es, .es.edge { background: none; border: 1px solid #efefef; float: none; margin: 0 auto; padding: 4%; width: 92%; }
.es, .es.edge { margin-bottom: 1em; }
.es-top { right: 0px; top: -15px; }
*/

/* objednávka */
#wrap-transport { margin-bottom: 2em; }
.block-transport { float: none; width: auto; }
select[name="how"], input[name="how_text"] { width: 100%; }

/* objednávka - responzivní tabulka */
/*
.table-responsive, .table-responsive thead, .table-responsive tbody, .table-responsive tr, .table-responsive tr th, .table-responsive tr td { display: block; height: auto !important; text-align: left !important; width: auto !important; }
.table-responsive tr td { margin-bottom: 0em; padding: 0 !important; }
.table-responsive tr:last-child td:last-child { margin-bottom: 0; }
.table-responsive input[type="text"] { margin-bottom: .5em; width: 100%; }
*/
/*.table-responsive input[name="ic"] { width: calc(100% - 150px); }*/

/* patička */
/*.foot-section, .foot-section-margin { margin: 0 0 2em 0; }*/
.foot-title { margin-top: 1em; }
.foot-section:first-of-type .foot-title { margin-top: 0; }

#foot-bottom { margin-bottom: 5em; }
#menu-foot, #menu-foot li { float: none; margin-bottom: 5px; }
#author { float: none; margin-top: 1em; }

.blog-box { display: block; }
.blog-text { width: 100%; display: block; }
.blog-photo { width: 100%; height: auto; display: block; }

.ep-text { margin-top: 2em; }
.ep-text2 { margin-bottom: 2em; }

.owl-carousel-related .owl-stage .es { margin: 0 auto; }

.upload-file { padding: 5px 10px; }

}

@media (max-width: 600px) {

    .cart-toggle { display: block; }
    .order-right .table-detail-price td { font-size: inherit; padding: inherit; }

    .order-right { margin: 0 auto; }

    .order-right .table-detail-price tr.product td, .order-right .table-detail-price tr.accessory td, .order-right .table-detail-price tr.tr-summary td  { padding: 10px; }

    #form-order {
        display: flex;
        flex-direction: column;
    }

    .cart-toggle {
        width: 100%;
        background: var(--blue1);
        color: #fff;
        padding: 15px;
        text-align: center;
        font-size: 16px;
        cursor: pointer;
        border-radius: 5px;
        margin-bottom: 0px; /* Dříve bylo 10px, odstraníme mezery */
        user-select: none;
        box-sizing: border-box;
    }

    .order-right {
        order: 0; /* Košík bude hned pod tlačítkem */
        display: none; /* Košík bude skrytý na začátku */
        width: 100%;
        padding: 10px;
        z-index: 1000;
    }

    .order-left {
        order: 1; /* Objednávka zůstane pod košíkem */
    }
}



/*******************************************************************************
 * smaller than 412px - start GOOGLE mobile resolution
 *******************************************************************************/
@media only screen and (max-width: 500px), (max-device-width: 500px) {

    #menu-logo { margin-top: 0; }

    #hp-special .owl-carousel .owl-nav button.owl-prev, #hp-selected-products .owl-carousel .owl-nav button.owl-prev { left: -35px; }
    #hp-special .owl-carousel .owl-nav button.owl-next, #hp-selected-products .owl-carousel .owl-nav button.owl-next { right: -35px; }

    /*#hp-selected-products .owl-carousel .owl-nav button.owl-prev, #hp-selected-products .owl-carousel .owl-nav button.owl-next { color: #000; }*/

    #foot-top { grid-template-columns: repeat(1, 1fr);

}

/*******************************************************************************
 * smaller than 412px - start GOOGLE mobile resolution
 *******************************************************************************/
@media only screen and (max-width: 470px), (max-device-width: 470px) {

    .video { width: 100%;}
    #fast-basket { width: 120px; }
    .es-submenu-container { grid-template-columns: repeat(2, 1fr); }
}

/*******************************************************************************
 * smaller than 412px - start GOOGLE mobile resolution
 *******************************************************************************/
@media only screen and (max-width: 412px), (max-device-width: 412px) {

    /*#mm-list { background: #274052; }*/

    .es-more { background: #555; }
    .table-price td.without-dph { color: #000; }
    .es-available { color: #1a691a;  }
    .es-available-in-future { color: #9c5400; }
    .highlight3 { color: #4c5922; }

    #heureka { float: none; text-align: center; }
    .heureka-review:nth-of-type(1), .heureka-review:nth-of-type(2) { margin-right: 0; }
    .heureka-review { margin-bottom: 20px; }
    .button-heurekablue { color: #fff; }
    .es-more-heureka { min-width: 85px; }

    #content-foot a { font-size: 13px; }
    #content-foot li { margin-bottom: 15px; margin-top: 15px; }
    #content-foot .evaluate { margin-bottom: 5px; display: block; }

    #table-system ul li { margin: 15px 0; }

    table.tabulka tr td { padding: 5px!important; }
    table.tabulka ul li { margin: 15px 0!important; }

    .ul-related li { margin: 15px 0; }
    input.count { height: 48px; }

}

/*******************************************************************************
 * smaller than 600px - start
 *******************************************************************************/
@media only screen and (max-width: 407px), (max-device-width: 407px) {

/* e-shop submenu */
/*.es-submenu { width: calc(100%/2 - 20px); }*/

/* výhody */
#advantage { padding: 5px 10px; }
.advantage { margin: 15px 10px; width: calc(100%/2 - 20px); }

#order .order-container { padding: 5px; }

}