/*
Free Html5 Responsive Templates
Author: Kimmy Tran
Author URI: http://www.zerotheme.com/
*/
html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}
/*------------------------*/

@media only screen and (max-width: 1300px) and (min-width:985px) {
  #logo {width: auto;}
  #logo p {margin: 0 0 0 30px;}
  .menu {width: auto; margin: 0 30px 0 200px;}
  .menu li a {padding: 10px 6px; margin: 0 0 0 2px; font-size: 15px;}
  .menu ul {margin: 0 0 0 -18px;}
  .menu ul a {margin: 0; padding: 1px 10px; font-size: 14px;}
  .is-sticky #sticker .menu-row {top: -100px; padding: 8px 3% 8px 0;}
  .is-sticky .menu li a {padding: 10px 6px; margin: 0 0 0 2px; font-size: 15px;}
  .is-sticky #sticker .menu ul {margin: 0 0 0 2px; padding: 10px 0 0 0;}
  .is-sticky #sticker .menu li:hover ul, .is-sticky #sticker .menu li.sfHover ul {top: 52px;}
  .is-sticky #sticker .menu ul a {font-size: 14px; margin: 0; padding: 1px 10px;}
  #content2 .col-1-3 {min-height: 340px;}
  #content2 .col-2-3 .fotouvod {min-height: 400px;}
  .pristroj {min-height: 500px;}
  .nastym {width: 32%; min-height: 495px;}
  .nastym:nth-child(4n+1) {clear: none;}
  .nastym:nth-child(3n+1) {clear: both;}
  .videa iframe {width: 420px; height: 236px;}
}

@media only screen and (max-width: 984px) {
  header {height: 180px; z-index: 5500;}
  #logo {width: auto;}
  #logo p {padding: 10px 0 0 0; margin: 0 auto;}
  .menu-row {top: 18px;}
  .menu {width: auto; margin: 0; text-align: center;}
  .menu li a {padding: 10px 7px; margin: 0 0 0 2px; font-size: 15px;}
  .menu ul {margin: 0 0 0 1px;}
  .menu ul a {margin: 0; padding: 1px 10px; font-size: 14px;}
  .is-sticky #sticker #logo p a {background-size: 0; z-index: 0;}
  .is-sticky #sticker .menu-row {top: -100px; padding: 8px 0;}
  .is-sticky .menu li a {padding: 10px 7px; margin: 0 0 0 2px; font-size: 15px;}
  .is-sticky #sticker .menu ul {margin: 0 0 0 2px; padding: 10px 0 0 0;}
  .is-sticky #sticker .menu li:hover ul, .is-sticky #sticker .menu li.sfHover ul {top: 52px;}
  .is-sticky #sticker .menu ul a {font-size: 14px; margin: 0; padding: 1px 10px;}
  #content2 .col-1-3 {min-height: 380px;}
  #content2 .col-2-3 .fotouvod {min-height: 442px;}
  .fotogalerie {width: 24%; min-height: auto;}
  .fotogalerie:nth-child(5n+1) {clear: none;}
  .fotogalerie:nth-child(4n+1) {clear: both;}
  .fotogalerie-foto {height: auto;}
  .nemoc-foto {float: left; width: 35%; margin: 0 5% 20px 0;}
  .nemoc-foto img {width: auto;}
  .nemoc-popis {float: left; width: 60%;}
  .mapagoogle {float: none; width: 100%; margin: 30px 0 0;}
  .videa {float: none; width: 100%; height: auto; margin: 30px 0 0;}
  .nastym {width: 49%; min-height: 495px;}
  .nastym:nth-child(4n+1) {clear: none;}
  .nastym:nth-child(3n+1) {clear: none;}
  .nastym:nth-child(2n+1) {clear: both;}
  #jmeno {width: 50%;}
  #content2 .tlacitko {width: 230px;}
  #content2 .tlacitko a {width: 200px;}
}

