/*
0–599 / 600px (xs)
600–899 /900px (sm)
900–1199 /1200px (md)
1200–1799 / 1800px (lg)
1800 a více (xl)

| <-- 600 xs --> | <-- 900 sm --> | <-- 1200 md -->>>>

*/
@media screen and (max-width: 899px) {
  .mobile-icon{
    display: block;
  }
  .mobile-icon-Admin{
    display: block;
  }

  .menu .mapa-cr {
    display: block;
  }

  nav ul li {
    display: block;
  }

  .desc
  {
    display: none;
  }

  .menu-mobile{
    display: none;
    position: fixed;
    width: 100%;
    background-color: #9e0034;
    top: 85px;
  }

  .menu-mobile-Admin{
    display: none;
    position: fixed;
    width: 100%;
    background-color: #acacac;
    top: 85px;
  }


  #banner .stranky{
    display: none;
  }


  .boxcard{
    display: grid;
    grid-template-columns: 1fr ; 
    row-gap: 2.5rem;
  }

  .karta{
    grid-template-areas:
    "info info info info info"
    "telefon mapa odkaz www .";
  }

  .karta .info ul li, .karta a {
    font-size: 1.2rem;
  }

  .karta img{
    max-height: 5rem;
    max-width: 5rem;
  }

  .karta .mobil {
    display: block;
    grid-area: telefon;
  }

  .karta .qr{
    display: none;
  }

  .sloupce-2{
    columns:1 20em;
    margin: 2rem 0 2rem 0;
  }

  #chybyFoceni .sloupce-2{
    columns:1 20em;
    gap: 0em;
  }
  #chybyFoceni .sloupce-3{
    columns:1 20em;
    gap: 0em;
  }

}

@media screen and (min-width: 1200px) {

}

@media screen and (min-width: 900px) and (max-width: 1199px) {



}

@media screen and (min-width: 600px) and (max-width: 899px) {



}

@media screen and (max-width: 599px) {

}