/* RESPONSIVE *****************************************************************/

@media only screen and (max-width: 1050px) {
  header #headerblock {padding-right:0;right:0;}
  body {width:100%;min-width:auto;}
  .container {width:100%;padding-left:10px;padding-right:10px;box-sizing:border-box;}
  footer .footbox {margin-right:0px;width:18%;}
  footer .footright {width:28%;}
  footer #footnewsletter input[type=text] {width:90%;}
  footer #partneri a {padding-right:30px;}
  .list-1 .block-half {width:50%;padding-right:10px;box-sizing:border-box;margin-left:0 !important;}
  #homenews .container, #homeevents .container {text-align:center;}
  .list-1 .homenews * {text-align:left;}
  .list-1 .homenews {vertical-align:top;margin-left:7px !important;margin-right:7px !important;display:inline-block;float:none;margin-bottom:5px;}
  #homeblocks .container {padding-left:0;padding-right:0;}
  #xuvod .homeblock-1 {width:33.3%;width:33.3%;height:320px;height:33.3vw;}
  #xuvod .homeblock-2 {width:50%;height:160px;height:16.65vw;}
  #xuvod .homeblock-2:hover .homelink .homeimg {width:auto;height:100%;}
  #xuvod .homelink p {padding:0 20px;width:auto;}
  #xuvod .homelink:hover .homeimg, #xuvod .homelink .homeimg {width:auto;height:100%;left:0;top:0;}
  #xuvod .homelink#boxpocasi .boxpocasi {width:28%;}
  #xuvod .homelink#boxpocasi .boxpocasi.big {width:100%;}
  #xuvod .list-1 .container {padding:35px 10px 35px 10px;}
  header #headermenu > ul > li > a span {padding:0 8px !important;}
  #content .centercontent, #content .centercontent.full, #content .centercontent.xfull, #content .left {width:auto !important;float:none !important;box-sizing:border-box;clear:both;}
  #xpocasi #content .webcambox {float:none;width:100%;}
  #xpocasi #content .webcambox .webcam img {width:100%;}
  #content .lefttour {float:none;margin: 0 auto;}

  #content .leftmenu {display:none;}  
  #gfotobox {display:none;}
  /*#content .right {display:none;}*/
  table.deska .head td:first-child {min-width:80px;}
  #content .cardblock.subjekt .iconline {position:static;float:right;}
  #content .container img {max-width:100%;}
  #content .container .tile2  img {max-width:unset;}
  #content .lefttour {padding-right:20px;padding-bottom:20px;}
  #content .lefttour #leftfoto img {max-width:190px;}
  #content .rightline {box-sizing:border-box;width:100%;padding:20px 35px 0 35px;}  
  #content .cardblock .cardphoto img {max-width:none;}
  #content .right {float:none;margin:0 auto 10px auto;}
  #xlanovka .homeblock-1 {width:auto !important;}
  body#xturisticke-trasy #content .container, body#xturisticke-cile #content .container, body#xzabava-pro-deti #content .container, body#xcyklotrasy #content .container {width:100%;padding-left:0;padding-right:0;}
  .tile2.white {width:100% !important;height:auto !important;}
  .tile2.white .popis p {height:auto !important;}   
  .tile2 {width:50% !important;overflow:hidden;}
  .tile2.small .foto img, .tile2.small:hover .foto img {height:100%;margin:0;float:right;}
  .tile2 .popis p {height:198px;overflow:hidden;}
  .tile2:hover .foto img {width:300px;margin-left:-19px;margin-top:-19px;}
  .tile2.small .popis {float:left;width:50%;height:100%;padding:17px 20px;box-sizing: border-box; }

  
  /* mapa */
  #mapbox, #mapbox #maplayer {height:auto !important;background:#002334;}
  #mapbox #maplayer {width:100% !important;padding:30px 35px;box-sizing:border-box;position:static !important;}
  #mapbox #maplayer .mapmarker {width:32%;display:inline-block;position:static;height:50px;}
  #mapbox #maplayer .mapmarker .marker img {margin:0 10px 0 0;}
  #mapbox #maplayer .mapmarker .marker span {position:static;width:auto;display:inline-block;line-height:36px;width:auto !important;vertical-align:top;}
  #mapbox #maplayer #mapimg {display:none !important;} 
  #mapzoom1, #mapzoom2, #mapfooter {display:none !important;}
  #mapbox #maplayer .mapmarker .mapcontent {position:fixed !important;z-index:100;margin:0px 0 0 -115px !important;left:50% !important;top:10% !important;}
  #mapbox #maplayer .mapmarker .mapcontent .mapcontentbox {height:100%;}
  #mapbox #maplayer .mapmarker .mapcontent .mapthumb {width:100%;margin-bottom:20px;}
}