/*------------iPhone 6 šířka------------*/
@media only screen and (max-width: 767px) {
  header {height: 180px; z-index: 5500;}
  #logo {width: auto;}
  #logo p {padding: 10px 0 0 0; margin: 0 auto;}
  .menu-row {top: 18px;}
  .menu {width: auto; margin: 0; text-align: center;}
  .menu li a {padding: 10px 4px; margin: 0; font-size: 13px; letter-spacing: 1px;}
  .menu ul {margin: 0 0 0 1px;}
  .menu ul a {margin: 0; padding: 1px 10px; font-size: 13px; letter-spacing: 1px;}
  .is-sticky #sticker #logo p a {background-size: 0; z-index: 0;}
  .is-sticky #sticker .menu-row {top: -100px; padding: 8px 0;}
  .is-sticky .menu li a {padding: 10px 4px; margin: 0; font-size: 13px;}
  .is-sticky #sticker .menu ul {margin: 0 0 0 2px; padding: 10px 0 0 0;}
  .is-sticky #sticker .menu li:hover ul, .is-sticky #sticker .menu li.sfHover ul {top: 52px;}
  .is-sticky #sticker .menu ul a {font-size: 14px; margin: 0; padding: 1px 10px;}
  #content2 .col-1-4, #content2 .col-3-4 {float: none; clear: both; width: 86%; min-height: auto; margin: 30px 0 0 3%; padding: 30px 4%;}
  #content2 .col-3-4 {margin: 50px 3% 0;}
  #content2 .col-1-3 {min-height: 450px;}
  #content2 .col-2-3 .fotouvod {min-height: 514px;}
  .uvod3 img {float: none; margin: 20px 0;}
  #paticka li {list-style: none; text-align: center;}
  .fotogalerie {width: 32%;}
  .fotogalerie:nth-child(5n+1) {clear: none;}
  .fotogalerie:nth-child(4n+1) {clear: none;}
  .fotogalerie:nth-child(3n+1) {clear: both;}
  
  .pristroj {width: 95%; min-height: auto;}
  .nemoc-foto {float: none; width: 100%; margin: 0 0 20px 0;}
  .nemoc-popis {float: none; width: 100%;}
  .obrazek-vpravo {clear: both; width: 100%; float: none; margin: 0 0 10px;}
  .obrazek-vlevo {clear: both; width: 100%; float: none; margin: 0 0 10px;}
  .labkontakt {width: 100%; float: none; padding: 10px 0 20px;}
  #jmeno, #tel, #mail {width: 90%;}
}

/*-----------iPhone výška-------------*/
@media only screen and (max-width: 640px) {  
  header {height: 0;}
  dt {padding: 0 0 0 0px;}
  dd {margin: 0 0 0.5em 100px;}
  h1 {font-size: 50px; line-height: 100%; letter-spacing: 1px;}
  h2 {line-height: 110%; letter-spacing: 1px;}
  .qrkod {float: none; margin: 0 0 5px 0;}
  #logo {display: none;}
  .menu-row, .is-sticky #sticker .menu-row {height: 0; padding: 0; border-bottom: 0;}
  #paticka .col-2-4 {margin: 40px 0;}
  .stranka {padding: 0 30px 30px;} 
  #content2 .col-1-3, #content2 .col-2-3 {width: 94%; min-height: auto; margin: 10px 0;}
  #content2 .col-2-3 {width: 100%;}
  .videa iframe  {width: 250px; height: 180px;}
  .fotogalerie {width: 99%;}
  .fotogalerie:nth-child(5n+1) {clear: none;}
  .fotogalerie:nth-child(4n+1) {clear: none;}
  .fotogalerie:nth-child(3n+1) {clear: none;}
  .fotogalerie:nth-child(2n+1) {clear: none;}
  .fotogalerie:nth-child(1n+1) {clear: both;}
  .nastym {width: 99%; min-height: auto;}
  .nastym:nth-child(2n+1) {clear: both;}
  .nastym:nth-child(1n+1) {clear: none;}
  .tlacitko {width: 240px;}
  .labkontakt {width: 100%; float: none; padding: 10px 0 20px;}
  #jmeno, #tel, #mail {width: 90%;}
}

@media only screen and (max-width: 320px) {
  fieldset {width: 80%;}
  dt {width: 100%; padding: 0 0 0 0px;}
  dd {float: none; width: 100%; margin: 0 0 0.5em 20px;}
  h1 {font-size: 40px; letter-spacing: 0;}
  .videa iframe  {width: 200px; height: 150px;}
  #form-tlac {width: 100%;}
  #form-tlac input {width: 90%;}
  .tlacitko {width: auto;}
}