/*
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) {
  .menu li a {padding: 13px 10px 9px 10px; margin: 0 0 0 -4px; font-size: 13px; letter-spacing: 0;} 
  .piktogram {width: 180px;}
  .uvod4 {padding: 10px 40px 10px 180px;}
}

@media only screen and (max-width: 984px) {
  #logo {float: none;}
  #logo p {width: auto; padding: 0; margin: 0; text-align: center;}
  #hlavickatext1 {font-size: 16px;}
  #hlavickatext2 {float: right; top: -25px; width: 220px; height: 12px; text-align: left; font-size: 12px;}
  .menu-row {margin: 20px 3% 0 3%;}
  .menu li a {padding: 13px 3px 9px 3px; font-size: 11px; letter-spacing: 0;}
  .menu li:hover ul, .menu li.sfHover ul {top: 172px;}
  #content4 {background: none; background-color: #727271;}
  .uvod4 {padding: 10px 0px 10px 0px;}
  .piktogram {width: 230px;}
  .uvod6 h2 {font-size: 190%;}
  .produkt {width: 22%; height: 350px;}
  .box-foto {height: 150px;}
  #content .produkt-box h2 {height: 50px;} 
}

/*------------iPhone 6 šířka------------*/
@media only screen and (max-width: 767px) {
  #hlavickatext1 {position: relative; text-align: center; margin: 5px 0 0 0; padding: 0 0 2px 0;}
  #hlavickatext2 {display: none;}
  .menu li a {padding: 13px 3px 9px 3px; margin: 0 0 0 -4px; font-size: 11px; letter-spacing: -1px;}
  .menu li:hover ul, .menu li.sfHover ul {top: 213px;}
  .uvod5foto {width: 95%;}
  #content {font-size: 9px;}
  #content6 {padding: 10px 0 10px 0;}
  .uvod6 p {padding: 0;}
  .uvod6 h2 {font-size: 80%;}
  .uvod6 h2 span {padding: 0 2px; color: #e4e4e4;}
  .produkt-box {width: 22%; height: 170px;}
    .box-foto {height: 120px;} 
  .obrazek-vpravo {float: none;}
}

/*-----------iPhone výška-------------*/
@media only screen and (max-width: 619px) {
  #content {border-top: 0; font-size: 12px;}
  #content1 {display: none;}
  .produkt-box {width: 44%; height: 210px;}
    .box-foto {height: 145px;}
  .produkt {width: 42%; height: 350px;}
  .tabulka1, .tabulka2 {width: 99%; font-size: 10px; letter-spacing: 0;}
}

@media only screen and (max-width: 320px) {
   #content1 {display: none;}
  .uvod2 h1, .uvod4 h2 {font-size: 120%; line-height: 200%; }
  .produkt-box {width: 92%; height: 200px;}
  .produkt {width: 92%; height: auto;}
  .tabulka1, .tabulka2 {font-size: 9px; letter-spacing: 0;}
}