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

.kontejner{
width: 96%;
padding: 0px 2%;
box-shadow: none;
}


h1	{ 
font-size: 18px; 
}

h2	{ 
font-size: 16px;
}

h3	{ 
font-size: 14px; 
}

.text10{ 
font-size: 9px;
}

.text12{ 
font-size: 11px;
}

.text14{ 
font-size: 12px;
}

.text18{ 
font-size: 14px;
}

.text24{ 
font-size: 16px;
}

.text36{ 
font-size: 20px;
}

.text48{ 
font-size: 24px;
}

.mobilni {
    display: block;
}

.nemobilni {
    display: none !important;
}


div.strankovani {
    margin: 5px auto 10px auto;
}

div.strankovani div  {
	font-size: 3vw;

	padding: 0px 0.3vw 0px 0.3vw;
}




.tlMys {
    display: none;
}


/*---------------hlavní menu -----------------*/
.zahlavi a.logo img {
  max-height: 90px;
  height: 90px;
  margin-right: 0px;
  pointer-events: none;
}
.blokHlavniMenu .navbar-brand.logo {
  max-width: 90px;
  overflow: visible;
}





.kategorie {
    padding-top: 0px;
    min-height: auto;
}



/*------------------  tělo ---------------*/
.pozadipodHlavickou {
    margin-top: 50px;
}

#slideshowUvod .captionNazev {
  font-size: 4vw;
}

#slideshowUvod .captionText {
  display:none;
}
#slideshowUvod .carousel-indicators {
  flex-wrap: wrap;
}

#slideshowUvod .carousel-indicators button {
  padding: 20px 10px;
  width: 50%;
  margin: 0;
  box-sizing: border-box;
  border-top: 1px solid #000;
}

#slideshowUvod .indicatorsNazev {
  font-size: 16px;
}

#slideshowUvod .indicatorsData {
  margin-top: 5px;
  font-size: 14px;
}
#slideshowUvod .indicatorsKategorie {
  display: none;
}

#slideshowUvod .controlPrevNext {
  bottom: -20px;
}


#slideshowUvod .captionTl{
	padding: 5px 10px;
}

#slideshowUvod .captionData {
  align-self: first baseline;
}

#banneryPodSlideshow .boxyPodSlideshow {
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 30px 0px 20px 0px;
}

#banneryPodSlideshow .boxyPodSlideshow .box{
  width: 48%;
    width: calc(50% - 5px);
}

#blokyStred .blokyStredNadpis, #sponzori .sponzoriNadpis, .kontaktniInfoHlavniNadpis {
  font-size: 36px;
}

#blokyStred {
  margin: 20px 0px 0px 0px;
}

#blokyStred .blokyStredBloky {
  gap: 10px;
  margin: 20px 0px 0px 0px;
}


#blokyStred .box .boxNadpis {
  font-size: 20px;
}
#blokyStred .blokySBNadpis {
  font-size: 18px;
  width: 100%;
}

#blokyStred .blokyStredBloky .boxTextyPozadi {
  padding: 10px 10px;
}
#blokyStred .blokyStredBanneryClanky {
  margin: 20px 0px 0px 0px;
  border: none;
}
#blokyStred .blokySBClanky {
  padding: 20px 10px;
}

#sponzori {
  margin: 20px 0px 20px 0px;
}

#sponzori .sponzoriText img{
	max-width: 100%;
}

#sponzori .hlavniSponzori img {
  max-height: 120px;
}

#sponzori .hlavniSponzori a {
  max-width: 45%;
}

#sponzori .sponzoriText {
  margin: 20px 0px 30px 0px;
  font-size: 16px;
}

#sponzori .sponzoriSlider img {
  max-height: 50px;
}

.logoMapaBox {
  width: 70px;
  height: 78px;
}

.logoMapaBox img{
  width: 70px;
}

.mapaPoziceBox {
  top: calc(58% - 120px);
  left: calc(42% - 35px);
}

#mapaPozice {
  width: 30px;
  height: 22px;
  left: 20px;
top: -10px;
}


#mapaPozice img {
  width: 30px;
}

div.paticka div.copyright1 {
  float: right;
  text-align: center;
  width: 100%;
}

div.paticka div.copyright2 {
  float: right;
  text-align: center;
  width: 100%;
  margin-top:10px;
}

input[type="submit"], input[type="reset"], input[type="button"], button, input[type="submit"].tlacitko, input[type="reset"].tlacitko, input[type="button"].tlacitko, button.tlacitko, a.tlacitko, .tlacitko {
    padding: 13px 20px;
    height: auto;
    font-size: 14px;
}


form.kontaktniForm .blok.blok50 {
    width: 100%;
	padding: 0px 0px;
}

form .radek.radekTl {
    height: auto;
}

form.form.kontaktniForm {
    margin-bottom: 0px;
}



.hlavniNadpis, h1, .hlText h1, .clanek h1 {
    font-size: 24px;
}


.kategorie .hlavniNadpis {
    margin: 10px 0px 0px 0px;
}


h2 {
    font-size: 15px;
}


.hlavniText {
    font-size: 13px;
}

.kategorie .hlavniText {
  margin: 0px 0px 10px 0px;
}




div.paticka div.copyright {
    width: 100%;
    text-align: center;
}


/*----------  kategorie a článek -------*/

#clanek, #kategorie, #stranka{
	margin-top:30px;
}

.strankaBezObrazku #clanek, .strankaBezObrazku #kategorie, .strankaBezObrazku #stranka{
	margin-top:70px;
}

.strankaBezObrazku #stranka, .strankaBezObrazku #kategorie{
	margin-top:50px;
}

.detailObrazek {
    max-width: 100%;
}

.galerieBlok .slick-slider {
    padding: 0% 20px 0px 20px;
    margin: 20px 0px;
}


.zahlaviMenuFix .pozadiZalozkaVouchery, .zahlaviMenu .pozadiZalozkaVouchery {
  display:none;
}

.pozadiZalozkaVouchery {
    height: 60px;
    width: 120px;
}

.zalozkaVoucheryPozadi {
    background-size: 120px auto;
}

.zalozkaVouchery::before {
    background-size: 120px auto, cover;
}

.pozadiZalozkaVouchery:hover {
  /*clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%, 0% 0px);*/
  
    height: 60px;
    width: 120px;
}

.soupiskaHrac  {
  max-width: none;
}


}