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

@media (max-device-width : 1220px) {
  .container {
    width:100%;
  }
  #header .container {
    height:auto;
    padding-top: 2vw;
  }
  a#logo {
    margin: 2vw 0 0 2vw;
    display: block;
    width: 23vw;
    /*height: 5vw;*/
    float: left;
  }
  a#logo img {
    height: 100%;
    width: auto;
  }
  #name {
    width: 57vw;
    font-size: 4vw;
    margin: 1.5vw 0 1.5vw 0;
  }
  #name div {
    font-size: 2.37vw;
  }
  #right_head {
    margin: 2vw 2vw 0 0;
    width: 13.5vw;
    padding-right:2.5vw;
  }
  #banner {
    margin: 3vw 3vw 0 0;
  }
  #banner a img {
    width: 22vw;
  }
  #header {
    /*height: 18vw;*/
    height:auto;
  }
  #topmenu {
    margin-bottom:0.5vw;
  }
  #main_left {
    width: 60vw;
    margin-right: 2vw;
  }
  #main_right {
    width: 34vw;
  }
  #main_right .banner img {
    width:100%;
    max-width:460px;
  }
  .ukazka {
    height: auto;
    overflow: auto;
  }
  .ukazka img {
    margin-right: 3vw;
  }
  .ukazka .texty {
    width:calc(60vw - 317px);
    padding:0 2vw 2vw 0;
  }
  #main_left table.akce, #main_left table.rozhovor, #main_left table.tema {
    padding: 3vw 4vw;
    margin-bottom: 2vw;
  }
  #main_left .kdy {
    width: 13vw;
    padding-right: 2vw;
  }
  #main_left .co {
    width:auto;
    padding-right:2vw;
  }
  #main_left .kde {
    width: 10vw;
  }
  #mapa-ovladani {
    margin: 2vw 0 0 13.5vw;
  }
  #mapa img {
    width:100%;
  }
  #main_right .tema {
    padding: 3vw 4vw;
    margin-bottom: 2vw;
    width: 100%;
  }
  #main_right a, #main_right a:visited {
    /*width: 100%;*/
  }
  #main_right .tema .nazev {
    width: calc(100% - 2vw);
    padding: 0 0 0 2vw;
  }
  #main_right .temata h2 {
    margin:0;
  }
  .single #main_right h2 {
    padding-left:4vw;
  }
  .single-slavnost #main_left .kdy,
  .single-slavnost #main_left .kde {
    width:50%;
  }
  .single-slavnost #main_left .kdy {
    padding-right:0;
    font-size:20px;
  }
  article {
    padding:3vw 4vw;
  }
  #footer .container {
    padding: 0 4vw;
    width:92vw;
  }
  .category-rozhovory .ukazka .texty,
  .category-100-let .ukazka .texty,
  .category-z-historie .ukazka .texty {
    width: calc(48vw - 190px);
    padding: 0 2vw 2vw 2vw;
  }
  #main_2sloupce .ukazka {
    width: 48vw;
  }
  #main_2sloupce .ukazka:nth-child(2n/**/+1) {
    margin-right:0;
  }
  .single #content article {
    padding: 2vw 0;
  }
  .single #content article h1 {
    padding-top: 0;
    margin-top: 0;
  }
  .category-slavnosti .ukazka,
  .category-ke-stazeni .ukazka {
    margin: 0px 15vw;
  }
  .category-slavnosti #main_2sloupce .ukazka,
  .category-ke-stazeni #main_2sloupce .ukazka {
    width: 70vw;
  }
  .category-dobrovolnici #main_left,
  .category-sbirka #main_left,
  .category-ubytovani #main_left {
    width: 60vw;
    padding:2vw;
  }
  .category-dobrovolnici #main_right,
  .category-sbirka #main_right,
  .category-ubytovani #main_right {
    width: 30vw;
    padding: 0 2vw;
  }
  .category-dobrovolnici article,
  .category-sbirka article,
  .category-ubytovani article {
    padding:0;
  }
  article.post-453 {
    padding:1vw 2vw 0 2vw;
  }
}

@media (max-device-width : 1100px) {
  #socials,
  #others {
    margin: 0;
    width:100%;
    text-align:center;
  }
  #socials {
    margin-bottom:1vw;
  }
  #socials a {
    display: inline-block;
    float:none;
    margin: 0 15px;
  }
  #footer p,
  #footer p.name {
    text-align:center;
  }
  #footer p span {
    margin-left:0;
    padding: 0 2vw;
  }
}