@media only screen and (max-width: 900px) {
  header #headermenu {margin-right:10px;width:100px;height:40px;line-height:40px;padding-right:30px;background: url('../images/headermenuicon.png') right center no-repeat;cursor:pointer;}
  /*header #headermenu .menumenu {display:block;color:#0081c6;height:40px;line-height:40px;font-size:14px;text-transform:uppercase;}*/
  header #headermenu .menumenu {display:none;}
  header #headermenu > ul {min-width:250px;display:none;position:absolute;top:40px;right:-10px;background:#0081c6;padding:10px;z-index:100;width:100vw;box-sizing:border-box;}
  header #headermenu.hover > ul, header #headermenu:hover > ul {display:block;}
  header #headermenu > ul > li {border-top:1px solid #2e98d0;float:none;height:auto;}
  header #headermenu > ul > li > a {float:none;height:auto;border:none;color:#fff;}
  header #headermenu > ul > li > a > span {color:#fff !important;border:none !important;font-size:16px;}
  header #headermenu > ul > li.hover ul, header #headermenu > ul > li:hover ul {display:block;}
  header #headermenu > ul > li > ul {width:auto;display:none;position:static;}
  header #headermenu > ul > li > ul > li {width:auto;}
  header #headermenu > ul > li > ul > li > a {border-bottom:none;border-top:1px solid #2e98d0;}
  header #headermenu > ul > li > ul > li > a:hover {background:none;}
  header #headermenu > ul > li:first-child {border-top:none;}
  #mapbox #maplayer .mapmarker {width:48%;}
  
  .tile2.wellness {width:100% !important;}
  #content .tile2.wellness .foto img {width:100% !important;min-width:100% !important;min-height:100% !important; height:auto !important; margin:0 !important;object-fit:cover;}
}  

@media only screen and (max-width: 900px) and (min-width: 769px) {
  /*#xuvod .homeblock-1 {height:300px;}
  #xuvod .homeblock-2 {height:150px;}*/
  #xuvod .homeblock-1 .homelink .homeimg {left:0;top:0;width:auto;height:100%;}
  #xuvod .homeblock-2 .homelink .homeimg, .homeblock-2 .homelink:hover .homeimg {left:0;top:0;width:auto;height:100%}
  #xuvod .homelink .homeicon {top:33px;}
  #xuvod .homelink:hover .homeicon {top:27px;}
  #xuvod .homelink p {top:180px;}
  #xuvod .homelink h2 {top:150px;}
  #xuvod .homelink#boxpocasi h2 {padding:20px 0 8px 0;}
  #xuvod .homelink#boxpocasi .boxpocasi.big {height:85px;}
  #xuvod .homelink#boxpocasi .boxpocasi.big img {left:80px;}
  #xuvod .homelink#boxpocasi .boxpocasi.big .pocasit {left:155px;}
  #xuvod .homeblock-2 .homelink .homeicon {top:25px;}
  #xuvod .homeblock-2 .homelink:hover .homeicon {top:20px;}
  #xuvod .homeblock-2 .homelink h2 {top:95px;padding:0 5px;box-sizing:border-box;}
  

}

