.mimo-desktop { display: none }

@media (max-width: 1000px) {
  #main { width: 100%; }
  #hlavicka { background-size: cover }
  #hlavicka .tabule { font-size: 1.2vw }
  #hledani-strom #slovo { font-size: 1.12vw }
  #hledani { font-size: 1.4vw }
  #footer { width: 100vw }
  #footer a { white-space: nowrap }
  
  .titulka .darek-fotka img { width: 100%; height: auto }
  .darky-skupina .tlacitko { white-space: normal }
  
  .nastenky .nastenka-tema { opacity: 0.75 }
  
  .makrela img { max-width: 100%; margin: auto; height: auto }
  .hry-vyjezd .hra-vstup { font-size: 1.6vw }

  html.titulka { background: url('layout/duha-mobilni.jpg') no-repeat 50% 50% fixed; background-size: cover }
  .titulka .content { background: url('layout/titulka.png') no-repeat; background-size: contain }
  .titulka .col-ab { width: calc(92.4vw - 322px); font-size: calc(1.2vw) }
  .titulka .col-c { width: calc(300px) }
  
	.nastenka-text .normafont { font-size: 5.84vw }
	.clanek-text>.normafont { font-size: 6.4vw }
	.sekce-a .nastenka-text .normafont { font-size: 5.2vw }
	.soutez .normafont { font-size: 5.9vw }
	.normafont { font-size: 5.6vw }
}

@media (max-width: 900px) {
  .darek>img, .darek>.link-youtube { max-width: 100%; float: none; margin: auto; display: block }
  .darek>.link-youtube { width: 100%; min-height: 0 }
  .darky-skupina .darek-fotka { width: 22.222vw; height: 16.667vw; display: block }
  .darky-skupina .darek-fotka img { max-width: 100%; max-height: 100%; width: auto; height: auto }
}

