/*
Theme Name: lifem
Author URI: http://www.archa.cz
Description: zákaznická šablona - ošetření otvírání v UTF kodovani v PSpadu
*/

@media (orientation: landscape) and (max-device-width: 1440px) {}

@media (max-device-width : 1440px) {
  .container,
  #main {
    width:100%;
  }
  #logo {
    left: 40px;
  }
  #kosik {
    right: 40px;
  }
  .Level2 {
    width: 100%;
  }
  .karta {
    width: calc(50% - 52px);  /* 35 zvnejsku a 17 zvnitrku */
  }
  .karta .scena {
    width: 27vw;
    height: auto;
  }
  .group1, .group3, .group5 {
    margin-right:17px;
  }
  .group2, .group4, .group6 {
    margin-left:17px;
  }
  .karta.group3, .karta.group4, .karta.group5, .karta.group6 {
    margin-top:0;
  }
  .karta_bg {
    clip-path: circle(35% at 80% 70%);
  }
  .karta p {
    width: 200px;
  }
  .seznam {
    margin: 0 0 10px 35px;
    width: calc(25% - 45px);
  }
  .seznam.seznam5 {
  clear:both;
  }
  #vitraz {
    height: 42.857vw;
  }
  #vitraz .panel {
    width: 45vw;
    height: 42.857vw;
  }
  #vitraz #panelL, #vitraz #panelP {
    background-size: 45vw 42.857vw;
  }
  #vitraz #panelL {
    right:2vw;
  }
  #vitraz .klika {
    top: 19vw;
    right: 47vw;
  }
  @keyframes slide-in {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-42.9vw, 0); }
  }
  @-webkit-keyframes slide-in {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-42.9vw, 0); }
  }
  @keyframes slide-out {
    0% { -webkit-transform: translate(-42.9vw, 0); }
    100% { -webkit-transform: translate(0, 0); }
  }
  @-webkit-keyframes slide-out {
    0% { -webkit-transform: translate(-42.9vw, 0); }
    100% { -webkit-transform: translate(0, 0); }
  }
  .Produkt .texty {
    width: calc(100% - 920px);
  }
  .NastFlexCont,
  .ObjFlexCont {
    flex-direction: column;
    align-items: center;
  }
  .NastFlexCont > table,
  .ObjFlexCont > table,
  .SingleFormTable {
    width: 400px;
    padding: 10px;
    box-sizing: border-box;
    margin-left: -63px;
  }
  .SingleFormTable {
    margin-left:auto;
  }
  .Dokumenty .ViceSloupcu {
    padding: 0 3em;
  }
}

@media (max-device-width : 1260px) {
  #header {
    height: 220px;
  }
  #logo {
    top: 25px;
  }
  #logo img {
    width: 180px;
  }
  #stred h1, #stred .h1 {
    font-size: 55px;
    line-height: 54px;
  }
  .Level2,
  #togglesearch, #togglelogin {
    top: 272px;
  }
  .Obal2 {
    font-size: 17px;
  }
  .Box {
    padding-right:20px;
  }
  .karta .scena {
    width: 25vw;
  }
  .karta_bg {
    clip-path: circle(32% at 90% 64%);
  }
  .seznam {
    margin: 0 0 10px 36px;
    width: calc(25% - 45px);
  }
  .seznam_inner {
    padding: 0 0 0 32px;
  }
  .seznam h3::before {
    width: 18px;
    height: 18px;
    margin: 4px 0 0 -32px;
  }
  .obsah .sloupce {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
  .Produkt .foto_big {
    width: 400px;
    height: 400px;
  }
  .Produkt .foto_big img {
    max-width: 100%;
    max-height: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
  .Produkt .parametry {
    width: 250px;
  }
  .Produkt .texty {
    width: calc(100% - 770px);
  }
  .Produkt #main h1,
  .Vyrobce #main h1,
  .Clanek #main h1,
  .Objednavka #main h1 {
    font-size: 39px;
  }
  .meziobory li {
    width: calc(50% - 1em);
  }
}