/** ----------------------------------------- SCREEN SIZE: tablets landscape / very old desktop --------------------*/
@media (max-device-width : 1023px) {
  #topmenu {
    text-align:left;
  }
  #topmenu li {
    display:none;
  }
  #topmenu li.icon {
    display: inline-block;
    padding:0 2vw;
  }
  #topmenu li.icon img {
    /*padding: 1.4vw 0 0 0;
    width: 4vw;*/
    padding: 0;
    width: 3vw;
  }
  #topmenu a, #topmenu a:visited {
    line-height:2em;
  }
  #topmenu.responsive {
    position: relative;
    padding-bottom: 1vw;
    margin-bottom:0;
  }
  #topmenu.responsive li {
    float: none;
    display: inline;
  }
  #topmenu.responsive li a {
    display: block;
    padding: 0 1vw;
    font-size: 1.2em;
    line-height: 1em;
    text-align:center;
  }
  #topmenu.responsive li.icon {
    display:none;
  }
  #main_left {
    /*width: 100vw;
    margin-right: 0;*/
  }
  #main_left a, #main_left a:visited,
  #main_left a table, #main_left a:visited table {
    /*width: 100%;*/
  }
  #main_left #mapa-ovladani a.vse {
    width:auto;
  }
  .ukazka .texty {
    width: 32vw;
  }
  .ukazka img {
    width: 25vw;
    height: auto;
  }
  #main_right {
    margin-top:0;
    /*width: 100vw;*/
  }
  #main_right .partneri h2 {
    padding-left:4vw;
    margin:2vw 0;
  }
  #main_right .temata {
    margin-bottom: 1.5em;
  }
  #main_right .temata a.banner, #main_right .temata a.banner:visited {
    margin-bottom: 1em;
}
  .dalsi_akce {
    padding: 3vw 4vw;
    margin-bottom: 2vw;
  }
  #main_right a.all_links, #main_right a.all_links:visited {
    padding-left:4vw;
  }
  .category #mapa-ovladani {
    margin: 2vw 2vw 0 0;
  }
  .single .parametry_slavnosti {
    padding: 1vw 2vw;
    margin-bottom: 2vw;
  }
  .partneri img {
    padding-left:4vw;
  }
  #footer{
    margin-top: 1em;
  }
  .single #content .container {
    margin-top: 4vw;
  }
  .category-dobrovolnici #main_left h1,
  .category-dobrovolnici #main_right h1,
  .category-sbirka #main_left h1,
  .category-sbirka #main_right h1,
  .category-ubytovani #main_left h1,
  .category-ubytovani #main_right h1 {
    font-size: 4.5vw;
    line-height: normal;
  }
  /*
  .category-dobrovolnici #main_left h3,
  .category-dobrovolnici #main_right h3,
  .category-sbirka #main_left h3,
  .category-sbirka #main_right h3,
  .category-ubytovani #main_left h3,
  .category-ubytovani #main_right h3 {
    font-size: 3vw;
  }*/
}


@media (max-device-width : 900px) {
  .single #content article iframe {
    max-width:100%;
  }
}


@media (max-device-width : 810px) {
  h1 {
    text-align:center;
  }
  a#logo {
    width: 29vw;
  }
  #name {
    width: 96vw;
    padding:0 2vw;
    font-size: 5.5vw;
  }
  #right_head {
    padding-right: 3.5vw;
    font-size: 1.8vw;
  }
  #main_left,
  #main_right {
    width:96vw;
    margin:0 2vw 2vw 2vw;
  }
  #main_left .kdy {
    width: 110px;
  }
  #main_left .ukazka a.all, #main_left .ukazka a.all:visited {
    margin-bottom: 2vw;
  }
  #main_right {
    padding-top: 5vw;
  }
  #main_right .temata a.banner,
  #main_right .temata h2 {
    text-align: center;
  }
  #main_right .temata a.banner, #main_right .temata a.banner:visited {
    margin-bottom: 4vw;
  }
  .ukazka .texty {
    width: 65vw;
    padding: 0;
  }
  .ukazka h2 {
    font-size: 24px;
  }
  #seznam,
  #mapa {
    width: 100%;
  }
  #mapa-ovladani {
    margin: 2vw 0 0 0;
    margin-left:calc(110px + 2vw);
  }
  .parametry_slavnosti .kdy, .parametry_slavnosti .kde {
    font-size: 20px;
  }
  #footer .container {
    height:auto;
    padding:3vw 4vw;
  }
  #footer .container div {
    display:block;
  }
  #footer, #footer a, #footer a:visited {
    line-height: 35px;
  }
  #footer, #wrapper::after {
    height:auto;
  }
  #footer p {
    text-align: center;
  }
  .category-rozhovory .ukazka .texty,
  .category-100-let .ukazka .texty,
  .category-z-historie .ukazka .texty {
    width: calc(96vw - 290px);
  }
  .category-rozhovory #main_2sloupce .ukazka,
  .category-100-let #main_2sloupce .ukazka,
  .category-z-historie #main_2sloupce .ukazka {
    width: 100%;
  }
  .category-rozhovory #main_2sloupce .ukazka .img_box,
  .category-100-let #main_2sloupce .ukazka .img_box,
  .category-z-historie #main_2sloupce .ukazka .img_box {
    width: auto;
  }
  .category-rozhovory #main_2sloupce .ukazka img,
  .category-100-let #main_2sloupce .ukazka img,
  .category-z-historie #main_2sloupce .ukazka img {
    margin-left: 0;
    width:auto;
  }
  .category-slavnosti .ukazka,
  .category-ke-stazeni .ukazka {
    margin: 0px 4vw;
  }
  .category-slavnosti #main_2sloupce .ukazka,
  .category-ke-stazeni #main_2sloupce .ukazka,
  .category-dobrovolnici #main_left,
  .category-dobrovolnici #main_right,
  .category-sbirka #main_left,
  .category-sbirka #main_right,
  .category-ubytovani #main_left,
  .category-ubytovani #main_right {
    width: 92vw;
  }
}