@media (max-width: 768px) {
  img[src$="alik-send.png"] { width: 11.4167em; height: auto; }
  img[src$="alik-pridat.png"] { width: 11.4167em; height: auto; }
  img[src$="alik-search.png"] { width: 9.667em; height: auto; }
  
  .nav-n4 a.ico-left, .nav-n4 a.ico-right { height: 10.9375vw; background-size: contain }
  .nav-n4 a.ico-left { width: 19.401vw }
  .nav-n4 a.ico-right { width: 17.447vw }
  
  .sekce-a .col-a { float: none; width: auto; margin: 0 1.5% }
  .sekce-a .col-c { float: none; width: auto; margin: 3em 2% 0; clear: both }
  .sekce-a .clanky-temata ul { -webkit-columns: 2; columns: 2; -webkit-column-gap: 0; column-gap: 0 }
  .sekce-a .alikoviny-logo { max-width: 55% }

  .sekce-n .col-a { width: auto; margin: 0 2.5%; float: none; clear: both }
  .sekce-n .col-bc { width: auto; margin: 0 2.5%; float: none; }
  .sekce-n .col-a h1:after { content: none; }
  .sekce-n .col-a h1 { text-align: left; border-radius: 0.5em }
  .sekce-n .col-bc h1 { border-radius: 0.5em }
  .prispevek-hlas { background-size: contain; }
  .prispevek-hlas-diky { background-size: auto 100%, 1.0833em auto }
  .nastenky .nastenka-prvni { display: none }
  .nastenky .nastenka-tema { opacity: 1 }

  .vtipy-vyjezd { -webkit-columns: 1; -moz-columns: 1; columns: 1; }
  .vtip { margin-bottom: 1em }
  .vtipy-na-web { display: none }
  .vtip-editace { width: auto; float: none }
  .vtip-editace .vstup { margin: 2.5em 0 0 0 }
  
  .sekce-v h1.tit br { display: none }
  .sekce-v .ilustrace-pobaveny { clear: both }
  .vtipy-temata { width: auto; padding-right: 2.667em; max-width: calc(100vw - 8em) }
  
  .sekce-p .col-ab { float: none; width: auto; margin-right: 2.5%; clear: both }
  .sekce-p .col-c { float: none; width: auto; margin-right: 3.5%; clear: both }
  .poradna-info div { padding: 1em 1.5em 0; max-height: 50vw; overflow: auto }
  
  .sekce-zavinac .col-a { float: none; width: auto; margin: 0 3%; clear: both }
  .sekce-zavinac .col-bc { float: none; width: auto; margin: 0 2.5%; clear: both }
  .sekce-zavinac .vstup-tlacitka img { width: 11.4167em; height: auto }
  .sekce-zavinac .col-b { width: auto; margin: 0 2.5% }
  .sekce-h .col-a { margin: 0 3.5%; width: auto; float: none; clear: both }
  .sekce-h .col-bc { width: auto; margin: 0 3.5%; padding-bottom: 1.5em; float: none; clear: both }
  .hry-vyjezd { margin-left: -2.15vw; margin-right: 0 }
  .hry-vyjezd .hra-vstup { font-size: 2.15vw; margin-left: 2.15vw; margin-right: 0 }

  .sekce-s .col-ab { width: auto; margin: 0 3%; float: none; clear: both }
  .sekce-s .col-c { width: auto; margin: 0 3%; padding-top: 1em; float: none; clear: both }
  .sekce-s .col-c .zdvojene { display: none }
  .sekce-s .col-c h2 span[data-mobil]:after { content: attr(data-mobil); }
  .sekce-s .darek-fotka { height: auto }
  
  .sekce-o .col-a  { width: auto; margin: 0 1%; float: none; clear: both }
  .sekce-o .col-bc { width: auto; margin: 0 2.5%; float: none; clear: both }
  .sekce-o .col-bc h1, .sekce-o .col-bc h2 { border-radius: 0.5em 0.5em 50% 0.5em/0.5em 0.5em 100% 0.5em; }
  .sekce-o .bocni-menu ul { -webkit-columns: 2; columns: 2; -webkit-column-gap: 0; column-gap: 0 }
  .sekce-o .bocni-menu .prelom:before { margin: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.333), rgba(0, 0, 0, 0)) }
  
  .sekce-u .col-a { float: none; margin: 0 1%; width: auto; clear: both }
  .sekce-u .col-bc { float: none; margin: 0 3.1%; width: auto; clear: both; }
  .sekce-u .col-ab { float: none; margin: 0 2%; padding-bottom: 2em; width: auto; clear: both }
  .sekce-u .col-c { float: none; margin: 0 2%; border-top: 2px dotted #C9ED48; width: auto; clear: both; }

  .sekce-x .col-a { float: none; margin: 0 2.5%; width: auto; clear: both; padding-top: 1.5em }
  .sekce-x .col-bc { float: none; margin: 0 2.5%; width: auto; clear: both }

  .sekce-y .col-a { float: none; margin: 0 2.5%; width: auto; clear: both; padding-top: 1.5em }
  .sekce-y .col-bc { float: none; margin: 0 2.5%; width: auto; clear: both }

  .titulka .col-ab { float: none; margin: 0 2.5% 2em; width: auto; clear: both; font-size: 100% }
  .titulka .col-c { float: none; margin: 0 2.5%; width: auto; clear: both }
  .titulka .clanek-vstup { padding: 0 1em; width: auto }
  .titulka .prostor-v:before, .titulka .prostor-h:before, .titulka .prostor-s:before { content: none }
  .titulka .vtip { font-size: 116.667%; }
  .titulka .makrela { display: block; width: 300px; margin: auto }
  .titulka .prostor-s { margin: 1em }
  .titulka .darek-vstup { width: 270px; margin: auto }
  .titulka .col-c + .col-ab .clanek-vstup:first-child h3 { text-shadow: none }

  .darky-skupina .darek-bunka { width: 33.333% }
  .darky-skupina .darek-fotka { width: 26vw; height: 19.5vw }
  .darky-skupina .darky-uvod { width: 66.667%; padding: 1em; box-sizing: border-box }
  
  .sekce-y .content, .sekce-y .content .clanek-vstup, .sekce-y .content .nastenky, .sekce-y .content .nastenka-prispevek, .sekce-y .content .nastenka-zahlavi, .sekce-y .content .vstup { background-size: contain }
  
  .mimo-desktop { display: block }
  span.mimo-desktop { display: inline }
  .mimo-mobil { display: none }
  
	.nastenka-text .normafont { font-size: 7.73vw }
	.sekce-a .nastenka-text .normafont { font-size: 7.73vw }
	.clanek-text>.normafont { font-size: 9.42vw }
	.soutez .normafont { font-size: 8.9vw }
	.normafont { font-size: 7.5vw }
}