@media (max-device-width : 1200px) {
  .slider_outer {
    width: 886px;
  }
  .slider {
    width: 786px;
  }
}

@media (max-device-width : 1150px) {
  *{
    /*border:1px solid red;*/
  }
  .Produkt .foto_big {
    width: 350px;
    height: 350px;
  }
  .Produkt .texty {
    width: calc(100% - 720px);
  }
  .popisOboru {
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
  }
  .popisOboru .obrazky {
    width: 50%;
    margin-right: 0;
    padding-right: 30px;
    box-sizing: border-box;
  }
  .popisOboru .text {
    width: 50%;
  }
}

@media (max-device-width : 1065px) {
  .dokumentyDleTypu {
    width:100%;
  }
  .Produkt .dokumenty {
    width: 100%;
  }
  .Produkt .dokumenty > ul {
    display: block;
    margin: 0 auto;
    width: 640px;
  }
  .Produkt .dokumenty > ul > li {
    display: block;
    width: 100%;
    margin: 15px 0;
  }
  .Produkt .prehled {
    padding: 0 30px;
  }
  .Produkt #main h1,
  .Vyrobce #main h1,
  .Clanek #main h1,
  .Objednavka #main h1 {
    font-size: 37px;
  }
  .Produkt #main h1,
  .Vyrobce #main h1,
  .Clanek #main h1,
  .Objednavka #main h1,
  h1 {
    margin-top:1em;
  }
  .Produkt h2.perex {
    margin-bottom:2em;
  }
  .Produkt .foto_big {
    /*width: 500px;
    height: 500px;*/
    margin: 0 30px 0 0;
  }
  .Produkt .foto_big img {
    max-width: 100%;
    max-height: 100%;
  }
  .Produkt .parametry {
    /*width: calc(100% - 532px);*/
    width: calc(100% - 400px);
    margin-right: 0;
  }
  .Produkt .texty {
    clear: both;
    margin-top: 2em;
    width: 100%;
  }
}

