@media (orientation: landscape) and (max-device-width: 1023px) {}

@media (max-device-width : 1023px) {
  body {
    background-image: none;
  }
  img {
    width: 100%;
    max-width: 100%;
  }
  .clanek_vypis img {
    width: auto;
  }
  .container {
    width: 100%;
    max-width: none;
  }
  .pagertbl {
    margin-right:0.5em;
  }
  .interactif{
    background:none;
    height:auto;
  }
  a.okk{
    position:relative;
    float:left;
    left:0;
    top:0;
    height:auto;
    width:35%;
    margin-left:70px;
  }
  .mapadiv{
    display:none;
  }
  
  .cont_left{
    width:90%;
    font-size:1.5em;
  }
  
  .menu_top li a{
    font-size:1.6em;
  }
  
  
}

/** ----------------------------------------- SCREEN SIZE: tablets landscape / very old desktop --------------------*/
@media (max-device-width : 1023px) and (min-device-width: 681px) {
    .pm{
    width:100%;
  }
  #kontakt{
    position:relative;
    width:100%;
    left:0;
    font-size:2em;
  }
  
  #kontcont{
    height:auto;
  }
  
  body {
    font-size: 1.5vw;
  }
  .right_white {
    width: 32vw;
  }
  .main-right {
    width: 68vw;
  }
  .main-right .menu_top, .main-full .menu_top {
    width: auto;
  }
  .main-right .rubriky_vypis {
    padding: 2vw 0 0 2vw;
  }
  .rubriky_vypis .txt_block {
    width: 32vw;
  }
  .rubriky_vypis .block_padder,
  .main-right .rubriky_vypis > .block_padder:nth-child(6n+6) {
    width: 2vw;
  }
  .rubrika_gallery .h1, .rubriky_vypis .h1, .clanek_vypis {
    padding-left: 2vw;
  }
  .rubrika_gallery .odsad .h1, .rubriky_vypis .odsad .h1, .clanek_vypis .odsad .h1 {
    padding-left: 0;
  }
  .rubrika_gallery ul li {
    padding: 0 0 2vw 0;
    width: 32vw;
  }
  .rubrika_gallery > ul li:nth-child(3n+2), .rubrika_gallery > ul li:nth-child(3n+3) {
    padding-left: 2vw;
  }
  div.clanek_gallery{
    padding-bottom: 2vw;
  }

  div.att_icon img {
    width: auto;
  }
  .clanek_gallery_image {
    width: 32vw;
    margin-top: 0;
  }
  .clanek_gallery .padder {
    width: 2vw !important;
    height: 2vw !important;
  }
  .menu_top li a {
    font-size: 1.4em;
  }
}
/** ----------------------------------------- SCREEN SIZE: phone landscape / tablets portrait --------------------*/
@media (max-device-width : 606px) {
  ul.menu_top li {display: none;}
  ul.menu_top li.icon {
    float: right;
    display: inline-block;
    
  }
  .menu_top li a {
    font-size: 2em;
  }
  
 
  
  .right_white {
    width:200px;     
  }
  
  .pad30{
    padding:0 3vw;
    text-align:center;
  }
  .avright{
    width:90%;
  }
  
  .mapa{display:none;}
  .k_sipka {
    margin: 10px 10px 0 0;
    float:left;
  }
  
  .clanek_vypis{
    padding:0 !important;
  }
  
  #menu-left{display:none;}
  
  
}




