/* 1040px */
@media only screen and (max-width: 65em) {

   div.all {
      display: block;
      width: 100%;
   }

   div.all::after { display: block; content: ""; clear: both;}

   div.center_index {
      width: 100%;
   }

   div.centerM_index {
      width: 100%;
      background-size: 100% auto;
   }

   div.centerM_index ul {
      width: 100%;
      padding: 40px 8px 0 8px;
      box-sizing: border-box;
   }

   div.centerM_index ul li {
      width: calc(33% - 8px);
      display: block;
      height: calc((0.43 * 100vw) + 10px);
   }

   div.centerM_index ul li.A, 
   div.centerM_index ul li.B, 
   div.centerM_index ul li.C {
      background-size: 100% auto;
   }

   div.centerM_index ul li a.top1 {
      height: calc(100vw / 4.1);
   }

   div.centerM_index ul li a.top {
      height: calc((100vw / 4.1) - 85px);
   }
   div.centerM_index ul li a.eshop { height: 85px; }

   div.centerM_index ul li div {
      width: 100%;
      box-sizing: border-box;
   }

   body.index,
   body.A,
   body.B,
   body.C {
      background-image: none;
   }

   div.copyright_index,
   div.copyright {
      width: 100%;
      box-sizing: border-box;
   }

   div.down {
      text-align: center;
      line-height: 1.45em;
   }

}

/* 912px */
@media only screen and (max-width: 57em) {

   div.centerM_index ul li a.top1 {
      height: calc(100vw / 4.1);
   }
  
   div.centerM_index ul li a.top {
      height: calc((100vw / 4.1) - 75px);
   }
   div.centerM_index ul li a.eshop { height: 75px; }

   a.logo_index {
      width: 300px;
      height: 85px;
      background-size: 100% 100%;
   }

   div.centerM_index ul li.A, 
   div.centerM_index ul li.B, 
   div.centerM_index ul li.C {
      background-size: 100% auto;
   }

   div.centerM_index ul li a {
      width: 100%;
   }

   p {
      width: 100%;
   }

}

/* 816px */
@media only screen and (max-width: 51em) {

}

/* 768px */
@media only screen and (max-width: 48em) {

   div.centerM_index ul {
      padding: 40px 3px 0 3px;
   }

   div.centerM_index ul li {
      margin-right: 3px;
      width: calc(33% - 1px);
   }

   div.centerM_index ul li div {
      padding: 0 7px;
   }
   
   div.centerM_index ul li > a.enter { display: none; }
   
   div.centerM_index ul li a.top1 {
      height: calc(100vw / 3.9);
   }
   
   div.centerM_index ul li a.top {
      height: calc((100vw / 3.9) - 75px);
   }
   div.centerM_index ul li a.eshop { height: 75px; }

}

/* 736px */
@media only screen and (max-width: 46em) {

   div.centerM_index {
      padding: 0 0 30px 0;
   }

   div.centerM_index ul li h2 {
      font-size: 1.2em;
   }

   div.centerM_index ul li a.top1 {
      height: calc(100vw / 3.9);
   }

   div.centerM_index ul li a.top {
      height: calc((100vw / 3.9) - 75px);
   }
   div.centerM_index ul li a.eshop { height: 75px; }
   
   div.centerM_index ul li {
      height: calc((0.47 * 100vw) + 10px);
   }

} 

/* 656px */
@media only screen and (max-width: 41em) {

   div.centerM_index {
      padding: 0 0 20px 0;
   }

   div.down {
      font-size: 0.75em;
   }

   a.logo_index {
      margin: 33px 0 0 5px;
   }
   
   div.centerM_index ul li {
      height: calc((0.55 * 100vw) + 10px);
   }

}

/* 592px */
@media only screen and (max-width: 37em) {

   a.logo_index {
      width: 250px;
      height: 75px;
   }

   div.down {
      padding: 0 20px;
      box-sizing: border-box;
   }
   
   div.centerM_index ul li a.top {
      height: calc((100vw / 3.9) - 60px);
   }
   div.centerM_index ul li a.eshop { height: 60px; }
   
   div.centerM_index ul li h2 {
      font-size: 1em;
   }
   
   div.centerM_index ul li a {
      font-size: .8em;
   }

}

/* 512px */
@media only screen and (max-width: 32em) {

   div.centerM_index ul li a {
      font-size: 0.9em;
   }

   div.centerM_index ul li a.top {
      height: calc((100vw / 3.9) - 48px);
   }
   div.centerM_index ul li a.eshop { height: 48px; }

}