@media (max-device-width : 1023px) {
  #header {
    height: 200px;
  }
  #header .container {
    padding: 0 30px;
  }
  #logo {
    top: 15px;
    left: 30px;
  }
  #logo img {
    width: 150px;
  }
  #stred h1, #stred .h1 {
    font-size: 46px;
    line-height: 44px;
  }
  #kosik {
    right: 30px;
  }
  #sumy {
    width: 170px;
    height: 85px;
  }
  #castka {
    font-size: 22px;
  }
  #topmenu li.burger {
    display:block;
  }
  .Level2,
  #togglesearch, #togglelogin {
    top: 252px;
  }
  .karta_bg {
    clip-path: circle(23% at 90% 82%);
  }
  .karta .scena {
    width: 18vw;
  }
  .karta h2 {
    margin-top: 30px;
  }
  #seznamy {
    margin: 1.5em 0;
  }
  .seznam {
    margin:0 0 0 36px;
    width: calc(100% - 72px);
  }
  .seznam h3 {
    margin: 0.2em 0;
  }
  #info_dole div {
    width: 100%;
    padding: 0 35px;
    box-sizing: border-box;
  }
  #footer .container {
    width: 760px;
    margin:0;
  }
  .items .item {
    width: 220px;
    margin: 0 10px 20px 10px;
  }
  .container[lfm-onas="yes"] .obsah .block-text {
    padding: 0 30px 30px 30px;
  }
  .obsah .block-text {
    padding-left: 30px;
  }

  #topmenu li:not(.burger) {
    display:none;
  }
  :root{
    --mm-spn-item-height: 50px;
    --mm-spn-item-indent: 0;
    --mm-spn-line-height: 24px;
    --mm-ocd-width: 100%;
    --mm-ocd-min-width: 200px;
    --mm-ocd-max-width: 100%;
  }
  nav#mobile {
    width: 100%;
  }
  .mm-spn.mm-spn--light {
    background: #fff;
  }
  .mm-spn.mm-spn--navbar::after {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    font-size: 22px;
    color: var(--blue);
    opacity:1;
    background: var(--ultralight);
    border-bottom: 1px solid var(--blue);
  }
  .mm-spn.mm-spn--navbar::before {
    opacity: 1;
    z-index: 99;
    border-top: 2px solid var(--blue);
    border-left: 2px solid var(--blue);
    left: 15px;
  }
  .mm-spn.mm-spn--navbar ul {
    padding-top: 10px;
  }
  .mm-spn li::after {
    border-top:none;
  }
  .mm-spn li::before {
    opacity: 1;
    border-top: 2px solid var(--blue);
    border-right: 2px solid var(--blue);
    top: 18px;
  }
  .mm-spn li.ZrusitSipku {
    text-align:center;
  }
  .mm-spn li.ZrusitSipku::before {
    display:none;
  }
  .mm-spn li.ZrusitSipku form {
    width: 300px;
    display: inline-block;
    margin-top: 20px;
  }
  .mm-spn li.ZrusitSipku input {
    width:100%;
    text-align:center;
  }
  .mm-spn li.ZrusitSipku button {
    margin-top: 10px;
  }
  .mm-spn a, .mm-spn a:visited {
    color:var(--blue);
  }
  .mm-spn a, .mm-spn span {
    padding: 8px 20px;
    box-sizing: border-box;
    font-size: 22px;
  }
  .mm-spn a.SeSpanem {
    padding:0;
  }
  .mm-spn a.SeSpanem span {
    margin-left: var(--mm-spn-item-height);
  }
  .mm-spn a:not(:last-child)::after {
    border-right:none;
  }
  .mm-spn.mm-spn--navbar.mm-spn--main::after {
    padding-left:initial;
  }
  .slider_outer {
    width: 624px;
  }
  .slider {
    width: 524px;
  }
  .kosikObal,
  .objednavkaObal,
  .rozpisObal {
    overflow-x:auto;
    padding-bottom: 1em;
  }
  .kosikObal table,
  .objednavkaObal table,
  .rozpisObal table {
    min-width:1023px;
  }
  .seznam_inner p {
    line-height:1.5em;
  }
  .Dokumenty .ViceSloupcu {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -moz-column-gap: 3em;
    -webkit-column-gap: 3em;
    column-gap: 3em;
    padding: 0 3em;
  }
  .Kosik #main p {
    padding:0 2em;
  }
}

@media (max-device-width : 860px) {
  .meziobory {
    padding: 0 1em;
  }
  .meziobory li {
    width: 100%;
    height: auto;
    /*min-height: 150px;
    background-size: 150px;
    padding-right: 160px;*/
    min-height: 100px;
    background-size: 100px;
    padding-right: 110px;
  }
}

