/*
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) {
  header {height: 200px;}
  #logo {margin: 0 auto;}
  #logo p {padding: 10px 0 0 20px;}
  #logo p a {height: 120px; background-size: 75%;}
  #page1 .menu-row {margin: 5px 0 0 0;}
  .menu {width: 100%; text-align: center;}
  .menu li a {width: 125px; padding: 20px 1px 20px 1px; margin: 4px 1px 4px 1px; font-size: 16px; letter-spacing: 1px;}
  .menu ul {width: 125px;}
  .menu ul a {width: 125px; margin: 0; padding: 4px 0 4px 0; letter-spacing: 1px;}
  #menu li:hover ul a:hover, #menu li.sfHover ul a:hover {width: 125px;}
  .is-sticky #sticker #logo p a {height: 0; background-size: 0;}
  .is-sticky #sticker .menu-row {top: -20px;}
  .is-sticky #sticker .menu ul {text-align: center; width: 125px;}
  .is-sticky #sticker .menu li a {width: 125px; font-size: 16px; letter-spacing: 1px;}
  #mod36 {margin: -200px 10px 0 0;}
  .galerie0 {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
}

@media only screen and (max-width: 984px) {
  header {height: 200px;}
  #logo {margin: 0 auto;}
  #logo p {padding: 10px 0 0 20px;}
  #logo p a {height: 120px; background-size: 75%;}
  #page1 .menu-row {margin: 5px 0 0 0;}
  .menu {width: 100%; text-align: center;}
  .menu li a {width: 97px; padding: 20px 1px; margin: 4px 1px; font-size: 14px; letter-spacing: 1px;}
  .menu ul {width: 97px;}
  .menu ul a {width: 97px; margin: 0; padding: 4px 0 4px 0; letter-spacing: 1px;}
  #menu li:hover ul a:hover, #menu li.sfHover ul a:hover {width: 97px;}
  .is-sticky #sticker #logo p a {height: 0; background-size: 0;}
  .is-sticky #sticker .menu-row {top: -20px;}
  .is-sticky #sticker .menu ul {text-align: center; width: 125px;}
  .is-sticky #sticker .menu li a {width: 97px; padding: 20px 1px; font-size: 14px; letter-spacing: 1px;}
  #mod36 {margin: -210px 10px 0 0;}
  .piktogramy {width: 31%; margin: 0 1% 50px;}
  .piktogramy:nth-child(3n+1) {clear: both;}
  .galerie0 {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
  #content .prehled0 li {width: 48%; margin: 0 1%;}

}

/*------------iPhone 6 šířka------------*/
@media only screen and (max-width: 767px) {
  .menu {width: 100%; text-align: center;}
  .menu li a {width: auto; padding: 20px 7px; margin: 4px 1px; font-size: 13px; letter-spacing: 1px;}
  .menu ul {}
  .menu ul a { margin: 0; padding: 4px 0 4px 0; letter-spacing: 1px;}
  #menu li:hover ul a:hover, #menu li.sfHover ul a:hover {}
  .is-sticky #sticker .menu-row {top: -20px;}
  .is-sticky #sticker .menu ul {text-align: center; }
  .is-sticky #sticker .menu li a {width: auto; padding: 20px 7px; margin: 4px 1px; font-size: 13px; letter-spacing: 1px;}
  #mod36 {margin: -200px 10px 0 0;}
  .uvod4 .foto {width: 46%; margin: 10px 2%;}
}

/*-----------iPhone výška-------------*/
@media only screen and (max-width: 619px) {
  header {height: 150px; background: #23292c url(../UserFiles/Image/images/logo.png) no-repeat center 50px; background-size: 90px;}
  #logo {margin: 0 auto;}
  #logo p {padding: 15px 0;}  
  #logo p a {height: 100px; margin: 30px 0 0; background-size: 90px; background: url(../UserFiles/Image/images/logox.png);}
  #content1 .slider-wrapper {display: none;}
  #content1 .slider-mobil {display: block;}
  .is-sticky #sticker #logo p a {z-index: 300; display: none;}
  #mod36 {width: 190px;margin: -170px 10px 0 0;}
  .piktogramy {width: 48%; margin: 0 1% 50px;}
  .piktogramy:nth-child(3n+1) {clear: none;}
  .piktogramy:nth-child(2n+1) {clear: both;}
  .boxvlevo {float: none; width: 100%;}
  .galerie0 {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
  #content .prehled0 li {width: 100%; margin: 0 0 1px;}
  .mapa {margin: 20px auto 0 15px;}
  .prehled-foto {float: none; width: 98%; margin: 0 1% 20px;}
  .prehled-foto-snimek {width: 100%; height: auto;}
  .prehled-foto-snimek .fotoprodej {height: auto;}
}

@media only screen and (max-width: 320px) {
  .piktogramy {float: none; width: 100%; margin: 0 0 50px;}
  .uvod4 .foto {width: 96%; margin: 10px 2%;}
}