.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:#000000;text-transform:uppercase;}

@media (max-width: 1200px) {
    .si {width: calc(33.33% - ((2 * 24px) / 3));}   .si:nth-child(2n),.si:nth-child(4n),.si:nth-child(8n) {margin:0px 24px 24px 0px;} .si:nth-child(3n),.si:nth-child(6n) {margin:0px;}
    .seznam-item {width:50%;}
    .open-menu-wrap.left-menu, .left-menu {width:100%;max-width:480px;height:100%;position:fixed;left:-110%;top:41px;background:transparent;overflow:auto;overflow-x:unset;box-sizing:border-box;margin:24px 0 0;padding:0;transition:all 300ms ease-in;z-index:999999999;}
    .open-menu-wrap.left-menu.opened { left: 0px;overflow: auto; max-height: 80%; max-height: calc(100% - 80px); }
    .open-menu-wrap.left-menu.opened .sekce-menu {padding-top:32px;}
    .open-menu-wrap .close-open-menu {     position: fixed; right: 11px; top: 0; top: 0; z-index: 99; width: 32px; height: 65px; background: black; width: 100%; padding-top: 20px; }
    .urlm10 .MainMenuWrap ul.menu-right-bottom, .urlm10 .menu-right-bottom, .urlm2 .MainMenuWrap ul.menu-right-bottom, .urlm2 .menu-right-bottom {margin:0;}
    .MainMenuWrap ul.menu-right-bottom { background: #313131; display: block; width: 33.33%; height: auto; position: fixed; right: -110%; left: auto; top: 24px; overflow: auto; overflow-x: hidden; box-sizing: border-box; margin: 24px 0 0; padding: 0; transition: all 300ms ease-in; z-index: 999999999; min-height: max-content; }
    .MainMenuWrap ul.menu-right-bottom.opened { display: block; right: 0; width: 100%; left: auto; top: 68px; padding-top: 0px; max-height: 90%; }
    .MainMenuWrap ul.menu-right-bottom li, .MainMenuWrap ul.menu-right-bottom ul, .MainMenuWrap ul.menu-right-bottom li a {width:100%;}
    .MainMenuWrap ul.menu-right-bottom .open-menu-wrap .close-open-menu { position: absolute; right: 11px; top: 6px; z-index: 9999; width: 32px; height: 32px; }
    .MainMenuWrap ul.menu-right-bottom:after, .menu-right-bottom > li:after {display:none;}
    .urlm2 .open-menu-wrap.menu-right-bottom,
    .urlm2 .open-menu-wrap.menu-right-bottom {}
    .MainMenuRespoButtons {display:block;}
    .left-menu {display:none;}
    .urlm10 .search-form-li, .urlm2 .search-form-li,  .search-form-li { right: 0; left: 0; margin: 0 auto 0; bottom: 0; width:40%;}
    .MainMenuWrap .ico-search {  }
    .MainMenu { padding-top: 141px;   }
    .MainMenuWrap { min-height: 100px; }
    .Left {float:left;width:100%;margin:0;}
    .Right {float:left;width:200px;margin:0;display:none;}
    .Middle {float:right;width:100%;margin:0;padding:0px 0px 32px;}
    .left-menu {display:block;}
    .left-banner {display:none;}
    .left-novinky {display:none;}
    .fixed-me-top .MainMenuRespoButtons { padding: 12px 24px; box-shadow: 1px 1px 23px -16px #000000; }
    .open-menu-wrap .leather-red {display:none;}
    .respo-middle-menu { display:block; }
    .search-form { padding: 0;}
    .urlm2 .Nadpis, .urlm10 .Nadpis { padding-bottom: 0; margin-bottom: 0px; line-height: 1.1; padding-top: 6px; font-size: 30px; margin-left: -2px; }
    .urlm10 .MainMenuSettings, .urlm2 .MainMenuSettings, body .MainMenuSettings { right: 24px; left: auto; }
    .MainMenuWrap .MainMenuSettings .menu-selecter-gui { position: absolute; top: 0;right: auto; width: 131px; float:left; }
    .MainMenuWrap .MainMenuSettings .menu-selecter-gui:nth-child(1) {right:156px;}
    .MainMenuWrap .MainMenuSettings .menu-selecter-gui:nth-child(2) {right:0px;}
    .menu-selecter-gui > div > a, .menu-selecter-gui > div > a.c-menu.active { font-weight: normal; background: transparent; border-radius: 0; text-align: right; font-size: 11px; padding: 6px 2px; color: #ffffff; box-sizing: border-box; margin: 0; border-bottom: 1px solid #ffffff38; letter-spacing: -0.03em; text-align: center; }
    .urlm10 .search-form-li, .urlm2 .search-form-li, .search-form-li { bottom: 53px; left: auto; width: 225px; right: 0; padding-right: 11px; }
    .urlm10 .social-media, .urlm2,  .social-media { left: 24px; }
    .fixed-me-top .respo-middle-menu a { padding: 14px 8px 0; }
    .middle-menu > ul > li { width: 25%; }
    .middle-menu > ul > li { width: 33.33%; }
    .top-menu {background-color:#ffffff;padding:12px;}
}

@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%;}   .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) {
     .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;}
}

@media (max-width: 990px) {
    .Strankovani .respo-full {width:auto;}
    .Strankovani .respo-full:nth-child(2) {float:right;}
}

@media (max-width: 860px) {
    .urlm9 .Faktur {width:50%;}
    .urlm9 .Mapa {width:50%;width:calc(50% - 24px);}
}

@media (max-width: 800px) {
.middle-menu > ul > li { width: 50%; }
.Strankovani .respo-full {width:100%;margin-left:0;margin-right:0;}
.Strankovani .respo-full:nth-child(2) {float:left;margin-top:8px;width:auto;}
.Strankovani a.beige {margin: 0 3px 0 0;}
.Strankovani .button-filtr-open {float:right;margin-top: 0px;}
.select-box-wrap { padding-right: 6px; margin-bottom: 0px; width: 33%; min-width: 120px; }
.MainMenuWrap ul.menu-right-bottom.opened { display: block; right: 0px; width: 50%; left: auto; top: 65px; padding-top: 0; }
   .produkt-item.nej-item { width: 50%; }
   .MainMenu { padding-top: 311px; }
   .MainMenuSettings {bottom:138px;}
   .social-media { position: absolute; left: 10%; bottom: 108px; padding-right: 3px; z-index: 1234; min-width: 90px; }
   a.logo { height: auto; bottom: 135px; width: 100%; left: 0; }
}

@media (max-width: 380px) {   .produkt-item.nej-item { width: 100%; }   }

@media (max-width: 500px) { .seznam-item { width: 100%; margin-bottom: 16px; } }

@media (max-width: 900px) { .si {width: calc(50% - ((1 * 24px) / 2));}   .si:nth-child(4n),.si:nth-child(8n),.si:nth-child(3n),.si:nth-child(6n) {margin:0px 24px 24px 0px;} .si:nth-child(2n) {margin:0px;} }

@media (max-width: 768px) {
    body.layer-opened .layer.c6 { padding: 0; margin: 0 auto; width: 96%; }
    .si.seznamItemRow .stitky { width: 80px; text-align: left; font-size: 9px; position: absolute; z-index: 1000; left: 0; top: auto; bottom: 20px; }
}
@media (max-width: 640px) {
    .Obrazek, .Dokosiku {width:100%;padding-left:0;}
    .respo-full {width:100%;margin-left:0;margin-right:0;}
    .select-box-wrap { width: 50%; margin: 12px 0px 0; padding: 0; float: left; }
    .Strankovani .button-filtr-open { float: right; margin-top: 0px; position: absolute; bottom: 14px; right: 14px; }
    .Strankovani .beige-2 { position: relative; padding: 1px 12px 12px; margin-top: 0px; }
    .Nadpis { position: relative; padding-bottom: 19px; margin-bottom: 0px; text-align: left; line-height: 1.15; padding-top: 22px; font-size: 27px; text-transform: uppercase; letter-spacing: -0.04em; font-weight: 800; }
    .respo-middle-menu { display: block; left: 0; right: auto; bottom: 57px; width: 80%; margin: 0; top: auto; text-align:left;}
    .respo-middle-menu a {color:#ffffff;padding: 4px 12px 4px 0px}
    .fixed-me-top .respo-middle-menu {box-shadow: 1px 1px 23px -16px #000000;top: 55px; left: 0; right: 0; margin: auto; z-index: 100; width: 100%; background: #ffffff; height: 19px; padding: 0; line-height: 15px; border-radius: 0px 0px 32px 32px; }
    .fixed-me-top .respo-middle-menu a {padding:0 5px;}
    .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; }
    .lista { position: relative; padding: 3px 32px 3px 27px; min-height: 34px; line-height: 12px; font-size: 12px; text-align: left; overflow: hidden; }
    .kosik-shrnuti-user-box {width:100%;min-height:10px;}
    .kosik-voucher-box .submit {margin-left:0;width:50%;margin-top:2px;}
    .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 { width: 80%; text-align: right; width: calc(100% - 64px); padding: 0; margin: 0; }
    a.slick-gal-close {  top: auto; bottom: 8px; right: 8px;  }
.urlm2 .Nadpis, .urlm10 .Nadpis { padding-top: 8px; font-size: 24px; }
}

@media (max-width: 600px) {
  .MainMenu { padding-top: 273px; }
    .submit-osobni-udaje > div.udaj > div {width:100%;}
    div.kosik-arrow, span.kosik-arrow {background:transparent;width:100%;border-bottom:1px solid #eeeeee;}
}

@media (max-width: 540px) {
    .middle-menu > ul > li { width: 100%; }
    .si {width:100%;}  .si:nth-child(4n), .si:nth-child(8n), .si:nth-child(3n), .si:nth-child(6n), .si:nth-child(2n) { margin: 0px 0px 24px 0px; }
    .respo-middle-menu a { text-transform: uppercase; font-size: 12px; }
    .si .image-wrap:before { content: ''; display: block; float: left; width: 100%; 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; }
}

.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;}
    .MainMenuWrap ul.menu-right-bottom.opened { display: block; right: 0px; width: 66.66%;max-width: 66.66%; left: auto; top: 65px; padding-top: 0; }
    .SubmitPanel .submit.submit-ar-r, .SubmitPanel button.submit-ar-r, .SubmitPanel .submit-ar-r, .SubmitPanel .submit  {width:100%;margin:0 0 7px;}
}

@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%;}
}