@media (max-device-width : 799px) {
  #header {
    height: auto;
    background-size: cover;
  }
  #logo {
    top: 10px;
  }
  #stred {
    padding:85px 0 25px 0;
  }
  #stred h1, #stred .h1 {
    font-size: 44px;
    line-height: 42px;
  }
  #castka {
    font-size: 20px;
  }
  #sumy {
    width: 160px;
    height: 80px;
  }
  #togglesearch, #togglelogin {
    top: auto;
  }
  .karta {
    width: calc(100% - 60px);
    height:220px;
  }
  .karta h2,
  .karta h3,
  .karta p {
    width: 430px;
  }
  .karta.group1, .karta.group2, .karta.group3, .karta.group4, .karta.group5, .karta.group6 {
    margin:15px 30px;
  }
  .karta .scena {
    width: 30vw;
    height: auto;
  }
  .karta h2::before {
    width: 57px;
    height: 26px;
  }
  .karta_bg {
    clip-path: circle(24% at 90% 77%);
  }
  .seznam {
    margin: 0 0 0 30px;
    width: calc(100% - 60px);
  }
  #info_dole div {
    padding: 0 30px;
  }
  #footer .container {
    width: 100%;
    padding-right:0;
  }
  #footer #box1 {
    width: 42%;
  }
  #footer #box2 {
    width: 23%;
  }
  .items .item {
    width: 200px;
    padding: 10px 15px;
  }
  .obsah .block-media, .obsah .block-text {
    width: 100%;
  }
  .container[lfm-onas="yes"] .obsah .block-text {
    padding: 0 20px 20px 20px;
  }
  #vitraz .klika {
    top: 18.5vw;
    width: 20px;
    height: 40px;
  }
  .obsah .sloupce {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
  }
  .obsah .block-media, .obsah .block-text {
    padding-left: 0;
  }
  #team h2 {
    margin: 1em 0;
  }
  .Produkt #main h1,
  .Vyrobce #main h1,
  .Clanek #main h1,
  .Objednavka #main h1 {
    width: 100%;
    margin-top:1em;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .Produkt h2.perex {
    margin-bottom:1.5em;
  }
  .Produkt .foto_big {
    width: 40vw;
    height: 40vw;
    margin: 0 20px 0 0;
  }
  .Produkt .novinka_nalepka::before {
    width: 130px;
    height: 70px;
    padding-top: 10px;
  }
  .Produkt .parametry {
    width: calc(100% - 50vw - 22px);
  }
  .logoAPopis {
    width: 100%;
    padding: 0 30px;
  }
  .Dokumenty .ViceSloupcu {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    padding:0 5vw;
  }
  .Dokumenty #main h2 {
    margin-left:5vw;
    text-align:left;
  }
  .kartaProduktu {
    padding: 20px;
  }
  #detail_souvisejici .kartaProduktu, #detail_podobne .kartaProduktu {
    padding-bottom: 20px;
  }
}

@media (max-device-width : 680px) {
  .karta h3, .karta p {
    width: 380px;
  }
  #footer {
    padding-top: 2em;
  }
  #footer .container {
    padding:0;
  }
  #footer #box1,
  #footer #box2,
  #footer #box3 {
    width:100%;
  }
  #footer #box2 li, #footer #box3 li {
    display:inline-block;
    margin-right:15px;
  }
  #footer #box2 li:nth-child(3) {
    display:none;
  }
  .slider_outer {
    width: 366px;
  }
  .slider {
    width: 266px;
  }
  .Produkt .dokumenty > ul,
  .RegInfo {
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
  }
  #main h1 ~ .RegInfo {
    margin-top:0;
  }
  .dokumentyDleTypu > ul > li {
    padding: 20px 20px 15px 20px;
    margin: 10px;
    width: calc(50% - 20px);
  }
  .Usetreno {
    line-height: 3em;
  }
  .Kosik #main form a.button {
    width: 80%;
    display: inline-block;
  }
}