/* 480px */
@media only screen and (max-width: 30em) {

   div.centerM_index ul li {
      width: 51%;
      margin: 30px auto;
      float: none;
      height: calc(1.35 * (100vw * 0.48)); /* 1.35 = ration between w and h of the background image */
      box-shadow: 1px -1px 5px #b2b2b2;
   }
   div.centerM_index ul li:last-child { margin-right: auto; }

   div.centerM_index ul li a.top1 {
      height: calc(0.78 * (100vw / 2));
   }

   div.centerM_index ul li a.top {
      height: calc((0.78 * (100vw / 2)) - 65px);
   }
   div.centerM_index ul li a.eshop { height: 65px; }
   
   div.centerM_index ul li {
      height: auto;
   }
   
   div.centerM_index ul li div {
      padding: 10px 10px 20px 10px;
   }
   
   div.centerM_index ul li h2 {
      font-size: 1.2em;
   }
   
   div.centerM_index ul li a {
      font-size: 1.15em;
   }

   div.centerM_index ul li div,
   div.centerM_index ul li div * {
      float: none;
   }

   div.centerM_index ul li a {
      height: auto;
   }

   a.logo_index {
      margin: 25px 0 0 5px;
      background-image: none;
      height: auto;
      width: auto;
      max-width: 55%;
      color: #fff;
      font-family: 'PT Sans', sans-serif;
      text-align: center;
   }

   a.logo_index::before {
      content: "Vše pro zdraví a výživu zvířat";
      font-size: 0.65em;
      text-transform: uppercase;
      display: block;
      padding: 0 0 3px;
      border-bottom: 1px solid rgba(255,255,255,.7);
      margin: 0 0 5px;
   }

   a.logo_index::after {
      content: "VETERINÁRNÍ CENTRUM s.r.o.";
      font-size: 1.8em;
      display: block;
      font-weight: bold;
      letter-spacing: 2px;
   }

}

/* 400px */
@media only screen and (max-width: 25em) {

   div.centerM_index ul li {
      width: 75%;
      margin: 15px auto;
   }

   div.centerM_index ul li a.top1 {
      height: calc(0.58 * 100vw);
   }

   div.centerM_index ul li a.top  {
      height: calc((0.58 * 100vw) - 78px);
   }
   div.centerM_index ul li a.eshop { height: 78px; }

   div.centerM_index {
      padding: 0;
   }

   a.logo_index {
      max-width: 50%;
   }

   a.logo_index::before {
      font-size: 0.5em;
   }

   a.logo_index::after {
      font-size: 1.2em;
   }

}

/* **************************************************************** */
/* ********************* VARIANT "A" ****************************** */
/* **************************************************************** */

