@media screen and (max-width: 800px)
{
    
#menu{float:none;width: 90%; margin: 0px auto; }
#menu ul.menu {list-style-type:none;padding-top: 0px; float: left; width: 100%;}

    #menu ul.menu { text-align: center;  }
    #menu ul.menu li.mobil { display: none; }
    #menu ul.menu li.email { display: none; }
    #menu ul.menu li.space { display: none; }
    #menu ul.menu li{ float:none;padding: 5px 0px 5px 0px; margin-right: 0px;}

    .article_hp { max-width: 90%; margin: 25px auto 25px auto; } 
    .struktura_vypis_zlayout1 { max-width: 90%; margin: 20px auto 20px auto; }
    .struktura_vypis_zlayout2 { max-width: 90%; margin: 0px auto 0px auto; }
    .struktura_vypis_zlayout3 { max-width: 90%; margin: 0px auto 0px auto; }

    .struktura_vypis_zlayout4 .box_txt { padding: 30px 0px 20px 0px; margin: 20px auto 42px auto; 
        max-width: 90%; }
    .struktura_vypis_zlayout4 .tinymce_formatovani table { width: 100%; background-color: rgba(0,0,0,0.4); 
       border-spacing: 3px; margin: 20px 0px;}
    .struktura_vypis_zlayout4 .tinymce_formatovani table td { padding: 5px 10px; display: block; }

    .struktura_vypis_zlayout3 .box_txt { padding: 40px 0px 40px 30px; margin: 30px 0px; box-sizing: border-box; }
    .struktura_vypis_zlayout3 .tinymce_formatovani table td { display: block; }

    .struktura_vypis_zlayout3 .box_txt .tinymce_formatovani tr:nth-child(2) td p:nth-child(2) { font-size: 26px; }
    .struktura_vypis_zlayout3 .box_txt .tinymce_formatovani tr:nth-child(2) td a { font-size: 26px;}

	div.admintable { display: none; }

	img { max-width: 100%; }

    #bodydiv { width: 100%; }
    #content_obsah { float: none; width: 100%; }
    #sloupec { float: none; width: 100%; }

    #zahlavi .logo { float: none; width: 100%; text-align: center; }
    #zahlavi .logo img { border: 0px; padding: 10px 0px; text-align: center; max-width: 90%; }	

    #zahlavi .zahlavi_box_kontakty { float: none; }
    #zahlavi .box_kontakty { float: none;  }
    #zahlavi .box_kontakty li { list-style-type: none; float: none; text-align: center; }
    #zahlavi .box_kontakty li span { font-size: 12px; } /* zmensenina */

    #xmenubutton { display: block; padding: 10px 0px 10px 0px;}
    #xmenubutton li { text-align: center; list-style-type: none; }
    #xmenubutton li img { max-width: 70px; }
    #xmenubutton a {  }

    #xmenu { width: 100%; float: none; display:none; margin: 10px 0px;}
    #xmenu ul { list-style-type: none; }
    #xmenu ul li { list-style-type: none; float: none; text-align: center; }
    #xmenu ul li:hover {  }
    #xmenu ul li a { text-decoration: none; }
    #xmenu ul li a:hover { text-decoration: none; }
    #xmenu ul li.active a {  }

    #paticka .box_paticka { float: none; width: 100%; }

#paticka { 

    max-width: 90%;}

    #komentare_vypis .lista { padding: 5px 10px; }
    #komentare_vypis .text { padding: 5px 10px; }

    #komentare_vypis .btn_odpovedet { background-color: transparent; padding: 5px 0px; border-radius: 0px; 
    margin: 0px 15px 10px 0px; text-align: right; display: block;}
    #komentare_vypis .btn_odpovedet:hover { background-color: transparent; }
    #komentare_vypis .btn_odpovedet a { color: blue; }    

    #hp_boxies_flexi { display: grid; 
    /* grid-template-rows: repeat(4, auto); grid-template-rows: 1fr 1fr; */
    /* grid-template: repeat(4, 1fr) / repeat(2, 1fr); */
    grid-template: repeat(4, auto);
    grid-gap: 10px;
    grid-auto-flow: column;
    border: 1px solid blue;
    /* grid-template-columns: 1fr 1fr; */
    grid-template-columns: repeat(2,auto);



    /* grid-auto-columns: 100px 100px;     */
    }

	#box_aktuality { grid-template-columns: 1fr 1fr; }

}