@media (max-device-width : 599px) {
  #stred {
    padding-top: 100px;
  }
  #stred h1, #stred .h1 {
    font-size: 40px;
    line-height: 38px;
  }
  .karta {
    height: 200px;
  }
  .karta .scena {
    width: 33vw;
  }
  .karta_bg {
    clip-path: circle(28% at 95% 82%);
  }
  .karta h2, .karta h3 {
    width: 250px;
  }
  .karta h2 {
    margin-top: 25px;
  }
  .karta h3 {
    font-size: 18px;
  }
  .karta p {
    display:none;
  }
  #vyrobci div img {
    width: auto;
    margin: 10px 20px;
    max-height: 60px;
  }
  .Produkt .foto_big {
    width: 100%;
    height: calc(100vw - 60px);
    float: none;
    margin: 0;
  }
  .Produkt .parametry {
    width: 100%;
    margin-top: 2em;
    font-size: 18px;
  }
  .Produkt .parametry .cena, .Produkt .parametry .cena_puvodni {
    margin: 0 auto;
    position: relative;
  }
  .Produkt .parametry .quantity {
    margin: 0 auto 15px auto;
  }
  .Produkt .parametry button[type="button"],
  .Produkt .parametry .quantity input[type="number"] {
    float: none;
  }
  .Produkt .texty {
    font-size: 18px;
  }
  .popisOboru .obrazky {
    width: 100%;
    padding-right: 0;
  }
  .popisOboru .text {
    width: 100%;
  }
  .kosikObal table,
  .objednavkaObal table,
  .rozpisObal table {
    min-width:100%;
  }
  .lfm_table, .lfm_table thead, .lfm_table tbody, .lfm_table tr, .lfm_table th, .lfm_table td {
    display:block;
    width:100%;
  }
  .lfm_table tr th, .lfm_table tr td {
    box-sizing:border-box;
    padding: 7px 20px;
    border:none;
  }
  .lfm_table tr th:not(.kosikObrNazev) {
    display:none;
  }
  .lfm_table tr th.kosikSmazat {
    display:none;
    border:none;
  }
  .lfm_table tr td.kosikProdObr {
    margin-top: 15px;
  }
  .lfm_table tr td.kosikCena::before {
    content:attr(data-popiska) ': ';
    display:inline-block;
    margin-right:5px;
  }
  .lfm_table tr td.kosikKusu::before {
    content:attr(data-popiska) ': ';
    display:inline-block;
    margin-right:5px;
  }
  .lfm_table tr td.kosikCelkem::before {
    content:attr(data-popiska) ': ';
    display:inline-block;
    margin-right:5px;
  }
  .lfm_table tr td.poSleve::before {
    content:attr(data-popiska) ': ';
    display:inline-block;
    margin-right:5px;
  }
  .lfm_table tr td.kosikSDph::before {
    content:attr(data-popiska) ': ';
    display:inline-block;
    margin-right:5px;
  }
  .lfm_table tr td.kosikSmazat {
    border-bottom: 1px solid var(--blue);
    padding-bottom: 15px;
  }
  .lfm_table tr td.kosikSmazat::before {
    content:attr(data-popiska) ': ';
    display:inline-block;
    margin-right:5px;
  }
  .lfm_table tr td.poSleve {
    display: inline;
    padding: 4px 10px;
  }
  .lfm_table tr td.kosikPrepocitat,
  .lfm_table tr td.kosikSDphDoprava {
    background: var(--lightblue);
    color: var(--blue);
  }
  .lfm_table tr td.kosikPrepocitat::before {
    content:attr(data-popiska) ': ';
    display:inline-block;
    margin-right:5px;
  }
  .lfm_table tr td {
    text-align:center;
  }
  .lfm_table tr td.kosikProdName {
    text-align:center;
    width: 100%;
  }
  .lfm_table tr.kosikFooter td:first-child {
    display:none;
  }
  .lfm_table tr.kosikFooter:not(.footerDoprava) {
    background: var(--blue);
    color: white;
  }
  /*
  .lfm_table tr td.kosikCelkemDoprava::before {
    content:'Cena dopravy: ';
    display:inline-block;
    margin-right:5px;
  }*/
  .lfm_table tr td.kosikCelkemDoprava,
  .lfm_table tr.footerDoprava td.poSleve,
  .lfm_table tr td.kosikCelkemTotal,
  .lfm_table tr td.kosikCelkemTotal ~ .poSleve,
  .lfm_table tr.kosikFooter td:empty  {
    display:none;
  }
  .lfm_table tr td.kosikSDphDoprava::before {
    content:attr(data-popiska) ': ';
    display:inline-block;
    margin-right:5px;
  }
  .lfm_table tr td.kosikCelkemTotal::before {
    content:attr(data-popiska) ': '; /*'Cena celkem (vč. dopravy): ';*/
    display:inline-block;
    margin-right:5px;
  }
  .lfm_table tr td.kosikSDphTotal::before {
    content:attr(data-popiska) ': ';
    display:inline-block;
    margin-right:5px;
  }
  .lfm_table tr td.kosikSDphTotal {
    white-space:normal;
  }
  .NoWrap {
    white-space:nowrap;
  }
  .Kosik #main form a.button {
    width: 250px;
    display: block;
    margin: 0 auto 10px auto;
  }

  .objednavkaObal tr,
  .rozpisObal tr {
    border-bottom: 1px solid var(--blue);
  }
  .objednavkaObal .lfm_table,
  .rozpisObal .lfm_table {
    margin-bottom:0;
  }
  .objednavkaObal .lfm_table tr td[data-popiska]::before {
    content:attr(data-popiska) ': ';
    display:inline-block;
    margin-right:5px;
  }

  .rozpisObal .lfm_table tr td.Rozpis_kod_produktu,
  .rozpisObal .lfm_table tr td.Rozpis_nazev {
    text-align:center;
  }
  .lfm_table tr td.Rozpis_nazev {
    white-space: break-spaces;
  }
  .rozpisObal .lfm_table tr td[data-popiska]::before {
  content:attr(data-popiska) ': ';
  display:inline-block;
  margin-right:5px;
  }
  .dokumentyDleTypu h2 {
    margin: 1em 0 0.5em 0;
  }
  .dokumentyDleTypu > ul > li {
    width: 100%;
    margin:10px 0;
  }
}

