
@media only screen and (max-width: 1300px) {


}



@media only screen and (max-width: 1200px) {
/* ----- Definice záhlaví ----- */
.kontejner{
}

.blokMenuTogler {
    width: 80px;
    height: 65px;
}

.blokMenuTogler .navbar-toggler {
    height: 65px;
    padding: 13px 20px 8px 20px;
}

.zahlaviMenuFix .telo #blokLogoPozadi .logoStredniZelene.logoStredniKategorie {
    top: 15px;
    left: 70px;
    width: 120px;
}
/*------------------  tělo ---------------*/
.telo .uvod h1, .telo .kategorie h1 {
    font-size: 36px;
}

.telo .uvod .hlavniSlideUvod h2 {
    font-size: 30px;
    margin: auto 0px 30px 0px;
    text-shadow: 2px 2px 5px #000;
}


#hlavniSlide {
	background: url('../grafika/slidyUvod/hlstr-1200.jpg') no-repeat;
}

#onas {
	background: url('../grafika/slidyUvod/onasstr-1200.jpg') no-repeat;
}

#produkty {
	background: url('../grafika/slidyUvod/produktystr-1200.jpg') no-repeat;
}

#kontaktniInfo {
	background: url('../grafika/slidyUvod/kontaktstr-1200.jpg') no-repeat;
}



.blokKategorieProduktu {
width: 500px;
}

.boxKategorieProduktu {
    width: 45%;
    max-width: 45%;
    margin: 15px 2%;
    padding: 10px 10px;
}

.nazevKategorieProduktu {
    font-size: 18px;
    margin: 10px 0px 0px 0px;
}
.blokKategorieProduktu img {
    max-width: 90%;
    height: auto;
    width: 100px;
}

}



