/* pro 940px, 760px, 600px, 390px */

@media (max-width: 940px)
 {

  #hlavni-ramecek-obal-vnitrni  /* pri zuzeni okna at logo nezaleze doleva */
   {
    margin: 0;
   }

  #trojuhelnik-obal
   {
    position: relative;
   }

  #trojuhelnik
   {
    position: absolute;
    top: 0;
    border: 0;
    width: 100%;
    height: 335px;
    background: var(--barva-pozadi-grafickeho-prvku);
    transform: rotate(0deg);
    border: 5px solid var(--barva-pozadi-nahore);
   }

  #statistika
   {
    display: none;
   }

  #odkazy-jinam-nadpis
   {
    display: none;
   }

  ul#odkazy-jinam-menu
   {
    display: none;
   }

  #menu-hlavni-komunita-nadpis
   {
    display: none;
   }

  #menu-hlavni-jine-nadpis,
  nav.menu-hlavni-jine-nav
   {
    display: none;
   }

  #sloupce-nav-main
   {
    flex-direction: column;
   }

  #zahlavi-obal
   {
    flex-direction: column;
    height: initial;
    margin-bottom: 13px;
   }

  #zahlavi-vlevo
   {
    flex: 0 0 auto;
    text-align: center;
    padding: 30px 0 0 0;
   }

  #zahlavi-vpravo
   {
    text-align: center;
   }

  #zahlavi-vpravo-minimenu
   {
    display: none;
   }

  #zahlavi-vpravo-pas
   {
    padding: 0;
    background-color: initial;
   }

  #zahlavi-vpravo-pas span
   {
    display: block;
    margin: 0;
    margin-bottom: 20px;
    position: initial;
    padding: 0;
    font-size: .67em;
   }

  #zahlavi-vpravo-pas select
   {
    margin-right: 5px;
    padding: 8px 8px;
   }

  #blok #obsah #kviz-otazky .otazka .zadani .rozbalovatko select
   {
    font-size: .85em;
    padding: 8px 8px;
   }

  #nav-obal
   {
    flex: none;
    padding-left: 0;
    margin-bottom: 65px;
   }

  #menu-hlavni
   {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
   }

  #menu-hlavni-tlacitko,
  #menu-hlavni-komunita-tlacitko
   {
    background-color: var(--barva-menu-hlavni-tlacitko);
    width: 150px;
    height: 55px;
    background-image: var(--ikona-menu-url);
    background-repeat: no-repeat;
    background-size: 33px 33px;
    background-position: 22px 11px;
    cursor: pointer;
    outline: none;
   }

  #menu-hlavni-komunita-tlacitko
   {
    margin-left: 20px;
    background-color: var(--barva-menu-text-komunita);
   }

  #menu-hlavni-tlacitko span,
  #menu-hlavni-komunita-tlacitko span
   {
    display: block;
    line-height: 2.5em;
    margin-left: 72px;
    font-size: 1.3em;
   }

  #menu-hlavni-tlacitko:hover nav.menu-hlavni-nav
   {
    display: block;
    background-color: var(--barva-menu-hlavni-tlacitko-uzke-pozadi);
   }

  nav.menu-hlavni-nav
   {
    display: none;
    z-index: 10;
    position: relative;
    left: -10px;
    margin-top: 3px;
    width: 170px;
    background-color: var(--barva-pozadi-grafickeho-prvku);
    padding: 15px 10px 1px 10px;
   }

   #menu-hlavni-komunita-tlacitko:hover nav.menu-hlavni-komunita-nav
    {
     display: block;
     background-color: var(--barva-menu-hlavni-tlacitko-uzke-pozadi);
    }

   nav.menu-hlavni-komunita-nav
    {
     display: none;
     z-index: 10;
     position: relative;
     left: -10px;
     margin-top: 3px;
     width: 170px;
     background-color: var(--barva-pozadi-grafickeho-prvku);
     padding: 15px 10px 1px 10px;
    }

   #menu-hlavni-tlacitko nav ul li a,
   #menu-hlavni-komunita-tlacitko nav ul li a
    {
     width: 150px;
    }

  #menu-hlavni-tlacitko nav ul li a.aktivni,
  #menu-hlavni-tlacitko nav ul li a.aktivni:hover,
  #menu-hlavni-komunita-tlacitko nav ul li a.aktivni,
  #menu-hlavni-komunita-tlacitko nav ul li a.aktivni:hover
   {
    width: 150px;
    background-image: var(--barva-menu-prechod-aktivni);
    padding-right: 12px;
   }

  #menu-hlavni .prezdivka
   {
    margin-left: 15px;
    display: inline;
   }

  #menu-hlavni .prezdivka a
   {
    color: var(--barva-prezdivka-uzke-odkaz-text);
    padding: 5px 10px;
    text-decoration: none;
   }

  #menu-hlavni .prezdivka a:hover
   {
    background-color: var(--barva-prezdivka-uzke-odkaz-pozadi-hover);
   }

  main
   {
    margin-top: 0px;
   }

  #infopruh
   {
    font-size: 1em;
   }

  main h3
   {
    text-indent: 0;
    text-align: center;
   }

  article .pas-odkaz-obrazky .obrazky .zalom
   {
    display: inline;
   }

  #blok #zahlavi
   {
    display: block;
    top: -15px;
   }

  #blok #zahlavi a.aktivni
   {
    font-size: 1.6em;
   }

  #menu-hlavni-komunita-tlacitko nav ul li a div#odpocet
   {
    display: none;
   }
 }

