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



/*-------  hlavička --------------*/
.pozadipodHlavickou {
	
}

div.pozadiHlavniMenu a.menuA {
    font-size: 24px;
    padding: 15px 20px 15px 20px;
    margin: 0px 0px 5px 0px;
    height: auto;
}

.telo .hlavniSlideUvod .logoStredniZelene {
    margin: 12vh 0px 10px 0px;
}

.navigaceUvod {
    left: 10px;
}

.navigaceUvod.navigaceUvodPrava {
right: 10px;
left: auto;
}

.navigaceUvod .tlMys  {
display: none;
}
/*------------------  tělo ---------------*/


.hlavniNadpis {
    font-size: 18px;
    padding-top: 10px;
	margin: 0px 0px;
}

.hlavniText {
    font-size: 13px;
}

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

.telo .logoStredniZelene {
    width: 180px;
    margin: 0px 0px 20px 0px;
}

.telo .uvod h1, .telo .kategorie h1 {
    font-size: 30px;
}

.telo .uvod .hlavniSlideUvod h2 {
    font-size: 24px;
	margin: auto 0px 50px 0px;
}

.telo .uvod h2, .telo .kategorie h2 {
    font-size: 18px;
}

.textUvod.onasSlideText {
    margin: 0px 0px 10px 0px;
    font-size: 14px;
}

.telo .uvod h3, .telo .kategorie h3 {
    font-size: 16px;
    margin: 10px 0px 10px 0px;
}


.blokKategorieProduktu {
    width: 90%;
}

.boxKategorieProduktu {
    width: 45%;
    max-width: 45%;
    margin: 15px 2%;
    padding: 10px 10px;
}

.nazevKategorieProduktu {
    font-size: 18px;
    margin: 10px 0px 0px 0px;
}

.textUvod.kontaktniInfoSlideText {
    font-size: 16px;
}














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

div.paticka div.copyright1 a {
    padding: 5px 10px;
}

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

.hlText h1, .clanek h1 {

    margin: 0px 0% 0px 0px;
    font-size: 18px;
    line-height: 24px;

}


.kategorieHorniBlok {
    flex-direction: column;
    margin: 0px 0px 30px 0px;
}

.kategorieHorniBlok .obrKategorie, .kategorieHorniBlok .textKategorie {
    width: 100%;
}


.clanekVypis {
    padding: 50px 0px 50px 0px;
}

.clanekVypis .kontejner {
    flex-direction: column;
}


.clanekVypis.lichy .clanekVypisObr {
    order: 1;
}

.clanekVypis.lichy .clanekVypisTexty {
    order: 2;
}

.clanekVypisObr {
    height: 400px;
	margin-bottom: 20px;
}

.kategorieHorniBlok .textKategorie h2 {
    margin-bottom: 0px;
}

.hlavniText p, .kategorie p {
    padding: 0px 0px 0px 0px;
}




















}