@-ms-viewport {width: device-width;}
input[type="button"],
input[type="submit"],
input[type="text"],
textarea{-webkit-appearance: none;}


@media screen and (max-width: 1400px) {
  body.page-home .theme-txt h1{font-size:60px;margin-top:50px;}
  body.page-home .theme-txt h2{font-size:30px;margin-bottom:50px;}
  body .txt{width: 80%;}
  body .foto-1,
  body .foto-2 {width: 43vw;}
  body .nabidka{background-size: cover;}
  body .copy-bar .o {width: 90vw;}
  body .foot {height: auto;padding-bottom: 20px;background-size: cover;background-position: center;}
  body .onas{padding-top: 8vw; padding-bottom: 8vw;}
  body .onas .o{width: 90vw; }
  body .foto .o{width: 90vw; padding-top: 8vw; padding-bottom: 8vw;}
  body .rezervace-box{padding-top: 8vw;}
  body .dynamic-page{width:90vw;  padding-top:8vw;   padding-bottom:8vw;}
}

@media screen and (max-width: 1106px) {
  body .left-txt-img {width: 38vw;height: auto;margin-right: 5vw;margin-bottom: 4vw;}
}

@media screen and (max-width: 940px) {
  body .gallery-item{width: calc(45vw - 20px); height: 27vw; overflow: hidden;}
  body .gallery-item img{width: auto; height: 27vw; min-width:unset; min-height:unset;}
  body .dynamic-page .dev-html-block a.more{margin-bottom: 0; margin-top: -40px; position: absolute;}
}

@media screen and (max-width: 900px) {
  body .copy-left{float:none;text-align:center;}
  body .foot-logo{float:none;  margin-top:40px;}
  body .adresa{float:none;border-left:none;text-align:center;padding-left:0;margin-left:0;width:100%;}
  body .copy-right{float:none;text-align:center;}
  body a.fb{display:inline-block;float:none;}
  body .foot{padding-bottom:40px;}
}

@media screen and (max-width: 780px) {
  body .onas h3,
  body .nabidka-nadpis,
  body .foto-nadpis,
  body .rezervace-nadpis {font-size: 30px;}  
  body .pr {font-size: 18px;}
  body .dynamic-page h1{font-size: 30px; margin-bottom: 8vw;}
  body.page-rezervace .dynamic-page h1 {font-size: 30px !important;}
}

@media screen and (max-width: 740px) {
  body .top-bar img {width: 146px;}
  body .top-bar {height: 130px;}
  body .menu-bar a{font-size: 16px;}
  body .menu-bar {margin-top: 20px;}
  body.page-home .cara{height: 4px;}
  body.page-home .theme-txt h1 {font-size: 42px;margin-top: 30px; margin-bottom: 10px;}
  body.page-home .theme-txt h2 {font-size: 22px;margin-bottom: 30px;}
  body .nabidka-box {width: calc(86vw - 100px); margin-top: 0;}
  body .nabidka{height: auto; padding-top: 60px; padding-bottom: 60px;}
  body .txt {font-size: 16px;line-height: 25px;} 
  body .dynamic-page .dev-html-block {font-size: 16px;line-height: 25px;}
  body .onas{padding-top:11vw;padding-bottom:11vw;}
  body .foto .o{padding-top:11vw; padding-bottom:11vw;}
  body .rezervace-box{padding-top:11vw;}
  body .theme{height: 190px;}
  body .form-custom .prvni-radek-poptavky .form-group {width: 100%;margin-right: 0; margin-bottom: 5px;}
  body .form-custom .druhy-radek-poptavky .form-group {width: 100%;}
  body .form-custom .druhy-radek-poptavky .form-group textarea{height: 100px;}
  body .box.box-datum {margin-right: 20px;width: calc(100% - 240px);}
  body .box.box-cas{width:100px;margin-right: 20px;}
  body .box.box-osob{width:100px; margin-right: 0;}
}

@media screen and (max-width: 620px) {
  body .foto-1, body .foto-2 {width: 100%;}
  body .foto-2{display: none;}
  body .nabidka-btn {font-size: 19px;margin-bottom: 10px;padding: 12px;}
  body .nabidka .pr{margin-bottom: 30px;}  
  body .ramecek{padding:22px 40px;}
  body .copy-bar{width:100%;border-top:none;margin-top:10px;}
  body .ramecek a {font-size: 24px;}
  body .pr{margin-bottom: 40px;}
  body .left-txt-img {width: 100%; margin-right: 0; height: auto;} 
  body.page-rezervace .dynamic-page h1{font-size:26px !important;}
  body .rez-send{font-size:16px;font-weight:200;padding:10px 20px;}
  body .gdpr-txt{margin-top:10px;}
  body.page-rezervace .dynamic-page .dev-html-block{margin-bottom: 20px;}
}

@media screen and (max-width: 530px) {
  body .top-bar img{width:106px;}
  body .top-bar{height:100px;}
  body .menu-bar a{margin-left:10px;margin-right:10px;  }
  body .menu-bar a{font-size:14px;}
  body.page-home .theme-txt h1{font-size:32px;}
  body.page-home .theme-txt h2{font-size:18px;}
  body.page-home .cara {height: 2px;}
  body .nabidka-box{padding:30px; width: calc(86vw - 60px);}
  body .txt {width: 100%;}  
  body .onas h3,
  body .nabidka-nadpis,
  body .foto-nadpis,
  body .rezervace-nadpis {font-size: 23px;}  
  body .pr {font-size: 16px;}
  body .theme {height: 157px;}
  body .dynamic-page h1{font-size: 23px;} 
}
@media screen and (max-width: 460px) {
  body .rezervace-box {padding-left: 20px; padding-right: 20px;}
  body .dynamic-page .dev-html-block {font-size: 14px;line-height: 23px;}
  body .nabidka {padding-top: 30px;padding-bottom: 30px;}
  body .nabidka-box .pr{font-size: 16px;}
}

@media screen and (max-width: 430px) {
  body .foto .pr {margin-bottom: 43px;}  
  body.page-home .theme-txt {margin-top: calc(36vh - 120px);} 
  body.page-rezervace .dynamic-page h1{font-size:20px !important;}
  body .form-custom .form-group input{font-size:14px;}
  body .form-custom .form-group textarea{font-size: 14px;}
  body .box-nadpis{font-size: 14px;}
  body .box.box-datum{margin-right:0;width:100%;}
  body .box.box-cas{width:100%;margin-right:0;margin-top:16px;margin-bottom:16px;}
  body .box.box-osob {width: 100%;margin-right: 0;}
  body .rez-send {font-size: 14px;padding: 10px 20px;}
  body .ramecek {padding: 22px 28px;}
  body .ramecek a {font-size: 18px;margin-top: 4px;margin-bottom: 4px;display: inline-block;}  
  body .oteviracka {font-size: 16px;}
}

@media screen and (max-width: 380px) {
  body a.arrow{width:70px;height:23px;margin-left:-35px;background-size:70px;}
  body .menu-bar a{margin-left:6px;margin-right:6px;  font-size:12px;}
  body.page-home .theme-txt h1{font-size:24px;}
  body.page-home .theme-txt h2{font-size:15px;}
  body .nabidka-btn{font-size:15px;margin-bottom:10px;padding:10px;}
  body .nabidka-box{padding:20px;width:calc(86vw - 36px);} 
  body .onas h3,body .nabidka-nadpis,
  body .foto-nadpis,
  body .rezervace-nadpis{font-size:20px;}
  body .pr{font-size:14px; margin-top:8px;}
  body .dynamic-page h1{font-size: 20px;} 
}