@media (max-width: 640px) {
  .clanek-text>p, .clanek-text>ol, .clanek-text>ul, .clanek-text>.kviz, .clanek-souvisejici { padding: 0 1.5625em 0 3.125em }
  .clanek-text>h2 { padding: 0 1.25em 0 2.5em }
  .clanek-text>h3 { padding: 0 1.3889em 0 2.778em }
  .clanek-text>hr, .clanek-text .boxik-siroky { margin: 0 0.5625em 0.5em 2.125em }
}

@media (max-width: 580px) {
  #hlavicka menu { font-size: 1.32vw; }
  #hlavicka h1 img { margin-top: 38%; width: 110% }

  .hry-vyjezd { margin-left: -2.9vw }
  .hry-vyjezd .hra-vstup { font-size: 2.9vw; margin-left: 1em }

  .darky-skupina .darek-bunka { width: 50% }
  .darky-skupina .darek-fotka { width: 34.483vw; height: 25.862vw }
  .darky-skupina .darky-uvod { width: auto; padding: 1em 0 }
}
@media (min-width: 581px) {
  #hlavicka menu { font-size: 1.2vw; width: 85.5%; left: 14%; }
  #hlavicka h1 a:before { opacity: 1 }
  #hlavicka menu #cedule-a .cedule { box-shadow: 0 -0.2em 0.5em -0.75em #000 }
}
@media (max-width: 1120px) and (min-width: 1000px) {
  #hlavicka menu { font-size: 12px }
}

@media (max-width: 560px) {
  html { font-size: 83.333% }
  .bocni-menu ul { font-size: 100% }
  .nastenka-uvod { font-size: 120% }
  .blok-souvisejici { font-size: 135% }

  .clanek-text { font-size: 110% }
  .clanek-text>p, .clanek-text>ol, .clanek-text>ul, .clanek-text>.kviz, .clanek-text>h2, .clanek-text>h3, .clanek-souvisejici { padding: 0 }
  .clanek-text>.kviz ol { margin-left: 2em }
  .clanek-text .boxik-vpravo { width: 45%; font-size: 90%; line-height: 1.6em }
  .clanek-text>hr, .clanek-text .boxik-siroky { margin: 0 0 0.5em 0 }

  #hledani-strom #slovo { top: 0.25em; padding: 0.2em 0.6em; line-height: 1.5em; height: 1.5em; border-radius: 0.5em; box-shadow: 0.14rem 0.14rem 0.35rem rgba(0,0,0,0.125) inset; }
  .tabule-konto span { font-size: 200%; margin: 0.3em 0 0 0 }
  .tabule-konto i { display: none }

  .smiley { height: 17.5px; margin: 0 1.667px }
  .clanek-vstup h3 { font-size: 192% }
  .clanek-vstup { min-height: 0 }
  .clanek-vstup .clanek-fotka { width: 35.714vw; height: 26.786vw; position: static; float: left }
  .clanek-vstup>a { margin-left: -1.25em }
  .clanek-vstup .clanek-perex { clear: none }
  .clanek-vstup .clanek-perex, .clanek-vstup .clanek-cas { margin-left: 35.714vw; }
  .clanek-vstup .clanek-cas:first-child { text-align: right }

  .soutez-vstup-fotka .soutez-fotka { width: 35.714vw; height: 26.786vw }
  .soutez-vstup-fotka { min-height: 26.786vw }
  .soutez-vstup-fotka>a, .soutez-vstup-fotka .obsah-text { margin-right: 35.714vw }

  .sekce-o .col-bc { margin: 0 2%; padding: 0.01em 1em 1em 1em; border-radius: 1.5em }
  
  .sekce-n .mimoblok .ilustrace { display: none }
  .nastenka-nazev a { font-size: 108.333% }
  .titulka .clanek-vstup { min-height: 0; margin: 0 0 1.5em 0 }
  .titulka .clanek-vstup>a { margin-left: -1em }
  .titulka .clanek-vstup .clanek-perex { margin-bottom: 0.5em }
  .titulka .soutez { margin: 0 0 1.5em }
  
  #platno .col-o, #platno .col-p { width: auto; display: block; clear: both }
  #platno .col-p { border-top: 2px dotted rgba(255,255,255,0.4); padding-top: 1.5em }
  #platno .bocni-menu { width: auto }
  #platno .obrazky-vyjezd .obrazek-bunka, #platno .obrazek-nahled, #platno .obrazek-upravy { width: 160px }
  #platno .obrazek-nahled > span { width: 160px; height: 120px }
  #platno .obrazek-nahled img { max-width: 160px }
  .obrazek-mista { width: calc(100vw - 8em) }
}