@media (max-device-width : 480px) {
  #header .container {
    padding: 0 20px;
  }
  #kosik {
    right:0;
    width: 100%;
    background: var(--blue);
    line-height: 50px;
  }
  #sumy {
    width: 100%;
    height: auto;
    background: none;
    border-radius: 0;
    font-size: 20px;
  }
  #sumy div {
    display: inline-block;
  }
  #castka {
    padding-top:0;
    margin-right: 20px;
  }
  #logo {
    top: 75px;
    position: relative;
    left: 0;
  }
  #logo img {
    width: 220px;
  }
  #stred {
    padding-top: 65px;
  }
  #stred h1, #stred .h1,
  #stred p {
    display:none;
  }
  .karta {
    background-position: center left;
  }
  .karta .scena {
    display:none;
  }
  .karta_bg {
    clip-path: circle(10% at 95% 95%);
  }
  .karta h2, .karta h3 {
    width: calc(100% - 45px);
  }
  .karta h2 {
    font-size: 31px;
  }
  .container[lfm-onas="yes"] .obsah .block-text {
    padding: 0 0px 20px 0px;
  }
  #main h1 {
    margin: 0.7em 0 0.5em 0;
  }
  .Produkt #main h1,
  .Vyrobce #main h1,
  .Clanek #main h1,
  .Objednavka #main h1 {
    font-size: 30px;
    letter-spacing: 0;
    padding:0 30px;
    box-sizing: border-box;
  }
  .Produkt h2.perex {
    padding:0 30px;
    box-sizing: border-box;
    font-size: 20px;
  }
  .Produkt #detail_souvisejici h2,
  .Produkt #detail_podobne h2 {
    padding: 0 20px;
   }
  .NastFlexCont > table,
  .SingleFormTable,
  .ObjFlexCont > table {
    width: 100%;
    margin-left: 0;
  }
  .Objednavka h2 {
    font-size: 30px;
    margin: 1em 0 0.5em 0;
  }
  .RegInfo {
    padding: 0 30px;
  }
  nav[data-mm-spn-title="Reprodukční medicína"]::after {
    content:'Reprod. medicína' !important;
  }
  nav[data-mm-spn-title="kryoprezervace embryí a oocytů"]::after {
    content:'kryoprezervace' !important;
  }
  nav[data-mm-spn-title="mixery a příprava vzorků"]::after {
    content:'mixery a příprava' !important;
  }
  .obsah .sloupce h2 {
    font-size: 21px;
  }
  #popis .table-striped,
  #popis .table-striped tbody,
  #popis .table-striped tr,
  #popis .table-striped tr td {
    display:block;
  }
  #popis .table-striped tr td {
    width:100%;
    box-sizing: border-box;
    border-top:none;
    padding-top: 0;
  }
  #popis .table-striped tr td:first-child {
    width: 100%;
    border-top: 1px dotted var(--blue);
    padding-top:10px;
  }
  #popis .table-striped tr:first-child td:first-child {
    border-top: none;
    padding: 10px 10px 0 10px;
  }
  #popis .table-striped tr:hover + tr td {
    border-top: none;
  }
  #team .lidi {
    width: 100%;
  }
  .meziobory {
    margin: 1.5em 0;
  }
  .Obor h1 {
    font-size: 36px;
    letter-spacing: 0;
  }
  #skladPopupInner {
    padding: 30px;
  }
  #skladPopupInner h2 {
    margin-top:1em;
  }
  h2, .h2 {
    font-size: 30px;
  }
  #vyrobci div > a {
    display: block;
    width: 40vw;
    height: 20vw;
  }
  #vyrobci div.ostatni > a {
    width: auto;
    height: auto;
  }
  #vyrobci .ostatni a, #vyrobci .ostatni a:visited {
    line-height: 1.3em;
    padding: 7px 10px;
    margin: 0;
    font-size: 15px;
  }
  .kartaProduktu a.thb, .kartaProduktu a.thb:visited {
    height: auto;
  }
  .thb IMG {
    position: inherit;
    top: inherit;
    left: inherit;
    transform: none;
  }
  #detail_souvisejici .kartaProduktu, #detail_podobne .kartaProduktu {
    padding-bottom: 25px;
  }
}