/* ----------------------------------------- SCREEN SIZE: phone landscape / tablets portrait --------------------*/
@media (max-device-width : 560px) {
  a#logo {
    padding-left:3vw;
    height: 12vw;
  }
  #name {
    font-size: 8vw;
    margin: 3vw 3vw 0 3vw;
    width:90vw;
  }
  #right_head {
    padding-right: 4.5vw;
    margin-right:4vw;
    font-size:2.3vw;
  }
  #banner {
    margin: 2vw 27vw 0 0;
  }
  #banner a img {
    width: 55vw;
  }
  #topmenu li.icon {
    padding: 0 4vw;
  }
  #topmenu li.icon img {
    padding: 2vw 0 0 0;
    width: 6vw;
  }
  #main_left h1 {
    margin-left: 4vw;
  }
  #main_left a h2 {
    line-height:1.3em;
  }
  .ukazka {
    padding: 0px 0 2vw 4vw;
  }
  .ukazka img {
    width: auto;
  }
  .ukazka .texty {
    float:none;
    width:92vw;
    clear: both;
    padding: 4vw 4vw 0 0;
    font-size:17px;
  }
  .ukazka a.cti_vse, .ukazka a.cti_vse:visited {
    margin-bottom: 2vw;
  }
  #main_left table.akce, #main_left table.rozhovor, #main_left table.tema {
    padding: 3vw 4vw;
    margin-bottom: 4vw;
  }
  #mapa-ovladani {
    margin: 2vw 0 0 0vw;
  }
  #main_left table,
  #main_left table tbody,
  #main_left table tr,
  #main_left table td {
    display:block;
  }
  #main_left .kdy,
  #main_left .co,
  #main_left .kde {
    width:100%;
  }
  #main_right .temata h2 {
    font-size: 32px;
    margin-bottom:1vw;
  }
  #slavnosti h1, #partneri .h1 {
    text-align: center;
    font-size: 6vw;
  }
  #partneri img {
    height: 15vw;
  }
  #footer a.mail {
    float: none;
    margin-left: 0;
    display: block;
  }
  .category-rozhovory .ukazka .texty,
  .category-100-let .ukazka .texty,
  .category-z-historie .ukazka .texty {
    width: 93vw;
    clear:both;
    margin-top:2vw;
    padding-top: 0.2em;
  }
  .single #content article h1,
  .single #content article h2,
  .single #content article h3,
  .single #content article h4,
  .single #content article p {
    padding: 0 2vw;
  }
  article.post-453 {
    float:none;
    width:80vw;
    padding:4vw 4vw 1vw 4vw;
    margin-bottom:5vw;
  }
}

/*@media (max-device-width : 450px) {
  #main_right a img {
    width:100vw;
    height:auto;
  }
}*/

/** ----------------------------------------- SCREEN SIZE: phone portrait --------------------*/
@media (max-device-width : 380px) {
  a#logo {
    height: 13.5vw;
    width:58vw;
  }
  #name {
    font-size: 13vw;
  }
  #right_head {
    width:26vw;
    padding-right: 6.5vw;
    font-size: 3.1vw;
    height:13.5vw;
    line-height:5vw;
    background-size: 4vw 13vw;
  }
  #banner {
    margin: 2vw 26vw 0 0;
  }
  #banner a img {
    width: 67vw;
  }
  #topmenu li.icon img {
    width: 8vw;
  }
  #mapa-ovladani .prepinani {
    margin-left:2vw;
  }
  .single #main_left h1 {
    font-size: 24px;
  }
  #partneri img {
    height: 20vw;
  }
  #seznam {
    padding: 40px 20px;
  }
  #footer .container {
    padding: 1em 1em;
  }
  #footer .container div span {
    margin-left: 0px;
  }
  .category-slavnosti .ukazka .texty {
    padding: 2vw;
  }
}