@media (max-width: 480px) {
  html { font-size: 75% }
  .bocni-menu { font-size: 177.777% }
  .smiley { height: 15.75px; margin: 0 1.5px }
  .nastenka-uvod { font-size: 133.333% }
  .blok-souvisejici { font-size: 150% }
  
  #hlavicka { background: url("layout/strom-spodek-500.png") 50% 0 no-repeat, linear-gradient(#23A1E0 25%, #76C0F0 75%); background-size: cover }
  .content .trava { background-image: url("layout/strom-spodek.png") }

  #hlavicka menu { font-size: 1.4vw; bottom: 0.8em; }
  #hlavicka menu li:before, #hlavicka menu li:after { bottom: -0.8em }
  .prihlasit-moznosti a { font-size: 116.666%; line-height: 2em }
  .cedule .cedule-text { font-size: 140% }
  
  .nastenky { border-spacing: 0; font-size: 100%; border-radius: 0.8em 0.8em 0 0 }
  .nastenky a { position: relative; z-index: 2; }
  .nastenky, .nastenky tbody, .nastenky tr, .nastenky th, .nastenky td { display: block }
  .nastenky tr { display: block; position: relative; width: 100%; float: left; padding: 0; margin: 0; border: 0; border-bottom: 2px dotted #38D; overflow: hidden }
  .nastenky th { padding: 0 }
  .nastenky tr { background: rgba(255,255,255,0.667); background: linear-gradient(0deg, rgba(255,255,255,0.3), rgba(255,255,255,0.35), rgba(255,255,255,0.8)); }
  .nastenky tr td, .nastenky tr th { display: inline; background: 0 !important ; border: 0 }
  .nastenky tr:first-child { background: #38D; border-radius: 0.8em 0.8em 0 0 }
  .nastenky th a { margin-top: 0; margin-left: 0 }
  .nastenky th.nastenka-pocet { display: none }
  .nastenky th.nastenka-posledni { position: absolute; top: 0; right: 0.75em; }
  .nastenka-oblibena { display: block !important }
  .nastenka-oblibena .nastenka-pocet { margin-right: 0px }
  .nastenka-oblibena .nastenka-pocet span:before { float: right; margin-left: 0.25em; width: 1.5em; height: 1.5em; background-size: cover }
  .nastenky .nastenka-nazev { position: static }
  .nastenka-nazev a { padding: 0.5em 0.75em; font-size: 100% }
  .nastenka-nazev span a { font-size: 133.333%; padding: 0.5625em 6.8em 0.1875em 0.5625em; line-height: 1.40625em; /*font-size: 125%; padding: 0.6em 7em 0.2em 0.6em;*/ }
  .nastenka-nazev span a:after { content: ""; position: absolute; left: -100px; right: -200px; bottom: -100px; top: -100px; z-index: 1 }
  .nastenky .nastenka-nazev { border-radius: 0 }
  .nastenka-jmeno > a, .nastenka-jmeno > span { float: right; padding: 0.5em 0; line-height: 1.5em; overflow: visible; position: relative }
  .nastenky .nastenka-posledni u, .nastenky .nastenka-posledni small { display: inline; float: right; }
  .nastenky .nastenka-posledni small:after { content: ","; margin: 0 0.5em 0.5em 0 }
  .nastenky .nastenka-jmeno small { font-size: 100%; margin: 0 }
  .nastenky .nastenka-posledni u { margin-right: 4.25em; font-weight: bold }
  .nastenky .nastenka-posledni br { display: none }
  .nastenky .nastenka-tema { right: auto; left: 0; bottom: 0; white-space: nowrap; z-index: 3; padding: 0.25em 0.75em 0.5em 0.75em }
  .nastenky .nastenka-pocet { position: absolute; top: 0.75em; right: 4.25em; text-align: right; padding-right: 0 }
  .nastenky .nastenka-pocet span:after { content: " " attr(data-slovo); display: block; font-size: 75%; line-height: 1em }
  .nastenky .nastenka-posledni img { position: absolute; right: 0.416em; top: -1.75em; width: 3.333em; height: 4em }

  .konto { border-spacing: 0 }
  .konto tr { display: block; width: 100%; background: rgba(255,255,255,0.667); border-radius: 0.75em; margin: 0 0 0.5em 0; clear: both; overflow: hidden }
  .konto td { display: block; background: 0; border: 0 }
  .konto .konto-hlavicka { display: none }
  .konto .konto-soucet { background: #FFF }
  .konto-soucet td:first-child { float: left }
  .konto .konto-cas { float: left; }
  .konto .konto-cas b:first-child { display: inline }
  .konto .konto-autor { float: left }
  .konto .konto-autor-prazdny { display: none }
  .konto .konto-cas+.konto-autor { float: right }
  .konto .konto-autor[data-slovo]:before { content: attr(data-slovo) }
  .konto .konto-pocet { float: right }
  .konto .konto-popis { clear: both; border: 1px solid rgba(0,0,0,0.25); border-width: 1px 0; padding: 0.5em 0; margin: 0 0.75em }
  
  .titulka .nastenky th { padding: 0.5em 0.75em; display: block }
  .titulka .nastenky th+th { display: none }
  .titulka .nastenky { background: #CFE1FF; overflow: hidden }
  .titulka .nastenka-jmeno a { overflow: visible }
  .titulka .nastenka-jmeno span { margin-right: 4.25em }
  
  .maluje #main { transform: translateY(-50vh) }
  .maluje #platno { left: 0; top: 3.5em; height: auto; bottom: 0 }
  #platno-zpet { width: auto; left: 0; right: 0; bottom: 100%; top: auto; height: 3.5em; background: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.75) 3em, rgba(0, 0, 0, 1) 3em); }
  .obrazek-mista { width: calc(100vw - 4.5em) }

  .sekce-o .bocni-menu ul { -webkit-columns: 1; columns: 1 }
}
@media (max-width: 395px) {
  html { font-size: 66.667% }
  .bocni-menu { font-size: 200% }
  .blok-souvisejici { font-size: 175% }
  .smiley { height: 14px; margin: 0 1.333px }
  
  #cedule-a .cedule { -webkit-transform: translateY(0.53em) rotate(-1.00deg); -ms-transform: translateY(0.53em) rotate(-1.00deg); transform: translateY(0.53em) rotate(-1.00deg) }
  #cedule-k .cedule { -webkit-transform: translateY(0.13em) rotate(0.75deg); -ms-transform: translateY(0.13em) rotate(0.75deg); transform: translateY(0.13em) rotate(0.75deg); }
  #cedule-h .cedule { -webkit-transform: translateY(-0.20em) rotate(-1.25deg); -ms-transform: translateY(-0.20em) rotate(-1.25deg); transform: translateY(-0.20em) rotate(-1.25deg); }
  #cedule-n .cedule { -webkit-transform: translateY(-0.13em) rotate(0.75deg); -ms-transform: translateY(-0.13em) rotate(0.75deg); transform: translateY(-0.13em) rotate(0.75deg); }
  #cedule-s .cedule { -webkit-transform: rotate(-0.50deg); -ms-transform: rotate(-0.50deg); transform: rotate(-0.50deg); }
  #cedule-v .cedule { -webkit-transform: rotate(0.75deg); -ms-transform: rotate(0.75deg); transform: rotate(0.75deg); }
  #cedule-p .cedule { -webkit-transform: translateY(0.53em) rotate(1.50deg); -ms-transform: translateY(0.53em) rotate(1.50deg); transform: translateY(0.53em) rotate(1.50deg); }
  #cedule-u .cedule { -webkit-transform: translateY(0.33em) rotate(0.75deg); -ms-transform: translateY(0.33em) rotate(0.75deg); transform: translateY(0.33em) rotate(0.75deg); }

  .hry-vyjezd { margin-left: -3.9vw }
  .hry-vyjezd .hra-vstup { font-size: 4.4vw; margin-left: 3.9vw; margin-right: 0 }

  .nastenka-nazev span a { font-size: 150%; padding: 0.5em 7em 0.1667em 0.5em; line-height: 1.25em }
  .mimo-mobil-mini { display: none }
}
@media (max-width: 320px) {

}