@media (max-device-width : 440px) {
  .items .item {
    width: 100%;
    padding: 10px 15px 0 15px;
    margin: 0 15px 15px 15px;
  }
  .NastFlexCont > table,
  .SingleFormTable {
    padding: 10px 20px 10px 0;
  }
}

@media (max-device-width : 380px) {
  .karta {
    width: 100%;
  }
  .karta.group1, .karta.group2, .karta.group3, .karta.group4, .karta.group5, .karta.group6 {
    margin: 15px 0 0 0;
  }
  .karta_txt {
    padding-left: 30px;
  }
  .karta h2::before {
    width: 61px;
    height: 24px;
  }
  #vyrobci div img {
    margin: 7px 12px;
  }
  #vyrobci .ostatni {
    padding-top:1em;
  }
  .Produkt #main h1,
  .Vyrobce #main h1,
  .Clanek #main h1,
  .Objednavka #main h1,
  .Produkt h2.perex,
  .Produkt .prehled,
  .Produkt .dokumenty > ul,
  .popisOboru {
    padding: 0 20px;
  }
  .Produkt h2 {
    font-size: 28px;
  }
  .Produkt .foto_big {
    height: calc(100vw - 40px);
  }
  .Produkt .parametry {
    text-align: left;
  }
  .Produkt .parametry .cena_container {
    justify-content: flex-start;
  }
  .slider_outer {
    width: 100%;
  }
  .slider,
  #slider_inner {
    width: 230px;
  }
  #slider_inner div {
    margin: 0;
  }
  #sliderDopredu {
    left: 30px;
  }
  #sliderDozadu {
    right: 30px;
  }
  .kartaProduktu {
    width: calc(100% - 30px);
    margin: 0 15px 15px 15px;
  }
  .Obor h1 {
    font-size: 34px;
  }
  .popisOboru .obrazky {
     padding-right:20px;
  }
  .meziobory li {
    padding: 1.5em 1em 110px 1em;
    text-align:center;
    background-position: bottom center;
  }
  .podobory li {
    margin: 0 5px;
  }
}