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

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


h1	{ 
font-size: 20px; 
}

h2	{ 
font-size: 18px;
}

h3	{ 
font-size: 16px; 
}

.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 {
}
.blokHlavniMenu .navbar-brand.logo {
}

.blokSocial {
	transition: all 0.1s ease;
	
}
.zahlaviMenuFix .blokSocial {
  width: 200px;
	transition: all 0.1s ease;
}
.zahlaviMenuFix .blokSocial .sekce{
	border-top: 0px solid #1A92DF;
	border-right: 1px solid #1A92DF;
	float: right;
}

.blokSocial .sekce.mobilni{
display: inline-block;
}

.logoMenu {
  width: 40%;
}

.logoMenu img {
  max-width: 80%;
}

div.pozadiHlavniMenu div.blokHlavniMenu .hlavniMenu {
  width: 60%;
  padding: 30px 0px 30px 6%;
}

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


div.pozadiHlavniMenu div.blokHlavniMenu #hlavniCollapsibleNavbar {
background: #0D6FB1 url('../grafika/pozadiMenuM.jpg') no-repeat center center;
background-size: cover;
}

/*------------------  tělo ---------------*/
.uvodniSlideText .nadpis, .uvodniSlideText h1 {
  padding-left: 30px;
  padding-right: 30px;
}

#slideshowUvod,#slideshowUvod .owl-carousel .owl-item img.imgSlide {
  height: calc(100vh - 55px);
}

#slideshowUvod .gSlideText .obrLogoSlideObal, #slideshowUvod .gSlideText img {
  max-width: 50vw;
}

#slideshowUvod .gSlideText .obrHoubaSlide {
  width: 90px;
}

.pozadipodHlavickou {
    margin-top: 50px;
}


#oNas{
	background: transparent;
}

#boxAuto .boxAutoPravy h2, 
h3.nahledyUvodNadpis ,
.boxAuto .boxAutoPravy h2{
  font-size: 18px;
}


#jeNutne {
  padding: 30px 0px;
}

.jeNutneBlok .nadpis, #pobockyMapa .pobockyMapaTexty h1.nadpis {
  font-size: 36px;
}

#programy .polozkaCenikuNazev {
  font-size: 30px;
  padding: 5px 0px 0px 0px;
}

#programy .polozkaCenikuTrvani {
  font-size: 18px;
  padding: 0px 0px 10px 0px;

}

#programy .polozkaCenikuTrvani .trvani {
  font-size: 14px;
}

#programy .tlacitkoDetail {
  font-size: 18px;
  padding: 5px 0px 20px 0px;
}

#programy .polozkaCenikuCena {
  font-size: 30px;
  padding: 15px 20px 15px 0px;
}


#programy .polozkaCenikuCenaMobil {
  font-size: 30px;
  padding: 0px 10px 0px 0px;
  color: #0D6FB1;
  line-height: 1.1;
  font-family: robotobold;
}

#programy  .polozkaCenikuMobil {
  width: 60%;
  float: left;
  text-align: right;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#programy .polozkaCenikuTrvani, #programy .polozkaCenikuPerex, #programy .lichyProgram .polozkaCenikuBlok, #programy .cenikRenovace  .polozkaCenikuMobil {
display: none;
}

#programy .cenikRenovace  .polozkaCenikuTrvani, #programy .cenikRenovace  .polozkaCenikuPerex , #programy .polozkaCenikuDetailPravy  .polozkaCenikuTrvani {
    display: block;
 }


#programy .polozkaCenikuOddelovac.lichyProgram, #programy .polozkaCenikuOddelovac {
  margin: 0px auto 0px auto;
  width: 100%;
}

#programy .cenikRenovace .lichyProgram .polozkaCenikuNazev {
  font-size: 24px;
}
 
#programy .polozkaCenikuPerex {
  font-family: robotoregular;
}



.cenikDoplnkovy .polozkaCenikuCena {
  font-size: 18px;
}


.cenikRezervovatTl  {
  margin: 20px 0px 40px 0px;
}

#programy .polozkaCenikuDetail .polozkaCenikuPopis,#programy .polozkaCenikuDetail .polozkaCenikuTrvani .trvani {
  font-size: 16px;
}

#programy .polozkaCenikuDetail .polozkaCenikuPopis ul {
   -webkit-column-count: 1; /* Chrome, Safari, Opera */
 -moz-column-count: 1; /* Firefox */
 column-count: 1;
}


#programy .polozkaCenikuDetail .polozkaCenikuPopis ul li {
  padding-left: 22px;
  font-size: 16px;
  margin-bottom: 5px;
}