/** ----------------------------------------- SCREEN SIZE: phone landscape / tablets portrait --------------------*/
@media (max-device-width : 680px) and (min-device-width: 381px) {
  #kontakt{
    position:relative;
    width:100%;
    left:0;
  }
  .menu_top li a {
    font-size: 1.4em;
  }
  
  ul.menu_top li:nth-child(2n+0){
    color:red !important;
    clear:both;
  }
  
  
  
  
  
  
  #kontcont{
    height:auto;
  }
  
  .pm{
    width:100%;
  }
  
  body {
    font-size: 2.9vw;
  }

  .main-right, .main-right .menu_top, .main-full .menu_top {
    width: auto;
  }
  .main-right .rubriky_vypis {
    padding: 3vw 0 0 0vw;
  }
  .rubriky_vypis .txt_block {
    width: 48.5vw;
  }
  .rubriky_vypis .block_padder {
    width: 3vw;
  }
  .main-right .rubriky_vypis > .block_padder:nth-child(6n+6),
  .main-full .rubriky_vypis > .block_padder:nth-child(6n+6) {
    width: 3vw;
    height: 3vw;
    float: left;
    clear:none;
  }
  .main-full .rubriky_vypis > .block_padder:nth-child(4n+4) {
    width: 100%;
    height: 3vw;
    float: left;
    clear:both;
  }
  .rubrika_gallery .h1, .rubriky_vypis .h1, .clanek_vypis {
    padding-left: 2vw;
  }
  .rubriky_vypis .clanek_vypis .h1{
    padding-left: 0;
  }
  .rubrika_gallery ul li {
    padding: 0 0 3vw 0;
    width: 48.5vw;
  }
  .rubrika_gallery > ul li:nth-child(2n+2) {
    padding-left: 3vw;
  }
  div.clanek_gallery{
    padding-bottom: 3vw;
  }
  
  div.att_icon {
    width: 50%;
    height: 3em;
  }
  div.att_icon img {
    width: auto;
  }
  .clanek_gallery_image {
    width: 48.5vw;
    margin-top: 0;
  }
  .clanek_gallery .padder {
    width: 3vw !important;
    height: 3vw !important;
  }
  .clanek_gallery .padder:nth-child(6n+6) {
    clear: none;
    float: left;
  }
  .clanek_gallery .padder:nth-child(4n+4) {
    clear: both;
    float: none;
  }


}

/** ----------------------------------------- SCREEN SIZE: phone portrait --------------------*/
@media (max-device-width : 380px) {
  .menu_top li {
    display: block;
  }
  a.okk{
    width:60%;
  }
  .pm{
    width:100%;
    letter-spacing: -4px;
  }
  #kontakt{
    position:relative;
    width:100%;
    left:0;
    font-size:1.3em;
  }
  
  #kontcont{
    height:auto;
  }
  
  .pmenu2{
    font-size: 65px;
    margin-top: -3px;
    
  }
.pmenu>.pmenu2 {
    margin-left: 24px;
}
.pmenured>.pmenu2 {
    margin-left: 52px;
}
  body {
    font-size: 4.5vw;
  }

  .main-right, .main-right .menu_top, .main-full .menu_top {
    width: auto;
  }
  .rubriky_vypis .txt_block {
    width: 100%;
    margin-top: 1em;
  }
  .rubriky_vypis .block_padder {
    display: none;
  }
  .main-right .rubriky_vypis {
    padding: 0;
  }
  #header .top_slogan {
    display: none;
  }
  #header .recommended {
    float: none;
    width: 100%;
    padding-bottom: 0.5em;
  }
  #header .recommended .title {
    padding: 3vw 5vw 1.5vw;
    font-size: 0.9em;
    width: 29.5vw;
  }
  #header .recommended #bbq {
    float: left;
    width: 25vw;
  }
  #header #ron-jeremy {
    font-size: 0.8em;
  }
  #header .site_switch {
    padding: 0;
  }
  #header .site_switch .container > a {
    margin: 0.6em 0 0 0;
    text-align: left;
    line-height: 1em;
    width: 50vw;
  }
  #header .site_switch #logo {
    position: relative;
    float: left;
    width: 40vw;
    padding: 0 5vw 0 5vw;
    margin: 0;
  }
  #header .site_switch .logo_inner {
    position: relative;
    margin: 0;
    height: auto;
  }
  #header .site_switch #logo .logo_inner img {
    margin: 0;
  }
  #header .site_photo .container > img {
    display: none;
  }
  #header .site_photo .container {
    background: #202733;
  }
  #header #nazev {
    display:none;
  }

  .rubrika_gallery .h1, .rubriky_vypis .h1, .clanek_vypis {
    padding-left: 2vw;
  }
  .rubrika_gallery .odsad .h1, .rubriky_vypis .odsad .h1, .clanek_vypis .odsad .h1 {
    padding-left: 0;
  }
  .rubrika_gallery ul li {
    padding: 0 0 4vw 0;
    width: 100vw;
  }
  
  #footer p {
    font-size: 1em;
    padding: 0 5vw;
  }
  #footer .rezervace .new-restu-btn-container, #footer .rezervace .TripAdvisor {
    max-width: 90% !important;
    overflow: hidden;
  }
  #footer .rezervace .padder {
    display: none;
  }
  
  div.att_icon {
    width: 100%;
    height: 3em;
  }
  div.att_icon img {
    width: auto;
  }
  
  .clanek_gallery_image {
    width: 100vw;
    margin-top: 0;
  }
  .clanek_gallery .padder {
    clear: both !important;
    float: none !important;
  }
}