/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

    /* facebook, instagram ikonky */
    .social-network-fixed { right: 0; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

 #hp-info #aver-key { width: 10%; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* searchbox */
.form-search { margin-right: 0; }
.form-search .input-search { width: 200px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

 #hp-info #aver-key { right: 10%; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* hlavička */
/*.head-inline { top: 0; }*/

/* searchbox */
.form-search { display: block; margin: 0 0 1em 0; }
.form-search .input-search { width: 300px; }

/*#content { margin-top: 205px; }*/

/* klíč k eleganci a luxusu */
#hp-info .info .text { margin-top: 20px; }

/* o nás */
#about-us-table .text-andrea { margin-left: -150px; width: 650px; }
#about-us-table .text-lucie { width: 600px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

.wrap2 { width: 100% !important; }
.wrap2 .content { padding-left: 5%; padding-right: 5%; width: 90%; }

/* hlavička, obsah */
#content .content, #icon .content, #contact .content, #foot .content { padding-left: 5%; padding-right: 5%; width: 90%; }
#lang .content, #head .content, #head2 .wrap2 .content { padding-left: 5%; padding-right: 5%; width: 90%; }
#slider .content, #map .content { padding: 0; width: 100% }

/* logo */
#logo { margin-right: 0px; }

.head-menu { margin-left: 0; width: 550px; }
.head-inline { width: calc(100% - 740px); }

#head .content { text-align: center; }
#menu li a { letter-spacing: 2px; }

#hp-info .info .text { width: 56%; }

.co3 { width: 100%; display: block; margin-top: 30px; }
#contact .newsletter .newsletter-mail { width: 250px; }

.co1, .co2 { width: calc(50% - 30px); margin-right: 0; }
.co1 { margin-right: 50px; }

/* o nás - zarovnání textu pod fotkou */
#hp-about-us .about-us:last-child .about-text { margin-left: 0px; }
#about-us-table .text-andrea { margin-left: -80px; width: 580px; }
#about-us-table .text-lucie { width: auto; }

#about-us-table .text-andrea { margin-left: 0; width: auto; }
#about-us-table .photo-lucie { margin-top: 50px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* rychlé ikony */
/*
.fast-icon { float: left; margin-right: 20px; }
.fast-icon:last-child { margin-right: 0; }
.fast-icon { margin-top: 15px; }
*/

/* Eshop - 3 produkty */
#main-products #eshop .hp-product { width: calc(33% - 25px); }
#main-products #eshop .hp-product.fourth { margin: 0 40px 40px 0; }
#main-products #eshop .hp-product.third { margin-right: 0; }

/* klíč k pocitu elegance */
 #hp-info #aver-key { right: 3%; top: 23%; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* e-shop produkty */
.ul-ep.list0 .li { border-right: 1px solid #eee !important; width: calc(50% - 51px); }
.ul-ep.list0 .li:nth-child(2n) { border-right: 0; }

.ul-ep.list0 .li:nth-last-child(3) { border-bottom: 1px solid #eee !important; }

/* vlastnosti - seznam */
.ul-properties li a { padding: 5px 15px; }

/* o nás */
#about-us-table img { width: 100%; height: auto; }
#about-us-table .photo-lucie { margin-top: 50px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* hlavička */
#wrap-head { position: static; }

/* hlavička  */
#head .content { text-align: center; }

/* logo */
#logo { display: block; margin-bottom: 1em; }

/* hlavička  */
.head-inline { text-align: center; width: 100%; }

/* slider */
.slider-box .up { font-size: 25px; }

/* klíč k pocitu elegance */
#hp-info .info .text { position: relative; width: 100%; padding: 60px 20px; background: #f0eee8; box-sizing: border-box; left: 0; top: 0; height: auto; margin-top: 0; }

/* ryhlé ikony */
/*.fast-icon { margin: 0 15px; }*/

/* obsah */
#content { margin-top: 0; }

/* o nás */
#hp-about-us .about-us { width: 40%; margin: 0px 15px; }
#hp-about-us .about-us:last-child .about-photo { text-align: left; }
#hp-about-us .about-us:last-child .about-text { float: none; }

/* eshop - preview */
.popup { width: calc(100% - 80px); }
.popup .left { width: calc(50% - -15px); }
.popup .right { width: calc(50% - 80px); }
#eshop-photo-preview .photo-thumbs { width: 30%; }

/* klíč k pocitu elegance */
 #hp-info #aver-key { right: 20%; top: 15%; width: 25%; }

 .ep-left { width: 400px; }
 .ep-right { width: calc(100% - 450px); }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* hlavička */
#wrap-head { }
#wrap-head.open { position: static; }

/* kontakt */
/*
.co1 { width: 30%; }
.co1 .title { font-size: 1.25em; }
.co2 { width: 35%; }
.co3 { width: calc(35% - 60px); }
*/

/* objednávka */
.block-basket { width: auto; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* jazyky */
/*.lang { margin-left: 25px; }*/

/* e-shop pláště */
.wrap-left, .wrap-right { margin: 0; width: 100%; }
.wrap-left { margin-bottom: 1em; display: block; overflow: hidden; }

/* menu - e-shop kategorie */
.menu-ec { /*padding: 5px 10px;*/ }
.menu-ec li a { background: none; border: 0; margin: 0; padding: 5px 10px; }
.menu-ec li a.home { display: block; }
.menu-ec li a:not(.active) { /* display: none; */ }
.menu-ec li a:hover, .menu-ec li a.active { border: none; }

.menu-ec li.icon { display: block; font-size: 1.25em; padding: 7px 10px 0 10px; position: absolute; right: 0; top: -5px; width: auto; }
.menu-ec li.icon a { border: 0; color: #fff; display: block; padding: 0; }
.menu-ec li.icon a:hover { background: none; }
.menu-ec.open li a { display: block; }

/* e-shop skupiny - text */
.ec.title { display: block; }
.ec.perex { display: none; }

/* vybrané produkty */
.rp-top { display: none; }
.rp-bottom { clear: both; display: block; }

.menu-ec.level2 li a.active { padding: 5px 10px; }
.menu-ec .fa { display: none; }

/*
.ul-ep.list0 .li, .ul-ep.list0 .li.edge { margin: 0 15px 15px 0; width: calc(33% - 61px); }
.ul-ep.list0 .li:nth-child(even) { margin-right: 15px; }
.ul-ep.list0 .li:nth-child(3n+3) { margin-right: 0; }
*/

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* nadpisy */
h1, .h1 { font-size: 24px; margin: 0 0 0.5em 0;  }

/* hlavička */
#head { position: static; }

/* slider */
.slider-box.right { font-size: 35px; bottom: 55%; }
.slider-box.left { width: 100%; left: 0; }

/* kontakt */
/*
.co1 { display: none; }
.co2 { width: 45%; }
.co3 { padding-left: 25px; width: calc(55% - 30px); }
*/

/* obsah - homepage */
/*
#content table, #content table thead, #content table tbody, #content table tr, #content table tr th, #content table tr td { display: block; height: auto !important; text-align: left !important; width: auto !important; }
#content table tr td { margin-bottom: 1em; padding: 0 !important; }
*/

/* Eshop detail - prohození sloupců */
.ep-detail .ep-left { width: 100%; }
.ep-detail .ep-right { width: 100%; }
.ep-detail .photo-ep { /*width: calc(50% - 100px);*/ height: auto; width: auto; }
.ep-detail .photo-ep:last-child { margin-right: 0; }
/*.ep-detail .wrap-photos { text-align: left; }*/
.ep-detail .photo-ep img { height: 200px; width: auto; }

/* související */
#related-products.desktop { display: none; }
#related-products.mobile { display: block; }

/* patička */
#foot .left, #foot .right { text-align: center; width: 100%; }
#foot .left { margin-bottom: 1em; }

/* obrázek na celou šíři podstránek */
.table-two-cols tr td:first-child { padding-right: 0px; padding-bottom: 50px; vertical-align: top; text-align: justify; vertical-align: top; width: 100%!important; display: block; /* width: calc(50% - 100px); */ }
.table-two-cols tr td:last-child { padding-left: 0px; vertical-align: top; text-align: justify; vertical-align: top; width: 100%!important; display: block; /* width: calc(50% - 100px); */ }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* pomocné nastavení, že se jedná o responsivním desigÿ *ᇐ
.responsive-design { font-size: 1px; }

/* menu */
#menu { display: block; float: none; min-height: 2.75em; }
#menu li { display: block; margin: 0; width: 100%; }
#menu li a { background: none; border: 0; display: block; padding: 15px 0; text-align: left; }
#menu li a.active, #menu li a:hover { background: none; border: 0; }
#menu li:not(.active) { display: none; }
#head #menu .divider { display: none; }

/* logo */
#logo { margin-bottom: 0; }

/* ikona hamburgerového menu */
#menu li.icon { display: inline-block; font-size: 1.25em; padding: 0 0 0 25px; position: absolute; right: -25px; top: 0px; width: auto; }
#menu li.icon a { border: none !important; color: var(--aver-dark); }

/* menu otevřené */
#menu.open li { display: block; }
#menu.open li a, #menu li ul li a:hover, #menu li ul li a.active { border-bottom: 1px solid #777; }
#menu.open li.icon a { border: 0; }

/* foto */
.wrap-photo { position: static; width: auto; }

/* obrázek na celou šíři podstránek */
.table-two-cols tr td:first-child { padding-right: 0px; padding-bottom: 50px; vertical-align: top; text-align: justify; vertical-align: top; width: 100%!important; display: block; /* width: calc(50% - 100px); */ }
.table-two-cols tr td:last-child { padding-left: 0px; vertical-align: top; text-align: justify; vertical-align: top; width: 100%!important; display: block; /* width: calc(50% - 100px); */ }
/* tabulka "ceník" */
/*
.table-color tr td:first-child { padding-right: 15px; padding-bottom: 5px; width: 50%!important; display: table-cell; }
.table-color tr td:last-child { padding-left: 15px; padding-bottom: 5px; width: 50%!important; display: table-cell; }
*/

/* Eshop - 2 produkty */
/*
#main-products #eshop .hp-product { width: calc(50% - 20px); }
#main-products #eshop .hp-product.fourth { margin: 0 40px 40px 0; }
#main-products #eshop .hp-product.third { margin: 0 40px 40px 0;; }
#main-products #eshop .hp-product.second { margin-right: 0; }
*/

/* HP - kategorie */
#main-categories .under-centered { letter-spacing: 3px; font-size: 15px; }

/* o nás */
#about-us-table img { width: auto; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

    /* slider */
    .slider-box.right { top: 20%; transform: translate( 70%, 25% ); right: 70%; width: 540px; }

    .slider-box .up { font-size: 15px; }

    .menu { margin-left: 0; margin-bottom: 20px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

.ac-block { float: none; max-width: 100%; width: 100%; }
.table-block { max-width: 100%; width: 100%; }

/* rychlé ikony */
/*.fast-icon { margin-bottom: .5em; margin-top: .5em; }*/

/* slider */
/*.slider-box.right { right: 25%; font-size: 30px; bottom: 60%; }*/

/* Eshop - 2 produkty */
#main-products #eshop .hp-product { width: calc(50% - 20px); }
#main-products #eshop .hp-product.fourth { margin: 0 40px 40px 0; }
#main-products #eshop .hp-product.third { margin: 0 40px 40px 0;; }
#main-products #eshop .hp-product.second { margin-right: 0; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

    /* eshop - preview */
    /*.popup { width: calc(100% - 80px); }*/
    .popup .left { width: 100%; }
    .popup .right { width: 100%; }
    #eshop-photo-preview .photo-thumbs { width: 31.8%; }
    .popup .left .logo { margin-top: 25px; margin-bottom: 25px; }

    #eshop-photo-preview .photo-ep { width: 63%; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* hlavička */
.head-menu { width: 100%; }

/* kontakt */
/*
.co1, .co2, .co3 { display: block; margin-bottom: 1em; padding: 0; width: auto; }
.co1 { text-align: center; }
.co1 .title br { display: none; }
.co1 .title span { margin-left: 7px; }
*/

/* fotografie */
.photo { margin: 0 0 1em 0; }
.photo img { width: 100%; }

/* účet - přihlášení */
.table-account { width: 100%; }
.table-account input { width: 100%; }
.table-account input[type="text"], .table-account input[type="password"] { width: calc(100% - 12px) !important; }

/* owl carousel HP */
#main-products .owl-theme .owl-prev { left: -20px; }
#main-products .owl-theme .owl-next { right: -20px; }

/* klíč k pocitu elegance */
 #hp-info #aver-key { top: 8%; }

/* eshop - kategorie */
.menu-ec { position: relative; text-align: center; margin: 0 auto; max-width: 200px; }
.menu-ec li { display: block; border-bottom: 1px solid var(--aver-dark); }
.menu-ec li a { padding: 10px; }
.menu-ec .divider { display: none; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* obsah */
/* #content .content img { height: auto; width: 100%; } */

/* kontakt */
/* .co3 table, .co3 table thead, .co3 table tbody, .co3 table tr, .co3 table th, .co3 table td { display: block; width: auto !important; } */

.slider-box.right { /*top: 0;*/ transform: translate( 70%, 20% ); right: 70%; width: 100%; bottom: 15%; }
.slider-box.right .box-shadow { background: linear-gradient(to right, rgba(178, 141, 119, 0), rgba(95, 50, 21, 0.85) 70%, rgba(95, 50, 21, 0.85) 70%, rgba(178, 141, 119, 0)); }
/* slider */
.jcarousel { overflow: visible; }
.slider-box.right { /*position: relative; background: var(--aver-dark);*/ /*margin-top: -56px; padding: 20px 0px 20px 0px;*/ padding: 20px 0; }
.slider-box.left { /*position: relative; background: var(--aver-dark);*/ padding: 20px 0; }
.slider-box .up { text-align: center; }
.slider-box .eshop-button-0 { float: initial; text-align: center; width: 120px; margin: 0 auto; }
.slider-box.left .box-shadow { /*background: none;*/ }
/* skryj tečky, stejně jsou malé */
.owl-carousel .owl-dots { display: none; }

.jcarousel .img { background-size: cover; height: calc(100vw/1905 * 1450); }
.owl-carousel .owl-item img { object-fit: cover; height: 330px; object-position: center center; }

/* hp - category */
#main-categories .hp-category { width: 100%; display: block; }
#main-categories .under-centered { letter-spacing: 5px; font-size: 25px; }

/* hp - o nás */
#hp-about-us .about-us { width: 100%; display: block; padding: 40px 0; margin: 0 auto; }
#about-us-table img { width: 100%; }

/* e-shop produkty */
.ul-ep .li { width: calc(100% - 50px) !important; }

.list1 .left, .list1 .right { margin: 0; text-align: center; width: 100%; }

.list2.ul-ep .li { width: 96% !important; }
.list2.ul-ep .left { margin-right: 10px; width: 20%; }
.list2.ul-ep .right { width: calc(80% - 10px); }
.list2.ul-ep .li .img { margin: 0; }
.list2.ul-ep .li .price { display: inline-block; font-size: 1em; }
.list2.ul-ep .li .price-without-vat { display: inline-block; font-size: .75em; margin: 0 10px; }
.list2.ul-ep .li .stock { border: 0; font-size: .75em; margin: 0; padding: 0; }
.list2.ul-ep .li .button-shoping-cart { padding: 2px 10px; width: auto; }

/* e-shop - detail produktu */
.ep-left, .ep-right { float: none; width: 100%; }

.ep-detail .wrap-basket .item { display: block; margin: 5px 0; }
.ep-detail .wrap-basket .button-shoping-cart { display: block; }

.modal_trends-content { max-width: 300px; }
.modal_trends img { width: auto; max-height: 250px; margin: 0 auto; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

    /* kontakt */
    .co1, .co2 { width: 100%; display: block; }
    .co1 { margin-bottom: 30px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

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

/* jazyky */
#lang .content { text-align: center; }
.lang.last-child { margin-right: 15px; }

/*.fast-icon { display: block !important; }*/

/* searchbox */
.form-search .input-search { width: 250px; }

list1.ul-ep .li .wrap-amount { display: block; margin-bottom: 0.5em; text-align: center; }
/*.ul-ep .li .amount { width: calc(100% - 30px); }*/
list1.ul-ep .li .button-shoping-cart { width: 90%; }

/* Eshop - 1 produkt */
#main-products #eshop .hp-product { width: 100%; }
#main-products #eshop .hp-product.fourth { margin: 0 40px 40px 0; }
#main-products #eshop .hp-product.third { margin: 0 40px 40px 0;; }
#main-products #eshop .hp-product.second { margin-right: 0; }

#eshop .hp-product .img { background-size: contain; background-position: center top; }

/* kontakty - sloupce na celou šíři */
.contact-cell { width: 100%; }

.slider-box.left, .slider-box.right { bottom: 5%;}

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 350px), (max-device-width: 350px) {
    .ep-detail .photo-ep { width: 100%; }
    .ep-detail .photo-ep img { width: 100%; height: auto; }
}


/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 300px), (max-device-width: 300px) {
    .hp-product .img { height: 300px; }
}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 200px), (max-device-width: 200px) {
    .hp-product .img { height: 200px; }
}