#programy .polozkaCenikuDetail .polozkaCenikuPopis ul li::before {
  height: 3px;
  width: 12px;
}

#programy .polozkaCenikuDetail .polozkaCenikuTrvani {
  font-size: 20px;
  padding: 10px 20px 10px 0px;
}

#programy .polozkaCenikuDetail .polozkaCenikuCena {
  font-size: 30px;
  padding: 10px 0px 10px 20px;
  width: auto;
}

.programGalerie {
  gap: 10px;
}

.imgProgramGalerie{	
	height:100px;
}

.polozkaCenikuModal  .modal-content {	
  background: url('../grafika/pozadidetailProgramM.jpg') no-repeat center center;
  background-size: cover;
}


#pobockyMapa .mapaPobockaKontakty {
  gap: 20px;
  padding: 10px 0px 20px 0px;
  flex-direction: column;
}

#pobockyMapa .pobockyMapaTexty .text {
  font-size: 16px;
}



#poptavkaModal{	
  background: url('../grafika/pozadiObjednavkaM.jpg') no-repeat center center;
  background-size: cover;
}



#poptavkaModal form .radek.radekProgram {
  width: 48%;
  margin-right: 5%;
}

#poptavkaModal form .radek.radekDoplnkove {
  width: 47%;
  margin-right: 0%;
}


#poptavkaModal form .radek.radekDetailing{
	width: 48%;
}



#poptavkaModal form .poptavkaKategorieSluzby {
gap:0px;
}


#poptavkaModal form .poptavkaKategorieSluzby  .radekCheckbox {
 max-width: 100%;
}



form.objednavkaPoukazForm .radek.radekJmeno{
	width: 100%;
	margin-right:0%;
}

form.objednavkaPoukazForm .radek.radekTel{
	width: 100%;
	margin-right:0%;
}

form.objednavkaPoukazForm .radek.radekEmail{
	width: 100%;
	margin-right:0%;
}

form.objednavkaPoukazForm .radek.radekPoukaz{
	width: 100%;
	margin-right:0%;
}



.boxyAktuality.uvod .novinkySlide {
  width: 100%;
  margin: 10px auto 30px auto;
  padding: 10px 0px;
}

.boxyAktuality.uvod .novinkySlide:not(:first-child) {
display:none !important;
}

.boxyAktuality.uvod .slideObr {
  width: auto;
  max-width: 100%;
  margin-right: 0%;
  margin-bottom: 10px;
  height: auto;
  max-height: 300px;
}


.rozbalovaciSeznamPozadi .seznamNadpis {
  font-size: 18px;
}

.rozbalovaciSeznam .nadpis {
  font-size: 18px;
}

.rozbalovaciSeznam .pluskoObal {
  margin-right: 10px;
  margin-top: 2px;
}

.rozbalovaciSeznam .plusko.levy,.rozbalovaciSeznam .plusko.pravy {
  width: 6px;
  height: 5px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.rozbalovaciSeznam .plusko.stred {
  width: 5px;
  height: 17px;
}

.rozbalovaciSeznam .podnadpis {
  font-size: 16px;
}

.rozbalovaciSeznam .text {
  font-size: 14px;
}


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;
}

form.kontaktniForm input[type="text"].inputText {
  font-size: 18px;
}

form .nadpisRadku {
  font-size: 16px;
}


.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;
}

.pozadi.uvod {
  padding: 60px 0px;
}


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


.boxyAktuality .boxTl {
  margin: 0px auto 0px auto;
}

.tlacitkoSpecial.tlacitkoSpecialPraveMensi, .tlacitkoSpecial.tlacitkoSpecialLeveMensi {
  min-height: 75px !important;
  font-size: 18px !important;
}


/*----------  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;
}

.galerie.owl-carousel .owl-nav .owl-prev, .galerie.owl-carousel .owl-nav .owl-next {
  background-size: 70% !important;
}

.galerie.owl-carousel .owl-nav .owl-prev {
  left: -25px;
}
.galerie.owl-carousel .owl-nav .owl-next {
  right: -25px;
}




form.objednavkaPoukazForm .poptavkaKategorieProgramy {
  
}


form.objednavkaPoukazForm .radekPoukazy {
  max-width: 100%;
}

#poptavkaModal form .poptavkaKategorieSluzby  .radekCheckbox {
 max-width: 100%;
}

.poukazyBanner {
  display: none;
}

.akceBanner {
top: 0px;
right: 20px;
max-width: 65%;
max-height: 35%;
}

#cenikDetailing .blokyStredTextyProgramy .hlavniNadpis {
  margin: 0px 0px 20px 0px;
}


.blockPickUpUvod {
  padding: 15px 0 10px 0;
}

}