

@media only screen and (max-width: 600px) {
.kontaktniInfoTexty .kontaktniInfoNadpis {
  font-size: 24px;
}

.nahledyUvodGalerie {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
}

#jeNutne {
  padding: 20px 0px;
}

.jeNutneBlok .nadpis, #pobockyMapa .pobockyMapaTexty h1.nadpis {
  font-size: 30px;
}

#programy .polozkaCenikuDetail .polozkaCenikuCena,#programy .polozkaCenikuDetail .polozkaCenikuTrvani {
  min-width: 40%;
}

#programy .polozkaCenikuDetail .tlacitkoSpecial2  {
  margin:0px auto;
}

#pobockyMapa .pobockyMapa {
  width: 100%;
  height: 60vw;
  background-size: contain;
}

#pobockyMapa .mapaPobocka {
  transform: none;
}

#pobockyMapa .pobockaInner {
  width: 100%;
}
#pobockyMapa .logoMapa {
  width: 100%;
  height: auto;
}




#poptavkaModal form .poptavkaKategorieProgramy {
gap:0px;
}

#poptavkaModal form .poptavkaKategorieProgramy  .radekCheckbox {
 max-width: 100%;
}

}

/* ------ větší neš SM -----------*/
@media only screen and (min-width: 575px) {
.mobilni575{
    display: none !important;
}

}


@media only screen and (max-width: 575px) {

.neMobilni575{
    display: none !important;
}



}


@media only screen and (max-width: 500px) {
	
#hlavniCollapsibleNavbar {
  flex-direction: column;
}

.logoMenu {
  width: 100%;
  max-height: 20%;
  padding: 10px 10px 10px 10px;
  text-align: center;
  margin-bottom: 20px;
}

.logoMenu img {
  max-width: 60%;
  max-height: 100%;
  width: auto;
  height: 100px;
}

div.pozadiHlavniMenu div.blokHlavniMenu .hlavniMenu {
  width: 100%;
  padding: 30px 4% 10px 4%;
}

div.pozadiHlavniMenu div.blokHlavniMenu .hlavniMenu::before {
  bottom: auto;
  top: 0px;
  left: 20%;
  height: 1px;
  width: 60%;
}

div.pozadiHlavniMenu div.blokHlavniMenu .menuLi {
  margin-right: 0px;
}

div.pozadiHlavniMenu div.blokHlavniMenu a.menuA {
  font-size: 20px;
  padding: 6px 20px 6px 10px;
}

div.pozadiHlavniMenu div.blokHlavniMenu .sub-menu li {
  min-width: 280px;
  padding-left: 25px;
}


#slideshowUvod h1,.uvodniSlideText .nadpis, .uvodniSlideText h1  {
  font-size: 24px;
}



#slideshowUvod .gSlideText {
    font-size: 18px;
}

.boxyAktuality .novinkySlide, .boxyAktuality.uvod .novinkySlide {
  width: 100%;
  margin: 10px auto 20px auto;
  padding: 10px 20px;
  flex-direction: column;
}

.boxyAktuality .slideObr {
  width: 250px;
  max-width: 100%;
  margin-right: 0%;
  float: left;
  height: auto;
  max-height: none;
  overflow: hidden;
  flex-shrink: 0;
  margin-bottom: 15px;
}

.boxyAktuality .slideTexty {
  width: 100%;
}

#poptavkaModal form .radek.radekJmeno, 
#poptavkaModal form .radek.radekTel,
#poptavkaModal form .radek.radekEmail,
#poptavkaModal form .radek.radekZnacka,
#poptavkaModal form .radek.radekProgram ,
#poptavkaModal form .radek.radekDoplnkove,
#poptavkaModal form .radek.radekDetailing{
  width: 100%;
  margin-right: 0%;
}

}


@media only screen and (max-width: 480px) {
.jeNutneBlok .nadpis .horni,.jeNutneBlok .nadpis .spodni {
  display: inline-block;
}
.jeNutneBlok .nadpis .horni {
  padding-bottom: 5px;
}

#programy .hlavickaCeniku {
  padding: 0px 0px 0px 0px;
}

#programy .ikonaCeniku {
  padding: 0px 15px 0px 0px;
  height: 40px;
}

#programy .nadpisCeniku,  #programy .polozkaCenikuCenaMobil {
  font-size: 24px;
}

#programy .polozkaCeniku, #programy .lichyProgram.polozkaCeniku {
  width: 100%;
}

#programy .polozkaCenikuNazev {
  width: 50%;
  float: left;
  text-align: left;
   font-size: 24px;
}

#programy  .polozkaCenikuTrvani {
  width: 50%;
  float: left;
  text-align: right;
  padding: 5px 0px 10px 0px;
}

#programy .polozkaCenikuTrvani .trvani {
  display: none;
}

#programy .polozkaCenikuPerex {
  text-align: left;
  float: left;
  width: 100%;
  padding: 10px 0px 10px 0px;
}

#programy .polozkaCenikuBlok {
  float: left;
  width: 100%;
  padding: 0px 0px 0px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

#programy .tlacitkoDetail {
  padding: 20px 0px 20px 0px;
  order: 2;
  width: 40%;
}

#programy .polozkaCenikuCena {
  text-align: left;
  float: left;
  order: 1;
}

#programy .tlacitkoSpecial2 {
  float: right;
  order: 3;
  margin: 0px auto;
}

 #programy .polozkaCenikuCena {
    width: 100%;
  }




#pobockyMapa .mapaPobockaEmail, #pobockyMapa .mapaPobockaTel {
  font-size: 20px;
}

#pobockyMapa .mapaIkona {
  height: 35px;
}


}

@media only screen and (max-width: 450px) {


}



@media only screen and (max-width: 400px) {
div.zahlavi.zahlaviMenuFix .blokLogo, 
.zahlavi.zahlaviMenuFix .blokLogo a.logo {
  width: 50px;
  height: 50px;
}

.zahlavi.zahlaviMenuFix .blokLogo a.logo img {
  height: auto;
  max-width: 80%;
}

.zahlaviMenuFix .blokMenuTogler {
	width: 50px;
  height: 50px;
}

.zahlaviMenuFix .blokMenuTogler .navbar-toggler {
  height: 50px;
  padding: 3px 10px;
}

.zahlaviMenuFix .blokMenuTogler span {
  width: 30px;
}


#clanek, #kategorie, #stranka{
}


.strankaBezObrazku #clanek, .strankaBezObrazku #kategorie, .strankaBezObrazku #stranka{
	
}

.hlavniNadpis, h1, .hlText h1, .clanek h1 {
    font-size: 24px;
    padding-top: 10px;
	margin: 0px 0px 10px 0px;
}


.galerie .carousel-indicators {
    display: none;
}




.tlacitkoSpecial.tlacitkoSpecialPrave, .tlacitkoSpecial.tlacitkoSpecialLeve {
  font-size: 18px !important;
}



.programGalerie {
  gap: 5px;
}


.imgProgramGalerie{	
	height:80px;
}


}



@media only screen and (max-width: 350px) {


.zahlaviMenuFix .blokSocial {
  width: 150px;
}

.blokSocial .sekce.mobilni{
display: none;
}

#programy .polozkaCenikuCenaMobil {
    font-size: 20px;
  }
 
#programy .cenikKomplet  .ikonaCeniku {
	display:none;
}

#programy .ikonaCeniku.ikonaCenikuMobil {
	display:block;
	height: 85px;
	max-width: 55px;
}


}




