@media only screen and (max-width: 768px) {
  .tile2 {width:100% !important;}
  .tile2 .foto img, .tile2:hover .foto img {width:100% !important;margin:0 !important;}
  .tile2.small .foto img, .tile2.small:hover .foto img {width:50% !important;margin:0 !important;} 
  #xuvod .homeblock-1 {width:50%;height:50vw;}
  #homeheader {height:300px;margin-bottom:0;} 
  #homeheader #homewelcome {top:100px;}
  #homeheader h1 {top:140px;font-size:50px;}
  #xuvod .homeblock-2 {height:25vw;}  
  .list-1 .homenews {margin-bottom:15px;}
  footer {padding:25px 0 30px 0;}
  footer .footbox {width:100%;margin-bottom:20px;}
  footer .footbox ul li {display:inline-block;width:25%;}
  footer .footbox ul li:nth-child(4n) {width:20%;}
  footer .footright {width:100%;}
  footer #footnewsletter input[type=text] {width:50%;}
  .theblogwidgets {display:none;}
  #homeinfo.list-1 .container {padding:35px 10px 10px 10px;}
  .list-1 .block-half {width:100%;margin-bottom:30px;}
  .list-1 .block-half h3 {text-align:center;}
  .list-1 .block-half .morebtnbox {text-align:center;}
  .morebtnbox {padding-top:15px;}
  footer #partneri a {padding-right:20px;}
  #mapbox #maplayer .mapmarker .mapcontent {position:fixed !important;z-index:100;margin:0 !important;left:0% !important;top:0% !important;width:100%;height:100%;padding:0 !important;box-sizing:border-box;}  
}

@media only screen and (max-width: 590px) and (min-width: 481px) {
  #xuvod .homelink .homeicon {top:28px;}
  #xuvod .homelink:hover .homeicon {top:22px;}
  #xuvod .homelink p {font-size:12px;top:160px;padding:0 10px;}
  #xuvod .homelink h2 {top:130px;}
  #xuvod .homelink#boxpocasi .boxpocasi {margin-top:0;}
  #xuvod .homelink#boxpocasi h2 {padding:15px 0 8px 0;}
  #xuvod .homelink#boxpocasi .boxpocasi .pocasit {padding:2px 0;}
  #xuvod .homelink#boxpocasi .boxpocasi.big {height:85px;}
  #xuvod .homelink#boxpocasi .boxpocasi.big img {left:60px;}
  #xuvod .homelink#boxpocasi .boxpocasi.big .pocasit {left:125px;padding:5px 0;}
  #xuvod .homeblock-2 .homelink .homeicon {top:20px;}
  #xuvod .homeblock-2 .homelink:hover .homeicon {top:15px;}
  #xuvod .homeblock-2 .homelink h2 {top:85px;padding:0 5px;box-sizing:border-box;font-size:15px;}
}


@media only screen and (max-width: 590px) {
  .tile2 .popis p {height:108px;}
  .tile2 {height:170px;}
  h1 {font-size:40px;}
  footer .footbox  {display:none;}
  .list-1 .homenews {margin-bottom:25px;}
  header {height:130px;} 
  header #logo {top:31px;}
  header #headermenu {top:70px;}
  #content table.parkoviste tr.head, #content table.table1 tr.head {display:none;}
  #content table.parkoviste td, #content table.table1 td {float:left;width:100%;box-sizing:border-box;}
  #content table.parkoviste td.icon {width:20% !important;}
  #content table.parkoviste td.volno, #content table.parkoviste td.zavreno {width:80%;box-sizing:border-box;}
  .fotoright.fotoround {float:none;display:block;}
  #xsdruzeni-scrp #pageheader h1 {font-size:25px;}
  body#xhotely .catselect .xselect {width:100%;margin:10px 0;box-sizing:border-box;}
  #xinfocentra .cardtext iframe {width:100%;}
  #mapbox #maplayer .mapmarker {width:98%;}
  
  .tile2.wellness {height:auto !important;margin-bottom:10px !important;}
  #content .tile2.wellness .foto img {width:100% !important;min-width:100% !important;min-height:100% !important; height:auto !important; margin:0 !important;object-fit:unset;}
  #content .tile2.wellness .foto, #content .tile2.wellness .popis {width:100%;height:auto;float:none;}  
}
  
