.respo-middle-menu { display:none;min-width: 120px; max-width: 50%; height: 100%; margin: auto; left: 0; right: 0; top: -3px; bottom: 0; text-align: center; position: absolute; font-size: 15px; font-weight: 900; }
    .respo-middle-menu a {display:inline-block;padding:3px 8px;margin:0;color:#ffffff;text-transform:uppercase;}

    
    
    
.zoom-wrap {display:block;position:fixed; z-index:999999;border-radius:5px;border:1px solid #000000;pointer-events:none; transition:all 0ms linear !important;background-repeat:no-repeat;background-color:#ffffff;width:50%;max-width:560px;min-width:360px;}
.zoom-wrap:before {content:'';padding-top:100%;display:block;width:100%;float:left;}
@media (max-width: 500px) {
    /*.zoom-wrap {display:block;}*/
    .zoom-wrap:before {padding-top:65%;}
}


@media (max-width: 1280px) {
    .lista .text { font-weight: normal; font-size: 11px; line-height: 1; }
    .lista {}
    .namiru {width:72px;}

}

@media (max-width: 1320px) {
.Strankovani .respo-full:nth-child(2) { width:max-content; float: left; margin-left: 0; margin-top: 0px; }
.Strankovani .respo-full:nth-child(2) > div {float:left;}
.pocet-info > span, .pocet-info > div { font-size: 14px; float: none; }
.middle-menu > ul, .middle-menu > ul > li.active {margin-bottom:0;padding-bottom:12px;}

}


@media (max-width: 1200px) {

.popis-side a.closer {left: 0px;margin: 0 0 0 15px;right: 0;max-width: 124px;}
.ProduktWrap .popis-side a.closer {left:0;right:0px;margin:0px auto;}
ul.hover-menu-1, .MainMenuWrap .menu-podminky {display:none;}

.voucher-popis, .voucher-image {width:100%;margin:0px;}

.MenuLeft .ico-row {display:none;}


    .slider-left-wrap .banner-item .textwrap {width: 100%;top: auto;}
    .slider-left-wrap .banner-item .imgwrap {width: 100%;}
    .slider-left-wrap .banner-item .textwrap > strong {right: 0;font-size: 20px; bottom: 100%;margin-bottom: 7px;padding: 15px 15px 17px;min-width: 180px;}
    .slider-left-wrap .banner-item .textwrap > .text { font-size: 13px; padding-right: 123px;}
    
    .gen-menu {position:fixed;top:-110%;height:100%;width:100%;left:0px;overflow:auto;overflow:scroll;background:#303030;z-index:999999;transition: all 150ms linear;margin:0px;padding:20px;display:flex;flex-flow:column;}
    .gen-menu.opened {top:63px;}
    .gen-menu li * {display:flex;}
    .gen-menu ul, .gen-menu li, .gen-menu a {flex-flow:column;margin:0;padding:0;}
    .gen-menu li {padding:5px 5px 5px 18px;position:relative;}
    .gen-menu ul li:before {content:'';position:absolute;left:0;top:0;width:12px;height:16px;border:1px dashed #666666;border-right:0;border-top:0px;} 
    .gen-menu ul li:after {content:'';position:absolute;left:0;top:16px;bottom:0px;width:12px;border-left:1px dashed #666666;}
    .gen-menu ul li:nth-last-child(1):after {display:none;}
    .gen-menu ul {display:none;}
    .gen-menu > li {display:flex;padding:5px;}
    .gen-menu a {color:#ffffff;display:flex;padding: 4px;}
    .gen-menu .active > a , .MainMenuWrap ul.gen-menu .active > a > span{color: #ffc107;}
    .gen-menu li.active ul {display:flex;}
    
    
    
    .MainMenuWrap {padding-top: 0px;}

    .hodnoceni-mini-box {max-width:320px;}
    .hodnoceni-stars { width: 80%; position: relative; padding-top: 16%; margin: 10px 20% 16px 0%; }

    .Diskuze .hodnoceni-stars {
        padding-top: 12%;
    }

    .seznam-item {width:50%;}
    .open-menu-wrap.left-menu, .left-menu {width:75%;height:75%;position:fixed;left:-110%;right:110%;top:0;bottom:0;background:#ffffff;overflow:auto;margin:auto;padding:0;transition:all 250ms ease-in;z-index:111111;}
    .open-menu-wrap.left-menu.opened { left: 0;right:0;box-shadow: 0px 0px 97px -60px #000000; }

    .open-menu-wrap.left-menu.opened .sekce-menu { padding: 32px; background: #ffffff; border: 0; }
    .open-menu-wrap .close-open-menu { position: absolute; right: 11px; top: 4px; z-index: 12999; width: 32px; height: 32px; background:#303030;border-radius: 32px; position: fixed; right: 14.5%; top: 8%; z-index: 12999; width: 32px; height: 32px; background: black; }
    .open-menu-wrap .close-open-menu img {width:20px;height:20px;margin:6px;}

     .open-menu-wrap.left-menu li {padding:0;margin:0;}
     .open-menu-wrap.left-menu li a {box-sizing: border-box; padding: 8px; border-bottom: 1px solid #eeeeee; text-align: left;}

    .MainMenuRespoButtons { display: block; overflow: hidden; padding: 10px 24px 10px; }
    .fixed-me-top .MainMenuRespoButtons {display:block;height:auto;}

    .left-menu {display:none;}

    .Left {float:left;width:100%;margin:0;}
    .Right { float: left; width: 100%; margin: 0; }
    .Middle { float: right; width: 100%; margin: 0; padding: 24px; }

    .WrapperFull { float: none; display: flex; flex-direction: column;padding:24px 24px;}
    .Left {float: none;padding:0px;}
    .urlm10 .Middle,.urlm2 .Middle, .Middle {float: none;width:100%;}
    .urlm1 .Middle { float: none; width: 100%; box-shadow: 0px 0px 0px 0px #000000; padding: 0; }
    .Right {float: none;padding:0px;}

.Podobne {float: none;}

    .Left .leather-brown-box { margin-bottom: 24px; border-bottom: 1px solid #000000; }

    .FiltrBox, .SeznamWrap > .FiltrBox {position:fixed;left:auto;top:0;right:-110%;height:100%;width:100%;padding:74px 30px 30px;transition:right 180ms ease-out;background:#000000;background:#000000aa;z-index:2500;}
    
    .FiltrBox .form-submit-FiltrBox {overflow:auto;overflow:scroll;box-shadow:0px 0px 73px -44px #000000;position:absolute;left:auto;top:0;right:0%;height:100%;width:50%;padding:74px 30px 30px;transition:right 180ms ease-out;background:#ffffff;z-index:550;}
    
    .ico-row {display:none;}
    
    .FiltrBox.active { opacity: 1; box-shadow: -20px 0px 50px -50px #000000;right:0;transition:right 125ms ease-out;}
    .FiltrBox.active .button-filtr-close {    width: 220px;height: 72px;text-align: center;position: fixed;left: 0;top: 0;bottom: 0;right: 50%;margin: auto;background: transparent;color: #ffffff;padding: 15px;border-radius: 4px;border: 0;z-index: 9999;background: #2196f3;}
    .FiltrBox.active .button-filtr-close > * {display:inline-block;float:none;margin:auto;padding:0px;width:100%;text-align:center;}

    .urlm12 .Left { opacity: 1; filter: unset; }
    .urlm12 .Right { opacity: 1; filter: unset; }

    .Left .leather-brown-box > div > a { width: 25%; padding: 16px; }

    .urlm10 .WrapperFull, .urlm2 .WrapperFull, .urlm10 .NejBox2, .urlm10 .Podpora, .urlm2 .NejBox2, .urlm2 .Podpora { padding: 0px; }

    .left-menu {display:block;}

    .fixed-me-top .MainMenuRespoButtons { padding: 0px 24px; background: #171716; box-shadow: inset 0px 11px 27px -19px #000000, inset 0px -11px 27px -19px #000000; }
    .fixed-me-top .MainMenuRespoButtons > a {padding-top:12px;padding-bottom:12px;}

    .open-menu.right {}
    .respo-middle-menu {}

    .open-menu-wrap .leather-red {display:none;}

     .urlm10 .search-form-li, .urlm2 .search-form-li { bottom: 64px; }

    .middle-menu > ul > li { width: 25%; }
    .middle-menu > ul > li { width: 33.33%; }
    .si.seznamItemRow { width: 50%; }

    .LeftNovinky, .RightAkce { border: 1px solid #e8e8e8; }

    .urlm10 .MainMenu, .urlm2 .MainMenu, .MainMenu { padding-left: 24px; padding-right: 24px; padding-bottom: 0px;}
     .Slide {text-align:center;width:100%;}
     .Slide a {height:auto;margin:12px;width:auto;float:none;display:inline-block;}
     .Slide a img {height:128px;width:auto;float:left;}

    .MainMenuWrap ul.menu-right-bottom {display:block;position:fixed;width:75%;height:75%;top:0;left:110%;right:-110%;bottom:0;margin:auto;padding:0;overflow: auto; transition:all 250ms linear;background:#ffffff;padding:32px;z-index:10000;}
    .MainMenuWrap ul.menu-right-bottom, .MainMenuWrap ul.menu-right-bottom li, .MainMenuWrap ul.menu-right-bottom li a {width:100%;float:left;display:block;}
    .MainMenuWrap ul.menu-right-bottom.opened { width:75%;left: 0; right: 0; box-shadow: 0px 0px 90px -30px #000000; }
    .MainMenuWrap ul.menu-right-bottom li a { box-sizing: border-box; border-bottom: 1px solid #eeeeee; padding: 15px; position: relative; font-size: 14px; text-align: center; }
    .MainMenuWrap ul.menu-right-bottom li {margin:0;padding:0;}
    .MainMenuWrap ul.menu-right-bottom li a:hover {border-bottom:1px solid #000000;color:#000000;}


    .ShopMenu ul.sekce-menu { display: block; position: fixed; width: 75%; height: 75%; top: 0; left: 110%; right: -110%; bottom: 0; margin: auto; padding: 0; overflow: auto; transition: all 250ms linear; background: #ffffff; padding: 32px; z-index: 10000; }
    .ShopMenu ul.sekce-menu.opened { width: 75%; left: 0; right: 0; box-shadow: 0px 0px 90px -30px #000000; }
    .ShopMenu .open-menu-wrap a.close-open-menu { position: fixed; right: 14.5%; top: 8%; z-index: 12999; width: 32px; height: 32px; background: black; }

    .ShopMenu ul.sekce-menu > li { max-width: 100%; width:100%;display: block; float: left; border-bottom: 1px solid #eeeeee; }
    .ShopMenu ul.sekce-menu > li > a { padding: 15px; position: relative; font-size: 14px; text-align: center; }
    .ShopMenu ul.sekce-menu > li.active > a { color: #000000; background: #fecc00; font-size: 18px; }
    .MainMenuWrap ul a { color: #000000;}
    .ShopMenu ul.sekce-menu > li > ul { position: relative;}
    .sekcemenucloser {display:none;}

    .ShopMenu ul.sekce-menu > li.open > ul { padding: 12px 0px;box-shadow:none;position:static;}
    .ShopMenu ul.sekce-menu > li > ul > li { padding:0px 12px 24px; border-left: 1px solid #afafaf;}
    .respo-middle-menu {display:block; top:0; padding-top: 8px; }

    .ShopMenu ul.sekce-menu > li.open > ul { background: #f3f3f3; }
    .ShopMenu ul.sekce-menu > li.open { background: #f3f3f3; }
    .ShopMenu ul.sekce-menu > li.open > a {background:transparent;font-weight:bold;font-size:14px;}

    .ShopMenu ul.sekce-menu.opened { padding: 0; }

    .respo-show, .Strankovani .button-filtr-open.respo-show { display: block; position: absolute; right: 0; margin: 6px 24px 0px 0px; }

    .layer {  width: 80%;  }


}

@media (max-width: 1080px) { .produkt-item {width:30.33%;margin-right:4.505%;margin-top:4.505%;} .produkt-item:nth-child(6n) { margin-right: 4.505%;} .produkt-item:nth-child(4n) { margin-right: 4.505%;}  .produkt-item:nth-child(3n) { margin-right: 0%;}    }
@media (max-width: 1080px) { .produkt-item.nej-item { width: 33%; }   }
@media (max-width: 1080px) { .si.seznamItemRow {width: 100%;height:auto;}   .si.seznamItemRow:nth-child(4n),.si.seznamItemRow:nth-child(8n),.si.seznamItemRow:nth-child(3n),.si.seznamItemRow:nth-child(6n),.si.seznamItemRow:nth-child(2n) {margin:0 0 24px;} }

@media (max-width: 1080px) {
    .si.seznamItemRow .image-wrap:before { padding-top: 55%; }
     .Paticka > .c3 {width:50%;padding-right:12px;padding-bottom:44px;}
     .Paticka > .c3:nth-child(odd) {padding-left:12px;padding-right:0px;}
     .Paticka > .c3.provoz { padding-left: 28px; padding-right: 0px; float: left; padding-top: 24px; }
      .viewport-menu {display:block;}
      .filtr-family {width:100%;}

    .fl-respo {float:left;}
    .Strankovani .button-filtr-open.respo-show {}
    
    .hp-menu .middle-menu a > span {font-size:19px;}
    
     .MainMenuWrap {min-height:127px;}
     .MainMenu {position:fixed;top:0;}
     .MainMenuSettings {position:fixed;top:63px;background:#303030;right: 0;left: 0;}
     
     
     .auto-complete-wrap {top: 127px;}
    
}


@media (max-width: 1050px) {
    .Strankovani .respo-full {width:auto;}


    .urlm10 .social-media, .urlm2 .social-media,  .social-media { bottom: 306px; }
    .open-menu.right {display:block;}

    .box-menu a { float: none; width: auto; box-sizing: border-box; display: inline-block; }

}





@media (max-width: 990px) {
    .middle-menu > ul > li { width: auto; float:none;display:inline-block;}
    .middle-menu > ul  { text-align:left; }
    .middle-menu > ul > li a > span { float: left; padding: 13px 4px; font-size: 12px; line-height: 14px; color: #000000; }
    
    
    .hp-menu .middle-menu li {max-width: 100%;flex: 1 1 26%;}  
    .ico-3-col .icox {flex: 1 1 40%;}

    
   .reset-side-filtrbutton {float:right;}
    .layer {  width: 90%;  }
    .pocet-info { float: left; padding: 2px 0px 0px 20px; }

    .bc-wrap > span {display:none;}

}

@media (max-width: 940px) {
     .Strankovani .str, .Strankovani2 .str {}
         .select-box-wrap {width:46%;width:calc(50% - 10px);margin-right:10px;margin-bottom:10px;}

     .select-box-wrap:nth-child(2) {margin-left:10px;margin-right:0;}

     .MainMenuSettings, .urlm2 .MainMenuSettings, .urlm10 .MainMenuSettings {width:100%;right:0;height:42px;}
     .MainMenuSettings > * { height: 42px;}
     ul.hover-menu-2 > li > a {padding-top:7px;padding-bottom:7px;}

     
     .FiltrBox .form-submit-FiltrBox {padding-top:139px;}

     .top-menu {    width: 100%; display: flex;flex-flow: row;justify-content: center;}
     .top-menu > * {display:flex;}
     
     .urlm10 .search-form-li, .urlm2 .search-form-li,  .search-form-li {width:auto;max-width:100%;}
     
     .urlm10 .MainMenu, .urlm2 .MainMenu, .MainMenu {width: 100%;float: left;}
.auto-complete-wrap {top: 106px;}

.MainMenuWrap {min-height: 106px;}

     
}

@media (max-width: 900px) {
    .pocet-info {width:auto;}
    .Left .leather-brown-box > div > a > span { padding: 5.5px 4px; font-size: 12px;}
    .Left .leather-brown-box > div > a { width: 25%; padding: 6px; }
    .respo-full > .x-parent {margin-right:0;}
    


}

@media (max-width: 860px) {
    .urlm9 .Faktur {width:50%;}
    .urlm9 .Mapa {width:50%;width:calc(50% - 24px);}
    
        
.auto-complete-wrap {display:none;position: fixed;left: 0;width: 100%;min-width: 100%;background: #282828;padding: 0px 15px 15px;bottom: 0;overflow: auto;overflow: scroll;overflow-x: hidden;}

    .auto-complete-empty {color:#ffffff;padding: 9px 30px;}     
    
}


@media (max-width: 800px) {
    
    a.logo img {width: 160px;}
    
    .ShopMenu ul.sekce-menu > li > ul > li { max-width: 100%; flex: 1 1 50%; }
    .flex2 > .banner-item { flex: 1 1 50%;margin:0px;}
    .flex3 > .banner-item { flex: 1 1 50%;}
    .middle-menu > ul > li.active > ul {width:100%;margin:0;}
    .middle-menu > ul, .middle-menu > ul > li.active {padding:15px 0 0;}
    .middle-menu > ul > li.active > ul > li { width: 50%; }
    .Left .leather-brown-box > div > a { width: 50%; padding: 16px; }

    .Strankovani a.beige {}
    .produkt-item.nej-item { width: 50%; }

    .urlm2 .Nadpis, .urlm10 .Nadpis { padding-bottom: 0; margin-bottom: 0; line-height: 1.1; padding-top: 0; font-size: 30px; margin-left: 0px; padding: 0 15px 6px; margin: 0; }
    .popis-side { padding-bottom: 10px; }

    .KartyMenu {padding:0px 2px;}
}
@media (max-width: 680px) { 
    .flex2 > .banner-item { flex: 1 1 100%;margin:0px 0px 0px;} 
    .hp-menu .middle-menu li {flex: 1 1 40%;}
}

@media (max-width: 600px) {
    .flex2 > .banner-item {flex: 1 1 100%;margin-bottom:10px; }
    .flex2 > .banner-item:nth-child(3), .flex2 > .banner-item:nth-child(4), .flex2 > .banner-item:nth-child(5), .flex2 > .banner-item:nth-child(6), .flex2 > .banner-item:nth-child(7), .flex2 > .banner-item:nth-child(8), .flex2 > .banner-item:nth-child(9) {flex: 1 1 100%; }
}


@media (max-width: 380px) {   .produkt-item.nej-item { width: 100%; }   }
@media (max-width: 500px) {
    .Left .leather-brown-box > div > a { width: 100%; padding: 6px 0px; }
    .middle-menu > ul > li.active > ul > li { width: 100%; }
    .ico-3-col .icox {flex: 1 1 320px;padding: 0;flex-flow: row;} 
    .ico-3-col .icox > .ico-img {justify-content: flex-start;padding-top: 0;flex: 1 1 50px;}    
    .ico-3-col .icox > .ico-img > img {align-self: center; width: 93px; max-width: 93px;}
    .ico-3-col .icox > .ico-text > strong, .ico-3-col .icox > .ico-text > span {align-self: flex-start;text-align: left;}
    .ico-3-col .icox > .ico-text {padding: 15px 15px 15px 7px;flex: 1 1 68%;}
    .ico-3-col .icox:before { content: ''; position: absolute; bottom: auto;left: auto; width: 90px; height: 90px; background: transparent url(../im/cr.svg) no-repeat right top / cover;transform: rotate(0deg);right: -1px;top: -1px;}
    .icox > .ico-text > span { font-size: 16px;}
    
}
@media (max-width: 768px) {
    .si.seznamItemRow .stitky { text-align: left; font-size: 9px; }
    .kosik-menu-items strong { font-size: 12px;}
    .kosik-menu-items b.kosik-strana { float: left; font-size: 24px; line-height: 32px; padding: 16px 2px; }
     .paticka-left {width:100%;margin:0;text-align:center;}
     .paticka-right {width:100%;margin:0;border:0;}
     .PatickaWhite > div.c3 {width:100%;margin:0;border:0;}
     .si.seznamItemRow .image-wrap:before { padding-top: 75%; }
    .Middle {padding:12px;}
    
   
    
}

@media (max-width: 740px) {
.Strankovani .button-filtr-open.respo-show, .reset-side-filtrbutton { width: auto; margin: 7px 7px 3px; float: right; position: static; }
}

@media (max-width: 700px) {
    .lista .text { font-weight: normal; font-size: 11px; line-height: 1; }
    .lista {}
    .namiru {width:72px;}
    .layer {  width: 100%;  }
}

@media (max-width: 680px) {

    .ShopMenu ul.sekce-menu > li > ul > li { max-width: 100%; flex: 1 1 100%; }
    .MainMenuWrap ul.menu-right-bottom.opened, .ShopMenu ul.sekce-menu.opened { width: 87%; max-width: 100%; }
    .card-down {margin: 0px 3px 3px 0px;}
     .respo-m3t {margin-top:12px;}

    .ico-send small {font-size: 12px; width: 100%; float: right; }
    .DiskuzeForm {padding:16px 0;}

    .FiltrBox label.x5 { width: 100%;}

    .Obrazek, .Dokosiku {width:100%;padding-left:0;padding:0px;}
    .Obrazek {padding-top:0px; /* NEMENIT, POSUNE SE JINAK ZOOMIT */}
    .respo-full {width:100%;margin-left:0;margin-right:0;}

    .select-box-wrap { width: 50%; margin: 12px 0px 0; padding: 0; float: left; }
    .select-box-wrap:nth-child(2) { margin-left:0;}
    .Strankovani .button-filtr-open.respo-show, .reset-side-filtrbutton { width: auto; margin: 3px 7px 0px; float: right; }

    .Strankovani .button-filtr-open { margin: 12px 4px 4px 0px; }
    .Strankovani .beige-2 { position: relative; padding: 1px 12px 12px; margin-top: 0px; }
    .Nadpis { position: relative; padding-bottom: 19px; margin-bottom: 0px; text-align: left;padding-top: 22px; font-size: 20px;margin-top:12px; }


    .MainMenuSettings, .search-form-li { }

    .respo-middle-menu { display: block; left: 0px; right: 0px; bottom: -1px; }
    .urlm9 .Faktur {width:100%;margin-bottom:24px;}
    .urlm9 .Faktur > div.c12 {width:50%;}
    .urlm9 .Faktur > div.c12:nth-child(3) {width:100%;}
    .urlm9 .Mapa {width:100%;margin:0px 0px 24px;}
    .Mapa iframe { width: 100%; height: 30vh; border: 0; min-height: 30vh; }


    .kosik-shrnuti-user-box {width:100%;min-height:10px;}
    .SubmitPanel .submit {margin-left:0;max-width:50%;margin-top:2px;margin-right:0px;width:auto;}
    .Shrnuti .submit-osobni-udaje { padding: 12px;}
    .kos-item .respo-full { text-align: right; width: 100%; padding: 0; margin: 0; }
    .si.seznamItemRow .image-wrap:before { padding-top: 80%; }

    .si.seznamItemRow > .c2 {display:none;}
    .si.seznamItemRow > .c4 {width:33%;}
    .si.seznamItemRow > .c6 {width:67%;}
    .si.seznamItemRow .strong {min-height:0;height:auto;}

    .MainMenuWrap .MainMenuSettings .menu-selecter-gui:nth-child(2) { right: auto; left: 0; float: left; }

    .urlm3 .Nadpis, .urlm3 .Popis1 {width:100%;max-width:100%;padding: 0px 0px 24px;}
    .urlm3 .Nadpis {}

    .slider4 .slick-dots li, .slider2 .slick-dots li {margin:0 2px 0px 0px;}

    .urlm10 .social-media, .urlm2 .social-media, .social-media { width: 100%; margin: 0 0 24px; padding: 0; }
    
    
    .FiltrBox .form-submit-FiltrBox {width:100%;padding-top:245px;}
    .FiltrBox.active .button-filtr-close {top: 124px;right: 0;background: #2196f3;bottom: auto;}
    
    .KartyWrap {margin-top:30px;}
    .Dokosiku .ico-row {padding-top: 22px;}

    .obrazek-menu.slick-slider {margin: 0;}
    
}

@media (max-width: 600px) {

    .submit-osobni-udaje > div.udaj > div {width:100%;}
    div.kosik-arrow, span.kosik-arrow {background:transparent;width: 100%;border-bottom:1px solid #eeeeee;}

    .si.seznamItemRow .image-wrap:before { padding-top: 95%; }
    .box-menu a.active { border: 1px solid #dddddd;border-bottom:0px;}

    .flex3 > .banner-item { flex: 1 1 100%;margin:0px 0px 12px;}

    
    
    .urlm3 .WrapperFull {padding:15px;}
    .slick-podobne-prev {left: 0px;} 
    .slick-podobne-next {right: 0px;} 
    .own-seznam {padding:0px;}
    .prbox-pod {padding:0px;}
   .Seznam, .middle-menu ul {gap:2px;}
    .si .seznam-price .price {font-size: 21px;}
   .si a.dokosiku span {margin:0;}
   
   .si {flex: 1 1 41%;}
    .paticka-left { min-height: 133px;}

    
    .slider-left-wrap .banner-item .textwrap > strong {font-size: 22px; position: static;max-width:100%;display:inline-block;line-height:1.1;padding:0px;background: transparent !important;}
    .slider-left-wrap .banner-item .textwrap {padding:15px;} 
    .slider-left-wrap .banner-item a {float: right;bottom: auto;top: 15px;}

    .slider-left-wrap .banner-item {padding-bottom:15px;}
    .slider-left-wrap .banner-item .textwrap {min-height: 123px;padding: 12px 11px 12px;position: static;}
    
    .single-form > div {margin-right: 0;width: 100%;padding: 0px 12px 6px;}
    
}

@media (max-width: 580px) {
    .si {flex: 1 1 71%;}
    .Seznam {gap:18px;}
}

@media (max-width: 540px) {

    .middle-menu > ul > li { width: auto; padding-right: 0; margin: 0 2px 4px; padding-bottom: 0; }

    .respo-middle-menu a { display: inline-block; padding: 7px 4px; margin: 0; color: #ffffff; text-transform: uppercase; font-size: 12px; }

    .si .image-wrap:before { content: ''; display: block; float: left; width: 1px; padding-top: 60%; }
     .Paticka > .c3 {width:100%;padding-right:0px;padding-bottom:44px;}
     .Paticka > .c3:nth-child(odd) {padding-left:0px;padding-right:0px;}
    .Paticka .c3.provoz { min-width: 100%; padding: 0; margin: 0; }

    .si.seznamItemRow { width: 100%; height: auto; min-height:154px; }

     .Slide a img {height:auto;width:290px;float:left;}
     .si.seznamItemRow .image-wrap:before { padding-top: 120%; }

    .si.seznamItemRow .seznam-price { bottom: 14px; left: 0; height: auto; z-index: 1005; min-height: 1px; max-width: 100%; padding: 0; position: static; width: 100%; float: left; }
    .si.seznamItemRow a.lupa, .si.seznamItemRow a.dokosiku {position:static;float:left;margin-bottom:12px;}
    .si.seznamItemRow .stitky > .stitek {min-width:100px;}

    .pocet-info { padding-top: 15px; }
    .box-menu { padding-top: 4px; border-bottom: 1px solid #dddddd; width: 100%; }

    .box-menu a {padding: 7px 6px;font-size:12px;}

    .Strankovani .respo-full, .Strankovani .respo-full:nth-child(2) { width: 100%; }

    .Strankovani .button-filtr-open.respo-show, .reset-side-filtrbutton {margin-right:0px;}

    td, td *, th, th * {font-size:10px;text-align:left;}


    .FiltrPanel2 .bgr { width: 100%; }

    .kosik-menu-items b.kosik-strana { float: left; font-size: 24px; line-height: 26px; padding: 0px 2px; }
    .kosik-menu-items strong { float: left; font-size: 15px; line-height: 26px; padding: 0px 0px 0px 8px; }

    .menu-selecter-gui-box.active > div { pointer-events: unset; height: auto; opacity: 1; position: absolute; top: auto; right: 0px; width: 200px; background-color: #ffffff; margin-top: 0px; border: 1px solid #eee; box-shadow: 0 2px 4px -3px #000000; bottom: 10px; right: 71px; border-radius: 4px; box-shadow: 7px 14px 50px -16px #000000, 7px 14px 2px 0px #00000011; }

    .Podobne .si0-slide {padding: 2px;border: 1px solid #cccccc;}
    .Podobne .si {}
    .own-seznam .si {}
    
    .ico-row .icox > .ico-text {flex: 1 1 80%;}
    .ico-row .icox {width:100%;}
    
    .respo-column > * {width:100%;padding:0;margin:0;}
    
    .SubmitPanel .submit {max-width: 100%;width: 100%;margin: 15px 0px 0px;}
    
    .slider-left-wrap .banner-item .textwrap > .text {font-size: 12px;}
    
}


.produkt-item {width:47%;margin-right:6%;margin-top:6%;} .produkt-item:nth-child(6n) { margin-right: 6%;} .produkt-item:nth-child(4n) { margin-right: 6%;}  .produkt-item:nth-child(3n) { margin-right: 6%;}    .produkt-item:nth-child(2n) { margin-right: 0%;}


@media (max-width: 500px) {
    .produkt-item {width:100%;margin:3% 0 0 0;} .produkt-item:nth-child(6n) { margin:0 0 3% 0;} .produkt-item:nth-child(4n) {margin:0 0 3% 0;}  .produkt-item:nth-child(3n) {margin:0 0 3% 0;}    .produkt-item:nth-child(2n) {margin:0 0 3% 0;}

    .SubmitPanel .submit.submit-ar-r, .SubmitPanel button.submit-ar-r, .SubmitPanel .submit-ar-r, .SubmitPanel .submit  {width:100%;margin:0 0 7px;}

    .urlm10 .social-media { position: static;}
    .si.seznamItemRow > .c4 {width:50%;}
    .si.seznamItemRow > .c6 {width:50%;}

    .urlm2 .RightAkceWrap, .urlm10 .RightAkceWrap { padding-top: 0px; }

    .urlm3 h2 {font-size:2em;}
    .showtext .banner-item .textwrap > .nadpis { font-size: 17px; line-height: 1; padding-bottom: 10px; }
    .Middle { padding: 12px; }
    .WrapperFull, .NejBox2, .Podpora {}

    

    .KartyMenu > a { margin-right: 2px; padding: 8px 6px; }

    .urlm10 .search-form-li, .urlm2 .search-form-li, .search-form-li, .search-form, .search-form input {width:auto;max-width:86px;min-width:86px;}
    .top-menu {justify-content:space-around;}

    .slider-left-menu, .slider-left-wrap {position:static;width:100%;float:left;margin-top:0px;}
    .slider-left-wrap {}
    .urlm3 h2, .urlm3 h1 {}
    .own-seznam, .prbox-pod { padding: 0;}
    .urlm3 h2, .urlm3 h1 {letter-spacing:0;}

    .dopravce-ico {width:64px;}    
    .dopravce-buttons {width: calc(100% - 64px);padding-left: 8px;}
    .kosik-dop-item > span {width:auto;}
    .kosik-dop-item > strong {width:auto;}
}

@media (max-width: 480px) {

    .add-voucher {width:100%;}
    .Kosik textarea {min-height:108px;}
    .urlm9 .Faktur > div.c12 {width:100%;}
    .urlm9 .Faktur > div.c12:nth-child(3) {width:100%;}

    .Strankovani .respo-full:nth-child(2) > div.strankovani-real {width:100%;margin:6px 0px;}


    .urlm3 .Nadpis {font-size:32px;}

    .Strankovani .respo-full.str:nth-child(2) > div, .Strankovani .respo-full.str:nth-child(2) {width:100%;}
    
    ul.hover-menu-2 > li > a {font-size: 12px;margin: 0 7px 0 7px;}
    ul.hover-menu-2 li > a.span-num > span {display:none;}
    ul.hover-menu-2 li > a.span-num > span:nth-last-child(1) {display:flex;}  
    
    
    
    .urlm2 .Nadpis, .urlm10 .Nadpis, .Nadpis, h1, h2 {font-size:24px;}
    
    .hp-menu .middle-menu li {flex: 1 1 80%;background:#303030;margin:0;border-right: 1px solid #ffffff;}
    .hp-menu .middle-menu a {justify-content:flex-start;}
    .hp-menu .middle-menu a > img {width: 48px;}
    .hp-menu .middle-menu a > span {font-size: 15px;display: flex; padding-left: 59px;}
    .hp-menu .middle-menu a:before {display:none;}
    .hp-menu .middle-menu ul {gap:1px;}
    
}

@media (max-width: 460px) {

     .respo-middle-menu {display:none;}
    .pocet-info { width: 100%; padding: 12px 0 24px; }
     .Strankovani .c6:nth-child(2) {width:auto;}

    .Strankovani, .OrderBox { margin: 11px 0px 0px;}
    .PopisVyrobce, .PopisSauny {padding:24px 0px 24px;}
    .search-form input {max-width: 25px;min-width: 25px;}
    .urlm10 .search-form-li, .urlm2 .search-form-li, .search-form-li, .search-form, .search-form input {max-width: 25px;min-width: 25px;}
    
    ul.hover-menu-2 > li.li-kosik:hover > ul {min-width: 209px;}
    
    
}

@media (max-width: 420px) {
     .select-box-wrap { width: 100%; margin: 0px 0px 6px; padding: 0; float: left; }
     .select-box-wrap:nth-last-child(1) {margin-left:0px;padding-left:0;}

     .Strankovani .beige-2 { position: relative; padding: 11px 12px 12px; margin-top: 0px; }

     .Strankovani .c6.respo-full { width: 100%;margin-left:0;margin-right:0; }
     .Strankovani .strankovani-real {width:100%;}
    .WrapperFull, .NejBox2, .Podpora { padding: 12px; }

    .MainMenuWrap ul.menu-right-bottom.opened, .open-menu-wrap.left-menu.opened .sekce-menu {padding:9px;}


    .si.seznamItemRow .image-wrap:before { padding-top: 50%; }
    .si.seznamItemRow > .c4 {width:100%;padding:0;}
    .si.seznamItemRow > .c6 {width:100%;padding:12px 0px 0px;}
    .si.seznamItemRow .stitky {margin-bottom:28px;}

    .CustomerMenu .c-menu { margin-bottom: 2px; width: auto; margin-right: 2px; padding: 7px; }


    
}

@media (max-width: 400px) {

.middle-menu > ul > li {margin:0px 0px 4px;width:100%;}

    .middle-mini-nadpis { font-size: 18px;}


    .respo-middle-menu { display: block; right: 0; bottom: 76px; left: -4px; width: 100%; text-align: left; margin: 0; top: auto; position: absolute; max-width: 100%; }

    h3.karta-bgs.active { margin-top: 55px; }

    .social-media a { width: 18px; height: 18px; float: left; margin: 0px 0 0 6px; border: 0; opacity: 1; transition: all 300ms linear; }
    .social-media a img { width: 18px; height: 18px; float: left; margin: 0; border: 0; }

    .fs3, body, p, div { font-size: 12px; }

    .Nadpis, h1 { font-size:21px;}
    .h2, h3 { font-size:15px;}
    
    a.logo img {width: 114px;}
    
    
}



@media (max-width: 360px) {
     .select-box-wrap { width: 100%; margin: 0px 0px 6px; padding: 0; float: left; }
     .select-box-wrap:nth-last-child(1) {margin-left:0px;padding-left:0;}

     .pocet-info {padding-top:12px;}
     .pocet-info *, .pocet-info > span, .pocet-info > div {font-size:11px;}
    .Strankovani .button-filtr-open.respo-show, .reset-side-filtrbutton { width: 100%; margin: 12px 0px 0px; float: right; font-size: 12px; letter-spacing: -0.03em; line-height: 1; }
.box-menu a {padding: 6px 1px;}
    
}



@media (max-width: 360px) {
.box-menu > span {width:100%;}
.box-menu a {min-width:24px; border-bottom:1px solid #f1f1f1;padding:4px;}
}