/*
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) {
  body {background-image: none;}
  header {height: 105px;}
  .menu li a {padding: 20px 4px 6px;}
  .menu > li > a:hover {padding: 20px 4px 6px;}
  .is-sticky #sticker .menu li a {padding: 20px 4px 6px;}
  .is-sticky #sticker .menu > li > a:hover {padding: 20px 4px 6px;}
  #content1 {width: 100%; margin: 0;}
  .galerie-obsah-nahled {width: 23%; min-height: 220px;}
  .galerie-obsah-nahled:nth-child(4n+1) {clear: both;}
  .galerie-obsah-nahled:nth-child(5n+1) {clear: none;}
}

@media only screen and (max-width: 984px) {
  body {background-image: none;}
  #logo, .menu {width: 100%;}
  #logo p {margin: 0 auto;}
  header {height: 152px;}
  .menu li a {padding: 20px 15px 6px;}
  .menu > li > a:hover {padding: 20px 15px 6px;}
  .is-sticky #sticker .menu-row {height: 93px;}
  .is-sticky #sticker .menu li a {padding: 20px 15px 6px;}
  .is-sticky #sticker .menu > li > a:hover {padding: 20px 15px 6px;}
  #content1 {width: 100%; margin: 0;}
  #content2 {padding: 30px 5% 40px; text-align: center;}
  .uvod2 .box1 {float: none; width: 100%; padding: 0;}
  .uvod2 .box2, .uvod2 .box3 {float: left; width: 47.5%; padding: 20px; margin: 30px 5% 0 0; background-color: rgba(189,189,179,0.3); border-radius: 4px;}
  .uvod2 .box3 {margin: 30px 0 0;}
  .uvod2 .box .kolecko p span {margin: 0;}
  .koleckotext {float: none; margin: 0 0 10px 0;}
  .galerie-obsah-nahled {width: 23%; min-height: 220px;}
  .galerie-obsah-nahled:nth-child(4n+1) {clear: both;}
  .galerie-obsah-nahled:nth-child(5n+1) {clear: none;}
}

/*------------iPhone 6 šířka------------*/
@media only screen and (max-width: 767px) {
  #content {padding: 30px 5% 40px;}
  .uvod3 .autoplay {padding: 0 3%;}
  .copyright .copyrightfirm, .copyright .copyrightcorp {float: none; padding: 0; text-align: center;}
  #content .box, #content .box:nth-child(2n+1) {float: none; width: 100%; margin: 0;}
  .obrazek-vpravo, .obrazek-vlevo {float: none; clear: both; width: 100%; margin: 20px 0 40px; padding: 10px; border-radius: 4px; transform: rotate(0deg); box-shadow: 0 10px 20px rgba(55,55,55,0.1);}
  fieldset {padding: 40px 10% 30px;}
  .labkontakt {width: 30%; float: left;}
  fieldset #jmeno, fieldset #telefon, fieldset #email, textarea {width: 65%;}
  .formular-tlacitka {margin: 0 auto;}
  #tlacitka {padding-left: 20%;}
  .galerie-obsah-nahled {width: 31.333%; min-height: 220px;}
  .galerie-obsah-nahled:nth-child(3n+1) {clear: both;}
  .galerie-obsah-nahled:nth-child(4n+1) {clear: none;}
}
 

/*-----------iPhone výška-------------*/
@media only screen and (max-width: 640px) {  
  fieldset {margin: 0 0 20px;}
  header {height: 70px;}
  #logo {position: absolute; width: auto; margin: 0 auto 0 5%;}
  #logo p {width: 200px;}
  #logo p a {height: 56px;}
  .overlay {display: block;}
  .menu-row {display: none;}
  #content2 {padding: 30px 5% 40px; text-align: center;}
  #content4 {padding: 10px 5% 40px;}
  .novinka {float: none; width: 100%; margin: 0 0 5%;}
  .novinka:nth-child(2n+1) {margin: 0 0 5% 0;}
  #content5 {padding: 30px 5% 40px;}
  .uvod5 .box {float: none; width: 100%; margin: 30px 0 0;}
  #paticka {text-align: center;}
  #paticka .col-2-4 .kachle {top: 0; margin-top: -250px;}
  #paticka .col-3-4 {margin-top: 50px; text-align: center;}
  fieldset {padding: 40px 10% 30px;}
  .labkontakt {width: 100%; float: none;}
  fieldset #jmeno, fieldset #telefon, fieldset #email, textarea {width: 95%; margin: 5px 0;}
  fieldset input {width: 50%; margin: 0;}
  fieldset img {width: 40%; margin: 0 5% 10px 0;}
  .formular-tlacitka {margin: 0 auto;}
  #tlacitka {padding-left: 10%;}
  .galerie-obsah-nahled {width: 48%; min-height: 190px;}
  .galerie-obsah-nahled:nth-child(2n+1) {clear: both;}
  .galerie-obsah-nahled:nth-child(3n+1) {clear: none;}
}


@media only screen and (max-width: 320px) {
  .galerie-obsah-nahled {width: 100%; min-height: 230px; margin: 10px 0;}
  .galerie-obsah-nahled:nth-child(1n+1) {clear: both;}
  .galerie-obsah-nahled:nth-child(2n+1) {clear: none;}
}