@media only screen and (max-width: 480px) {
  ::-webkit-input-placeholder {color: transparent;}
  :-moz-placeholder {color: transparent;}
  ::-moz-placeholder {color: transparent;}
  :-ms-input-placeholder {color: transparent;}
  header #headerblock #headersearch input[type=text] {width:100px;}
  #xuvod .homeblock-1 {width:100%;height:100vw;}
  #xuvod .homeblock-2 {width:50%;height:50vw;}
  #xuvod .homeblock-1 .homelink .homeimg {left:0;top:0;width:auto;height:100%;}
  #xuvod .homeblock-2 .homelink .homeimg, .homeblock-2 .homelink:hover .homeimg {left:0;top:0;width:auto;height:100%;}
  #xuvod .homelink .homeicon {top:93px;}
  #xuvod .homelink:hover .homeicon {top:87px;}
  #xuvod .homelink p {top:270px;}
  #xuvod .homelink h2 {top:220px;}
  #xuvod .homelink#boxpocasi h2 {padding:70px 0 28px 0;}
  #xuvod .homelink#boxpocasi .boxpocasi.big {height:85px;}
  #xuvod .homelink#boxpocasi .boxpocasi.big img {left:130px;}
  #xuvod .homelink#boxpocasi .boxpocasi.big .pocasit {left:210px;}
  #xuvod .homeblock-2 .homelink .homeicon {top:55px;}
  #xuvod .homeblock-2 .homelink:hover .homeicon {top:50px;}
  #xuvod .homeblock-2 .homelink h2 {top:135px;padding:0 5px;box-sizing:border-box;}
  /*#homeheader #homewelcome {top:50px;}*/
  #homeheader h1 {/*top:80px;*/font-size:50px;}  
  /*header #logo {left:50%;margin-left:-122px;}*/
  .fb_iframe_widget {display:none !important;}
  #content .cardblock.subjekt h2 {clear:both;padding-top:15px;}
  #content .cardblock.subjekt h2, #content .cardblock.subjekt .cardtext {margin-left:0;}
  body#xlanovka #content .left {background:none;padding-left:30px;}
  
  footer #partneri a {display:block;padding-right:0;width:100%;text-align:center;height:auto;margin-bottom:30px;}
  footer #partneri a img {width:auto;height:auto;}
}

@media only screen and (max-width: 400px) {
  header #headerblock #headersearch input[type=text] {width:60px;}
}  


@media only screen and (max-width: 350px) {
  #headersearch {display:none !important;}
  header #headermenu {top:60px;}
  header {height:110px;}
  header #logo {top:40px;/*margin-left:-90px;*/}
  header #logo img {width:75%;}
  
}

@media only screen and (max-width: 320px) {  
  #xuvod .homeblock-1 .homelink .homeimg {left:0;top:0;width:320px;height:320px;}
  #xuvod .homeblock-2 .homelink .homeimg, .homeblock-2 .homelink:hover .homeimg {left:0;top:0;width:160px;height:160px;}
  #xuvod .homelink .homeicon {top:33px;}
  #xuvod .homelink:hover .homeicon {top:27px;}
  #xuvod .homelink p {top:180px;}
  #xuvod .homelink h2 {top:150px;}
  #xuvod .homelink#boxpocasi h2 {padding:20px 0 8px 0;}
  #xuvod .homelink#boxpocasi .boxpocasi.big {height:85px;}
  #xuvod .homelink#boxpocasi .boxpocasi.big img {left:80px;}
  #xuvod .homelink#boxpocasi .boxpocasi.big .pocasit {left:155px;}
  #xuvod .homeblock-2 .homelink .homeicon {top:25px;}
  #xuvod .homeblock-2 .homelink:hover .homeicon {top:20px;}
  #xuvod .homeblock-2 .homelink h2 {top:95px;padding:0 5px;box-sizing:border-box;}  
}  


/* MOBILE */
  body.mobile#xuvod .homeblock {float:none;}
  body.mobile#xuvod .homeblock-1 {width:auto;height:auto;float:none;}
  body.mobile#xuvod .homeblock-2 {width:50%;height:50vw;float:left;}
  body.mobile#xuvod .homeblock-2.empty {display:none !important;}  
  body.mobile#xuvod .homeblock-1#homeblockpocasi {width:100%;height:100vw;float:left;}
  body.mobile#xuvod .homelink p {display:none;}


  /*body.dev, body.dev .container {width:10% !important;}
  body.dev #homeblocks {display:none;}
  body.dev footer {display:none;}
  body.dev header {display:none;}
  body.dev #homeheader {display:none;}*/