@media (max-width: 460px) {
    .urlm10 .social-media, .urlm2  .social-media,  .social-media { left: 24px; bottom: 290px; }
    .urlm10 .search-form-li, .urlm2 .search-form-li, .search-form-li { bottom: 272px; left: auto;}
    .respo-middle-menu {width:100%;margin:0px;left:0;}
    .respo-middle-menu { width: 100%; margin: 0px; left: 0; max-width: 100%; }
    .urlm10 .MainMenuSettings, .urlm2 .MainMenuSettings, body .MainMenuSettings { width: 100%; right: 0px; bottom: 271px; }
     .pocet-info {width:auto;}
     .Strankovani .c6:nth-child(2) {width:auto;}
    .MainMenuWrap .MainMenuSettings .menu-selecter-gui:nth-child(1) { right: 137px; }
    .Strankovani, .OrderBox { margin: 11px 0px 0px;}
    .bc-wrap > a, .bc-wrap > span {font-size:9.5px;}
a.logo { height: auto; bottom: 109px;}
}

@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 .button-filtr-open { float: right; margin-top: 0px; position: relative; bottom: 0; right: 0; width: 100%; }
     .Strankovani .c6.respo-full { width: 100%;margin-left:0;margin-right:0; }
     .Strankovani .strankovani-real {width:100%;}
     .Strankovani .strankovani-real a.beige {width:12%;margin:0.5% 0.5% 0 0;float:left;text-align:center;}
}

@media (max-width: 400px) {
    .fixed-me-top .respo-middle-menu { top: 49px; width: 80%; max-width: 80%; }
    .MainMenuWrap .MainMenuSettings .menu-selecter-gui:nth-child(1) { right: auto; left: 20px; }
    .MainMenuWrap .MainMenuSettings .menu-selecter-gui:nth-child(2) { right: auto; right: 20px; }
    .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; }
    .open-menu {font-size:12px; min-width: 12px; padding-left: 33px; padding-top: 0px; background-size: 25px; }
    .open-menu.right {padding-left:0px;padding-right: 33px;}
    .respo-middle-menu a {letter-spacing: -0.03em;}
    .lista:nth-child(2) { background: #000000 !important; }
    .urlm10 .social-media, .urlm2  .social-media, .social-media {left:19px;}
}

@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;}
     .urlm10 .search-form-li, .urlm2 .search-form-li, .search-form-li {width:205px;}
}