/* 1040px */
@media only screen and (max-width: 65em) {

   div.up {
      width: 100%;
      background-size: 100% auto;
      height: auto;
      float: none;
   }

   div.all {
      background-image: none;
      position: relative;
   }

   div.up_center1 {
      width: 100%;
      float: none;
      position: relative;
      height: calc(0.23 * 100vw);
   }

   a.logo {
      margin: 0;
      height: calc(85% - 13px); /* 13px = negative margin of navigation */
      left: 2%;
      top: 15%;
      width: 25%;
      position: absolute;
   }

   div.menu {
      width: 100%;
      background: none;
      background-color: #013e7d;
      border-radius: 13px 0 0;
      float: none;
      margin: -13px 0 0;
   }

   ul.menu_horizontal {
      width: 100%;
      box-sizing: border-box;
   }

   div.searchform {
      float: none;
      margin-left: auto;
      top: calc((0.23 * 100vw) - 23px - 13px - 10px); /* 23px = height of itself */ /* 13px = negative margin of nav */ /* 10px = space */
      right: 30px;
   }

   div.center {
      background-image: none;
      width: 100%;
      padding: 15px 30px;
      box-sizing: border-box;
      float: none;
      display: flex;
      flex-direction: row;
   }

   div.centerL {
      background-color: #c7ddd6;
      width: 200px;
      box-sizing: border-box;
      order: 1;
      float: none;
   }

   div.centerM {
      background-color: #fff;
      width: calc(100% - 200px - 215px - 15px); /* 200px & 215px = widths of other panels */ /* 15px = diff betwen C and L panels (margin-left) */
      box-sizing: border-box;
      margin: 0 0 0 15px;
      order: 2;
      float: none;
   }

   div.centerR {
      display: none;
      background-color: #fff;
      width: 215px;
      padding: 15px 15px 15px 0;
      box-sizing: border-box;
      order: 3;
      float: none;
   }

   div.centerM {
      text-align: justify;
   }

   div.centerM h1 { 
      text-align: left; 
   }

   div.centerM * {
      max-width: 100%;
      box-sizing: border-box;
   }

   div.centerM > *:not(img) {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
   }

   div.centerM > *:not(img) > a {
      white-space: nowrap;
      word-break: keep-all;
   }

   div.centerM > * > span {
      height: auto;
   }

   div.centerM_eshop {
      float: none;
      background-color: #fff;
      width: calc(100% - 200px - 15px); /* 200px = widths of other panels */ /* 15px = diff betwen C and L panels (margin-left) */
      box-sizing: border-box;
      margin: 0 0 0 15px;
      order: 2;
   }

   div.centerM_eshop * {
      box-sizing: border-box;
   }

   div.centerM_eshop h1 {
      width: 100%;
      float: none;
   }

   div.centerM_eshop div > iframe {
      width: 100%;
   }

   div.centerM_eshop div[class^="mapa"] {
      margin-left: auto;
   }

   span.registrace {
      float: none;
   }

   table.objednavka {
      float: none;
      width: 100%;
   }

   table.objednavka:last-of-type {
      margin-bottom: 0;
   }

   div#Kalendar {
      width: 100%;
   }

   table.DDkalendar {
      width: 209px;
      overflow: hidden;
   }

   div.casy_objednavek {
      width: calc(100% - 209px);
      box-sizing: border-box;
   }

   table.objednavka textarea {
      width: 100%;
      box-sizing: border-box;
   }

   table.objednavka tbody td input.objednavka_text, 
   table.objednavka tbody td input.objednavka_text_err, 
   table.objednavka tbody td select {
      width: 100%;
      min-width: 0;
   }

   span.alert {
      float: none;
      height: auto;
      padding: 5px 0 5px 40px;
   }

   ul.menu_horizontal {
      padding: 0 13px;
   }

   ul.menu_horizontal li {
      padding: 0 18px;
   }

   div.centerM div > iframe {
      width: 100%;
   }

   div.centerM div[class^="mapa"] {
      margin-left: auto;
      float: none;
      height: auto;
      display: block;
   }

   div.registrace_firma table {
      width: 100%;
   }

   div.registrace_firma input {
      width: 100%!important;
   }

}

/* 896px */
@media only screen and (max-width: 56em) {

   div.menu {
      border-radius: 0;
      height: auto;
   }

   ul.menu_horizontal {
      display: flex;
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap;
      float: none;
      padding: 0;
   }

   ul.menu_horizontal li {
      float: none;
      display: block;
      padding: 0;
   }

   ul.menu_horizontal li span,
   ul.menu_horizontal li a {
      float: none;
      padding: 10px 15px;
      display: block;
   }

   ul.menu_horizontal li ul.second_menu {
      margin-top: 0;
      border-left: 1px solid black;
      border-right: 1px solid black;
      border-bottom: 1px solid black;
      box-shadow: 0px 1px 3px #000;
   }

   div.center {
      padding: 15px;
      margin: 0 auto;
   }

}