@media (max-width: 760px)
 {
  article .pas-odkaz-obrazky .obrazky .zalom
   {
    display: block;
   }
 }

@media (max-width: 600px)
 {

  .skryj-pri-600
   {
    display: none !important;
   }

  .skryj
   {
    display: inline !important;
   }

  .zobraz-pri-600
   {
    display: inline !important;
   }

  article .okenka .datum
   {
    font-size: 1.6em;
    padding: 22px 8px 18px 8px;
    min-width: 110px;
   }

  article .pas-odkaz-obrazky h2
   {
    padding: 20px;
   }

  article .pas-odkaz-obrazky h2.bezi,
  article .pas-odkaz-obrazky h2.zaznam
   {
    padding: 30px 20px;
   }

  article .okenka .jina
   {
    padding: 5px 10px;
   }

  article .okenka .jina .hodnota
   {
    font-size: 0.9em;
   }

  article .okenka .jina.zhlednuto
   {
    width: 65px;
   }

  #blok #obsah .dvojsloupec .levy.prehled
   {
    min-width: 340px;
   }

  #blok #obsah .duvody .cislo
   {
    font-size: 2em;
   }

  #blok #obsah .duvody .cislo div
   {
    width: 40px;
   }

  #blok #obsah .dvojsloupec .levy .hodnota
   {
    font-size: 1.6em;
   }

  #posledni-prehravane .zaznam .info
   {
    flex-direction: column;
   }

  #posledni-prehravane .zaznam .kdy-procenta
   {
    flex-direction: column;
   }

  #blok #obsah .viditelnost
   {
    flex-direction: column;
    align-items: flex-start;
   }

  #blok #obsah .viditelnost a
   {
    margin-top: 25px;
   }

  #trojuhelnik
   {
    height: 375px;
   }

  #menu-hlavni .prezdivka
   {
    margin: 20px 0 0 0;
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
   }

  #blok #obsah #kviz-otazky .otazka .zadani .slova input[type="text"]
   {
    font-size: 1em;
    letter-spacing: 2px;
   }

  #blok #obsah #kviz-otazky .otazka .cislo
   {
    min-width: 45px;
    width: 45px;
    font-size: 1.8em;
   }

 }


@media (max-width: 390px)
 {

  .skryj-pri-390
   {
    display: none !important;
   }

  article .pas-odkaz-obrazky .obrazky img
   {
    width: 125px;
   }

  #sdeleni
   {
    font-size: 1em;
   }

  #infopruh
   {
    font-size: .85em;
   }

  #blok #obsah table.pruhovana
   {
    font-size: .8em;
   }

  #blok #obsah #lide-sloupce .sloupec
   {
    min-width: 295px;
   }

  #nav-obal
   {
    margin-bottom: 45px;
   }

  #blok #obsah
   {
    padding: 10px 35px 60px 30px;
   }

  #blok #zahlavi,
  #blok #zahlavi2
   {
    margin-bottom: 5px;
   }

  #blok #zahlavi a.aktivni,
  #blok #zahlavi2 a.aktivni
   {
    padding-left: 30px;
   }

  #blok #zahlavi a.navrat,
  #blok #zahlavi2 a.navrat
   {
    padding-left: 30px;
   }

  #blok #obsah #kviz-otazky .otazka .cislo
   {
    min-width: 35px;
    width: 35px;
    font-size: 1.4em;
   }

  #blok #obsah #kviz-otazky .otazka .zadani .slova input[type="text"]
   {
    font-size: .8em;
    letter-spacing: 2px;
   }

  #blok #obsah #seznam-testu #zamek-obal
   {
    flex-wrap: wrap;
   }

 }