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

.burger-ico{display:none;width:36px;height:29px;background-image:url(images/burger-ico.png);float:right;color:#afafaf;padding-left:45px;background-repeat:no-repeat;background-position:left center;padding-top:15px;margin-top:29px;font-size:14px;  cursor:pointer;}
.burger-menu{display:none;position:absolute;background:#283C57;left:0;margin-top:105px;  width:100%;}
.burger-menu a{color:#fff; display: block; font-size: 16px; padding:15px; width: calc(100% - 30px);text-decoration: none; text-align: center; text-transform: uppercase; border-bottom:1px solid #1e1e1e;}
.burger-menu ul{list-style-type: none; list-style-position: inside; padding:0; margin:0;}
.mobile-book{display: none; background-color: #ffba00; padding:15px; width: calc(100% - 30px);color:#192439; font-weight: bold; font-size: 20px; cursor: pointer;}



@media screen and (max-width: 1280px) {
  body .footer .o{width: 96vw; margin-left: 2vw;}     
  body .footer-left {float: left;width: 100%;text-align: center;margin-bottom: 40px;}
  body .ban-cyklo{display: inline-block; margin-right: 0px; margin-bottom: 10px; vertical-align: top;}
  body .ban-sen{display: inline-block; vertical-align: top;}
  body .footer-right{float:none;width:100%;text-align:center;  margin-top:40px;  display:inline-block;}
  body .mail, body .ig, body .fb{float: none;}
  body .cyklisti,
  body .firma{float: none; display: inline-block; vertical-align: top; margin-top: 40px; margin-left: 10px; margin-right: 10px;}
  body .footer-bannery{float:left;margin-left:calc(50% - 165px);width:330px;text-align:center;}

  body .gallery {width: 96vw;}
  body .gallery .gallery-item {height: 14vw;}
  
  body .th {height: 310px;background-size: auto 310px;}
  body .theme-head {height: 450px;}

}

@media screen and (max-width: 1250px) {
  body .popt-form{padding:2vw;}
  body .form-left{width: 45%; margin-right: 5%;}
  body .form-right{width: 50%; margin-left: 0;}
  body .popt-form input,
  body .popt-form textarea {width: calc(100% - 30px);}
  body .popt-form select {width: 100%;}
  body .popt-form input.send-btn{display: inline-block; margin-left: 0;}
  body .gdpr-txt{text-align: left;}
  body .poptavka{width: 92vw; margin-left: 4vw;}
}

@media screen and (max-width: 1190px) {
  body .o{width: 96vw; margin-left: 2vw;} 
  body .quick-book{display: none;}
  body .articles{width: 100%;}
  body .page-content-model .page-content{width: 96vw; margin-left: 2vw;}
  body .contact-box{width: 92vw; margin-left: 4vw;}  
  body .col-left {width: 40%;margin-right: 5%;}
  body .col-right {width: 55%;}
  body .col-left input {width: calc(100% - 22px);}
  body .col-right textarea {width: calc(100% - 22px);}   
  body .plaketa{right:1vw;}
  body .rez-pobytu-btn{right:5px;}
  

  
}
@media screen and (max-width: 1100px) {
  body .burger-ico{display: block;}
  body .top-menu{display: none;}
}

@media screen and (max-width: 960px) {
  body .o{width: 92vw; margin-left: 4vw;} 
  body .page-content-model .page-content{width: 92vw; margin-left: 4vw;}
  body.page-restaurace table img{width: 45vw; margin-right: 5vw; height: auto;}
  body.page-restaurace table.noborder td:nth-child(1){width: 50vw !important;}
}   
                                       
@media screen and (max-width: 900px) {
  body .mobile-book{display: inline-block;}
  body .rez-pobytu-btn{display: none;}
  body .plaketa{top:164px;}
}

@media screen and (max-width: 800px) {
  body h1.nadpis,
  body h2.nadpis{font-size: 20px; margin-bottom: 20px; line-height: 28px;}
  body .poptavka h1{font-size: 20px; margin-bottom: 20px; line-height: 28px;}
  body .page-content-model .page-content h1{font-size: 20px; margin-bottom: 20px; line-height: 28px;}
  body .news-bar{padding-top: 30px; padding-bottom: 30px;}
  body .news-nadpis{font-size: 17px;}
  body .news-item{margin-bottom: 20px;}
  body .th {height: 210px;background-size: auto 210px;}
  body .theme-head {height: 350px;}
  
}

@media screen and (max-width: 740px) {
  body.page-kontakt table img{width: 45vw; margin-right: 5vw; height: auto;}
  body.page-kontakt table td:nth-child(1){width: 50vw !important;}
}

@media screen and (max-width: 700px) {
  body .th{background-position: center;}
  body .footer-left {width: 100%;text-align: center;}
  body .footer-right {float: left;width: 100%;text-align: center;margin-top: 30px;}
  body .fb,
  body .ig,
  body .mail{float: none;}
  body .cyklisti {float: none;margin-top: 32px;display: inline-block;}
  body .firma{float: none;margin-top: 32px;display: inline-block; margin-right: 15px; margin-left: 0;}
  body .news-img{width: 100%; background:none; margin:0; margin-bottom: 5px;}
  body .news-right{width: calc(100% - 50px); padding-left:25px; text-align: center;}
  body .news-item{height: auto; padding-bottom: 20px; padding-top: 20px;}
  body .map-container{display: none;}
  body table.fun img{width: 40vw; height: auto;}
  body .page-content .text table.fun td:nth-child(2n+1) {width: auto !important;}
  body .poptavka{padding-bottom: 30px;}
}

@media screen and (max-width: 610px) {
  body .col-left {width: 100%;margin-right: 0%;}
  body .col-right {width: 100%;}
  body .col-left input {width: calc(100% - 22px);}
  body .col-right textarea {width: calc(100% - 22px);}
  body .form-left{width: 100%; margin-right: 0%;}
  body .form-right{width: 100%; margin-left: 0;}
  body .plaketa {width: 107px;height: 113px;background-size: cover;}
  body .gallery .gallery-item {width: calc(50% - 8px);overflow: hidden; height: 29vw;}
  body .gallery .gallery-item:nth-child(4n){margin-right: 10px;} 
  body .gallery .gallery-item:nth-child(2n){margin-right: 0px;} 
}

@media screen and (max-width: 520px) {
  body.page-cenik .page-content .text table{font-size: 11px; line-height: 16px;}
  body.page-cenik .page-content .text table td{padding:5px; border:1px solid #dedede;}
  body.page-restaurace table img,
  body.page-restaurace table.noborder td:nth-child(1){display:none;}
  body .bar-text {text-align: center;}
}

@media screen and (max-width: 460px) {
  body .logo {margin-top: 27px;width: 180px;}
  body .burger-ico{margin-top: 19px;}
  body .menu-bar{height: 86px;}
  body .burger-menu{margin-top: 86px;}    
  body .burger-menu a{font-size: 14px;}
  body .theme-head{height: 260px;}
  body .logo-foot{width: 230px;}
  body .plaketa{top:140px;}
  
  body .th{margin-top: 123px;height: 140px; background-size: auto 140px;}
  
  
}

@media screen and (max-width: 420px) {
  body.page-kontakt table img,
  body.page-kontakt table td:nth-child(1){display: none;}
  body.page-kontakt .page-content-model .page-content .text{text-align: center;}
  body .popt-form input.send-btn {width: 284px;height: 53px;font-size: 14px;}
  body .ban-cyklo, body .ban-chaty{margin-left:0px;margin-right:0px;margin-bottom:10px;}
  body .ban-cyklo, body .ban-chaty{width:80vw;height:32vw;background-size:cover;}
  body .footer-bannery {width: 80vw; margin-left: 8vw;}
}

@media screen and (max-width: 375px) {
  body .head-info{display: none;}
  body table.fun td:nth-child(1){display: none;}
  body .page-content .text table.fun td{padding:15px;}
  body .page-content .text table.fun{margin-bottom: 15px;}
  body.page-zabava .page-content-model .page-content .text{text-align: center;}
}