/* 768px */
@media only screen and (max-width: 48em) {

   div.centerL {
      width: 150px;
   }

   div.centerR {
      width: 160px;
   }

   div.centerR p,
   div.centerR a,
   div.centerR img,
   div.centerL p,
   div.centerL a,
   div.centerL img {
      display: block;
      width: 100%;
   }
   
   .navbutton { border: 3px solid #c7ddd6; font-size: .9em; }

   ul.mesicni_akce {
      width: 100%;
      background-image: none;
      padding-top: 0;
   }

   ul.mesicni_akce::before {
      content: "Akce a novinky";
      display: block;
      padding: 7px 0 1px 0;
      margin: 0 5px 5px 5px;
      box-sizing: border-box;
      text-align: center;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 1.1em;
      transform: scaleY(1.5);
      font-family: 'PT Sans', sans-serif;
      letter-spacing: 1px;

      border-bottom: 1px solid #000;
      color: #000;
   }
   ul.mesicni_akce.mesicni_akce_A::before { color: #013e7c; border-color: #013e7c; }
   ul.mesicni_akce.mesicni_akce_B::before { color: #b22130; border-color: #b22130; }
   ul.mesicni_akce.mesicni_akce_C::before { color: #005a3e; border-color: #005a3e; }

   ul.mesicni_akce li {
      width: 100%;
      box-sizing: border-box;
      float: none;
   }

   ul.mesicni_akce li a {
      display: block;
      width: 60%;
      margin: 5px auto;
   }

   ul.mesicni_akce li a img {
      display: block;
      width: 100%;
   }

   div.centerM {
      width: calc(100% - 150px - 160px - 15px); /* viz top (other boxes plus space between) */
   }

   div.centerM_eshop {
      width: calc(100% - 150px - 15px); /* viz top (other boxes plus space between) */
   }

   div.searchform {
      right: 15px;
      top: calc((0.23 * 100vw) - 23px - 13px - 5px); /* space changed to 5px */
   }

   table.objednavka thead td {
      word-break: keep-all;
      white-space: nowrap;
      overflow: visible;
   }

}

/* 688px */
@media only screen and (max-width: 43em) {

   div.center {
      flex-wrap: wrap;
   }

   div.centerM {
      order: 1;
      flex-basis: 100%;
      margin: 0;
      min-height: 120px;
   }

   div.centerM_eshop {
      order: 1;
      flex-basis: 100%;
      margin: 0;
      min-height: 120px;
   }

   div.centerL {
      flex-basis: 50%;
      order: 2;
   }

   div.centerL_eshop.content_reverse {
      order: 4;
      margin: 10px 0 0;
   }

   div.centerR {
      flex-basis: 50%;
      order: 3;
      background-color: #c7ddd6;
   }

   div.centerL > *,
   div.centerR > * {
      width: 50%!important;
      float: left!important;
      box-sizing: border-box!important;
   }
   div.centerL > *:not(a.navbutton),
   div.centerR > *:not(a.navbutton) { padding: 5px!important; }

   div.centerL *,
   div.centerR * {
      height: auto;
      float: none;
   }

}

/* 592px */
@media only screen and (max-width: 37em) {

   div.centerM_eshop {
      padding: 8px;
   }

   table.objednavka {
      display: block;
      padding: 10px;
   }

   table.objednavka > thead {
      display: block;
   }

   table.objednavka > thead > tr {
      display: block;
   }

   table.objednavka > thead > tr > td {
      display: block;
      padding-top: 0!important;
      padding-right: 0!important;
      padding-bottom: 0!important;
      padding-left: 0!important;
   }

   table.objednavka > tbody {
      display: block;
      background-color: #e6eaed;
      padding: 10px;
   }

   table.objednavka > tbody > tr {
      display: block;
   }
   table.objednavka > tbody > tr::after {
      display: block;
      content: "";
      clear: both;
   }

   table.objednavka > tbody > tr > td {
      display: block;
      padding-top: 8px!important;
      padding-right: 0!important;
      padding-bottom: 8px!important;
      padding-left: 0!important;

      line-height: 25px;
   }

   table.objednavka > tbody > tr > td * {
      line-height: normal; /* tables in the table were affected */
   }

   table.objednavka > tbody > tr > td > input {
      height: 25px;
      border: 1px solid #b7b7b7!important;
   }

   table.objednavka > tbody > tr > td:nth-child(odd):not(:only-child) {
      width: 130px;
      float: left;
   }

   table.objednavka > tbody > tr > td:nth-child(even) {
      width: calc(100% - 130px);
      float: right;
   }

   table.objednavka > tbody > tr > td[colspan="3"]:nth-child(3) {
      display: none;
   }

   table.DDkalendar {
      width: 100%;
   }

   div.casy_objednavek {
      width: 100%;
      padding: 10px 0;
   }

   table.DDnavigace {
      float: none;
      margin: 0 auto;
   }

}

/* 432px */
@media only screen and (max-width: 27em) {

   div.centerL {
      flex-basis: 50%;
      order: 3;
   }

   div.centerR {
      flex-basis: 50%;
      order: 2;
      background-color: #c7ddd6;
   }

   div.centerL > * {
      width: 100%!important;
      float: none!important;
      box-sizing: border-box!important;
   }
   div.centerL > *:not(a.navbutton),
   div.centerR > *:not(a.navbutton) { padding: 0!important; }
   div.centerR > * {
      width: 50%!important;
      float: left!important;
      box-sizing: border-box!important;
   }

   div.searchform {
      width: auto;
   }

   ins.search {
      width: auto;
   }

   input.hledat {
      width: 70px;
      transition: width 400ms;
   }

   input.hledat:focus {
      width: 160px;
   }

   div.menu {
      margin: -4px 0 0;
   }

   a.logo {
      height: calc(85% - 4px); /* 4px = negative margin of navigation */
   }

   div.searchform {
      top: calc((0.23 * 100vw) - 23px - 4px - 10px); /* 23px = height of itself */ /* 4px = negative margin of nav */ /* 10px = space */
   }

   .mobile_navigation_changer {
      display: block;
   }

   ul.menu_horizontal {
      display: none;
      padding: 10px 0;
      border-top: 1px solid #fff;
      width: calc(100% - 10px);
      margin: 0 auto;
   }

   ul.menu_horizontal li {
      display: block;
      width: 100%;
      box-sizing: border-box;
   }

   ul.menu_horizontal li span, 
   ul.menu_horizontal li a {
      display: block;
      width: 100%;
      box-sizing: border-box;
      padding: 5px 15px;
   }

   ul.menu_horizontal > li > span, 
   ul.menu_horizontal > li > a {
      text-transform: uppercase;
   }

   ul.menu_horizontal > li > span:not(:last-child)::before, 
   ul.menu_horizontal > li > a:not(:last-child)::before {
      content: "🡇";
   }

   ul.menu_horizontal > li > span::before,
   ul.menu_horizontal > li > a::before {
      font-weight: normal;
      opacity: .3;
      font-size: 1em;
      display: inline-block;
      width: 20px;
      content: "";
   }

   ul.menu_horizontal li ul.second_menu {
      box-shadow: none;
      border-left: none;
      border-right: none;
      border-bottom: none;
      width: 100%;
      display: none;
      position: static;
      background: none;
      box-sizing: border-box;
      padding: 0; 
   }
   ul.menu_horizontal li:hover ul.second_menu { display: none; }

   ul.menu_horizontal li ul.second_menu li {
      width: 100%;
      display: block;
      box-sizing: border-box;
      padding: 0;
      border-bottom: none;
   }

   ul.menu_horizontal li ul.second_menu li a {
      display: block;
      width: 100%;
      box-sizing: border-box;
      color: #fff;
      padding: 5px 15px 5px 45px;
   }

   div.registrace_firma table {
      display: block;
   }

   div.registrace_firma table tr {
      display: block;
   }

   div.registrace_firma table td {
      box-sizing: border-box;
      height: 30px;
      padding: 3px;
   }

   div.registrace_firma table td:nth-child(odd) {
      display: block;
      float: left;
      width: 40%;
      line-height: 26px;
      white-space: nowrap;
      overflow: visible;
   }

   div.registrace_firma table td:nth-child(even) {
      display: block;
      float: right;
      width: 60%;
   }

   div.registrace_firma table td > input {
      height: 24px;
      box-sizing: border-box;
      padding: 0 3px;
   }

   div.registrace_firma table tr:not(:first-child) > td:first-child,
   div.registrace_firma table tr:not(:first-child) > td:nth-child(2) {
      background-color: #f1f1f1;
   }
   
   /* ************** */
   
   div.searchform {
      display: none;
   }
   
   div.centerR,
   div.centerL {
      flex-basis: 100%;
      padding: 10px 10px 0 10px;
   }

   .navbutton {
      font-size: 1.2em;
      padding: 15px 7px;
   }
   
   div.centerL > .half_width {
      width: 50%!important;
      float: left!important;
   }
   
   .up_A div.up_center1 {
      background-image: url('../images/new_images/klinika_mobil_up.png');  
      background-size: cover;
      background-position: center center;
      height: calc(100vw * 0.47); 
   }
   div.up_A { background: none; }
   
   .up_B div.up_center1 {
      background-image: url('../images/new_images/veterina_mobil_up.png');  
      background-size: cover;
      background-position: center center;
      height: calc(100vw * 0.47); 
   }
   div.up_B { background: none; }
   
   .up_C div.up_center1 {
      background-image: url('../images/new_images/farma_mobil_up.png');  
      background-size: cover;
      background-position: center center;
      height: calc(100vw * 0.47); 
   }
   div.up_C { background: none; }
   
   a.logo {
      left: 0;
      width: 100%;
      height: 60%;
      top: 30%;
   }
   
   ul.info_kosik::after {
      display: none !important;
   }
   
   ul.info_kosik {
      padding: 115px 15px 10px 15px!important;
   }
    .B ul.info_kosik { background-image: url(../images/new_images/nakupni_kosik.png)!important; }
    .C ul.info_kosik { background-image: url(../images/new_images/nakupni_kosik_green.png)!important; }
   
   ul.info_kosik li.D {
      text-align: left;
   }
   
   div.center {
      padding: 0 15px 15px;
   }
   
}

/* 320px */
@media only screen and (max-width: 20em) {

   div.center,
   div.centerM {
      padding: 10px;
   }
   
   ul.info_kosik {
      padding: 90px 15px 10px 15px!important;
   }
   
}

/* **************************************************************** */
/* *********************** E - SHOP ******************************* */
/* **************************************************************** */

/* 1040px */
@media only screen and (max-width: 65em) {

   div.slideshow {
      width: 100%;
      height: auto;
      margin: 0 0 30px 0;
   }

   div.slideshow > a {
      width: 100%!important;
      display: block;
      position: absolute;
      height: 100%!important;
      top: 0;
      left: 0;
      z-index: 3!important;
      opacity: 0;
   }

   div.slideshow > a:first-child {
      position: static!important;
      height: auto!important;
      display: block!important; /* because of container height sizing, other images will overlay it */
   }

   div.slideshow > a > img {
      display: block;
      width: 100%;
   }

   p.navigace_info_zbozi {
      width: 100%;
   }

   p.navigace_info_zbozi a {
      width: auto;
      margin-bottom: 10px;
   }

   div.eshop_info_zbozi {
      float: none;
      display: block;
      width: 100%;
   }

   div.eshop_produkty > ul:not([class]) li {
      width: 33%;
      height: 100%;
      position: relative;
   }

   div.eshop_produkty > ul:not([class]) li > ins {
      position: absolute;
      top: 0;
      left: 0;
   }

   div.eshop_produkty > ul:not([class]) li ul.eshop_ceny li {
      width: 100%;
      white-space: nowrap;
      word-break: keep-all;
      overflow: visible;
   }

   div.eshop_produkty > ul:not([class]) li ul.eshop_ceny li label {
      width: 60px;
   }

   div.centerM_eshop > * {
      width: 100%;
   }

   h1.eshop_detail_produktu, 
   h2.eshop_detail_produktu {
      width: 100%;
   }

   div.eshop_produkty > ul:not([class]) li h2 {
      width: 100%;
   }

   div.eshop_produkty > ul:not([class]) li ul.eshop_ceny li {
      padding: 3px;
   }

   div.eshop_filtr_vyrobci {
      width: 100%;
      box-sizing: border-box;
   }

   div.eshop_filtr_vyrobci ul {
      width: 100%;
   }

   div.eshop_filtr_vyrobci ul::before {
      content: "";
      display: block;
      clear: both;
   }

   div.eshop_filtr_vyrobci ul li {
      width: auto;
      height: auto;
      padding: 0;
      margin: 10px 0;
   }

   div.eshop_filtr_vyrobci ul li a {
      width: auto;
      height: auto;
      padding: 5px 15px;
   }

   div.eshop_filtr_vyrobci ul li.seventh {
      border-right: 1px solid #8e8e8e;
   }

   div.eshop_filtr_vyrobci ul li span {
      height: auto;
      padding: 5px 15px;
   }

   div.eshop_produkty ul.vypis_kategorii li {
      width: auto; 
      height: auto;
      padding: 5px 10px;
   }

   div.eshop_pages a {
      padding: 4px 5px;
      margin: 3px 0;
      display: block;
      float: left;
   }

}

/* 880px */
@media only screen and (max-width: 55em) {

   div.eshop_produkty > ul:not([class]) li {
      width: 50%;
   }

   div.eshop_produkty > ul:not([class]) > li:nth-child(odd) {
      padding: 5px 10px 5px 0!important;
      border-right: 1px solid rgb(112,112,112)!important;
   }

   div.eshop_produkty > ul:not([class]) > li:nth-child(even) {
      padding: 5px 0 5px 10px!important;
      border: none!important;
   }

}

/* 688px */
@media only screen and (max-width: 43em) {

   div.centerL_eshop {
      width: 100%;
      display: block;
      float: none;
   }

   div.centerL_eshop::after {
      content: "";
      clear: both;
      display: block;
   }
   
   div.web_target {
      background-color: #adcaea;
      float: none;
      width: 100%;
      margin-bottom: 20px;
      box-sizing: border-box;
   }

   div.web_target > *:not(img) {
      display: none;
   }
   
   div.web_target > img {
      display: block;
      margin: 10px auto!important;
      width: 200px;
   }

   ul.info_kosik {
      width: calc(100% - 200px); /* 180px = width of .web_target */
                                                                     width: 100%;
      box-sizing: border-box;
      display: block;
      float: left;
      position: relative;
      padding: 50px 15px 10px 15px;
   }

   ul.info_kosik::after {
      display: block;
      content: "Nákupní košík";
      background-color: #a52431;
      position: absolute;
      top: 0;
      left: 0;
      padding: 5px 15px;
      box-sizing: border-box;
      width: 100%;
      height: 35px;
      line-height: 25px;
      font-size: 1.1em;
      font-weight: bold;
   }
    .B ul.info_kosik::after { background-color: #a52431; }
    .C ul.info_kosik::after { background-color: #006249; }
   
   .B ul.info_kosik { background-image: none; }
   .C ul.info_kosik { background-image: none; }

   ul.eshop_menu {
      width: calc(100% - 200px); /* 180px = width of .web_target */
                                                                     width: 100%;
      box-sizing: border-box;
      display: block;
      float: left;
      margin: 0 0 15px 0;
   }

   ul.eshop_menu li.subkategorie {
      width: 100%;
   }

   ul.eshop_menu li.subkategorie a.go {
      width: calc(100% - 20px);
      box-sizing: border-box;
   }

   ul.eshop_menu li.kategorie {
      width: 100%;
   }

   ul.eshop_menu li.kategorie ul li {
      width: 100%;
   }

   ul.eshop_menu li.kategorie a {
      width: 100%;
      box-sizing: border-box;
      padding: 8px 0 8px 20px;
   }

   ul.eshop_menu li.subkategorie div.eshop_vypis_kategorie {
      display: none!important;
   }

   ul.eshop_menu li.kategorie span,
   ul.eshop_menu li.kategorie a {
      width: 100%;
      box-sizing: border-box;
      padding: 11px 0 11px 20px;
   }

   ul.eshop_menu li.kategorie ul {
      width: 100%;
      box-sizing: border-box;
   }

   ul.eshop_menu li.kategorie ul.trideni_kategorie li a {
      width: 100%;
      box-sizing: border-box;
      padding: 8px 0 8px 25px;
   }

   div.eshop_produkty ul li ul.eshop_ceny li input.kosik {
      display: none;
   }

}

/* 432px */
@media only screen and (max-width: 27em) {

   div.eshop_produkty > ul:not([class]) li {
      width: 100%;
      padding: 5px 0!important;
   }

   div.eshop_produkty > ul:not([class]) > li:nth-child(odd) {
      border-right: none!important;
      padding: 5px 0!important;
   }

   div.eshop_produkty > ul:not([class]) > li:nth-child(even) {
      padding: 5px 0!important;
   }

   table.karta_zakaznika td {
      padding: 5px 0;
   }

   table.karta_zakaznika input, input.text {
      width: 100%;
   }

   input.button_another {
      width: 100%;
      padding: 10px 5px;
      box-sizing: border-box;
      display: block;
      background-size: auto 100%;
      font-weight: bold;
      font-size: .8em;
      margin: 0 0 10px 0;
   }

   input.button_objednavka {
      padding: 10px;
      box-sizing: border-box;
      background-size: auto 100%;
      font-weight: bold;
      font-size: .8em;
   }
   
   div.eshop_produkty ul.vypis_kategorii li {
      display: block;
      width: 100%;
      border-right: none;
      padding: 0;
   }
   
   div.eshop_produkty ul.vypis_kategorii li a {
      display: block;
      height: auto;
      width: 100%;
      padding: 7px 10px;
      box-sizing: border-box;
      font-size: 1.15em;
   }

}

/* 336px */
@media only screen and (max-width: 21em) {

   p.navigace_info_zbozi {
      margin: 10px 0 0;
   }

   p.navigace_info_zbozi a {
      width: 70%;
      display: block;
      float: none;
      margin: 10px auto!important; /* !important because of p.navigace_info_zbozi a#BTN_popis4 */
   }

}

/* **************************************************************** */
/* ************************ DETAIL ******************************** */
/* **************************************************************** */

/* 1040px */
@media only screen and (max-width: 65em) {

   div.eshop_detail_produktu div.e-produkt {
      width: 100%;
   }

   div.eshop_produkt_images {
      width: 45%;
   }

   div.eshop_produkt_images img {
      width: 100%;
   }

   div.eshop_detail_produktu div.eshop_produkt_info {
      width: 55%;
      margin-left: 0;
      padding: 0 0 0 10px;
   }

   div.eshop_detail_produktu div.eshop_produkt_info > .head {
      width: 100%;
   }

   div.eshop_detail_produktu div.eshop_produkt_info > form {
      width: 100%;
   }

   div.eshop_detail_produktu div.eshop_produkt_info p {
      width: 100%;
   }

   div.eshop_detail_produktu div.eshop_produkt_info p.cena span.cena {
      width: auto;
      padding-left: 0;
   }

   div.eshop_detail_produktu div.eshop_produkt_info p.eshop_info_mena {
      width: 100%;
      padding-left: 0;
      float: none;
   }

   div.eshop_detail_produktu div.eshop_produkt_info p.eshop_info_mena img,
   .eshop_btn_dokosiku_new {
      display: block;
      margin: 0 auto;
      float: none;
   }

   .eshop_popisy_zbozi {
      width: 100%;
   }

   div.eshop_detail_produktu .eshop_popisy_zbozi p.navigace {
      width: 100%;
      float: none;
      clear: both;
      padding: 35px 0 0;
      margin-top: 0;
   }

   div.eshop_detail_produktu .eshop_popisy_zbozi p.navigace::after {
      display: block;
      content: "";
      clear: both;
   }

   div.eshop_detail_produktu .eshop_popisy_zbozi div.popis_zbozi {
      width: 100%;
      float: none;
   }

}

/* 528px */
@media only screen and (max-width: 33em) {

   div.eshop_produkt_images {
      float: none;
      padding: 10px 0;
      display: block;
      margin: 0 auto;
      border: none;
      width: 50%;
   }

   div.eshop_detail_produktu div.eshop_produkt_info {
      float: none;
      padding: 10px 0;
      display: block;
      margin: 0 auto;
      width: 95%;
      border-top: 1px solid lightgrey;
      border-bottom: 1px solid lightgrey;
   }

   div.eshop_produkt_images::after,
   div.eshop_detail_produktu div.eshop_produkt_info::after {
      display: block;
      clear: both;
      content: "";
   }

}

/* 432px */
@media only screen and (max-width: 27em) {

  div.eshop_detail_produktu .eshop_popisy_zbozi p.navigace a {
    width: 50%;
    padding: 15px 5px;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    font-size: 0.9em;
  }

}

/* 336px */
@media only screen and (max-width: 21em) {

   div.eshop_produkt_images {
      width: 75%;
   }

}

/* **************************************************************** */
/* ********************* NAKUPNI KOSIK **************************** */
/* **************************************************************** */

/* 1040px */
@media only screen and (max-width: 65em) {

   table.nakupni_kosik {
      width: 100%;
      float: none;
   }

   ul.objednavka {
      width: 100%;
   }

   ul.objednavka li:not([class]) {
      width: calc(50% - 100px);
   }

   ul.objednavka li.B {
      width: calc(100% - 100px);
   }

   ul.platba {
      width: 100%;
   }

   ul.platba li {
      width: 100%;
      margin: 0;
   }

   textarea.komentar {
      width: 100%;
   }

   ul.objednavka li {
      white-space: nowrap;
      word-break: keep-all;
      overflow: hidden;
      padding: 5px 3px;
   }

   ul.objednavka li input,
   ul.objednavka li.B input {
      width: calc(100%);
   }

   ul.objednavka li strong::before {
      content: "*";
   }

}

/* 896px */
@media only screen and (max-width: 56em) {

   ul.platba li input[type="radio"] {
      width: 25px;
      height: 16px;
      display: block;
      float: left;
      margin: 7px 0;
   }

   ul.platba li label {
      width: calc(100% - 25px);
      display: block;
      float: left;
      height: 30px;
      line-height: 30px;
      white-space: nowrap;
      word-break: keep-all;
      overflow: visible;
   }

}

/* 688px */
@media only screen and (max-width: 43em) {

   div.centerL_eshop > p[class^="odstavec"] {
      width: 100%;
      padding: 5px;
      opacity: .65;
   }

   div.nakupni_kosik_right {
      width: 100%;
      float: none;
      background: none;
   }

   table.nakupni_kosik_right {
      width: 100%;
      float: none;
   }

}

/* 528px */
@media only screen and (max-width: 33em) {

   input.eshop_kos_back,
   input.eshop_kos_next {
      display: block;
      float: none;
      margin: 10px auto;
   }

   table.nakupni_kosik tr > td:first-child:not([colspan]) {
      display: none;
   }

   table.nakupni_kosik tr > td.celkem:nth-child(2)::before {
      content: "Celková cena:";
   }

   input.eshop_kos_calc {
      float: none;
   }

   ul.objednavka li:not([class]) {
      width: calc(100% - 100px);
   }

}