@media only screen and (max-width: 1020px) { /* sirka 990 + 2x10 padding + 20 scrollbar */

    .dPanel.prvni { background-size: contain; }
    .prvni .odkaz-logo { margin-top: 20px; }
    .prvni .text { margin-top: 8%; width: 50%; padding: 0 2%;  }
    .prvni #hHlavniNadpis { width: 50%; }

    .druhy .kontakt { width: 50%; padding: 0 2%; }
    .druhy .text .pravySloupec { width: 50%; padding: 0 2%; }
    .druhy .text .levySloupec { width: 50%; padding: 0 2%; }
    .druhy .text .hlavicka { width: 50%; padding: 0 2%; }
    img#mapa { left: -47%; }

    #paticka p  { padding: .8rem 2%; }

}

@media only screen and (max-width: 900px) { /* sirka 860 + 2x10 padding + 20 scrollbar */

    .prvni .odkaz-logo { float: left; margin-left: 15px; }
    .menu { clear: both; margin-top: 55px; }

    .prvni #hHlavniNadpis { float: none; width: 470px; margin: 0 auto; }
    .prvni .text { float: none; width: 100%; }
    .prvni .menu-zde { float: none; padding: 3% 0; width: 235px; margin: 0 auto; display: block; }

    .druhy .kontakt  { margin: 0 auto; text-align: center; }
    .druhy .text form { position: relative; width: 100%; top: 0; right: 0; margin: 30px auto; }

    .druhy .menu { float: none; margin: 0 auto; }
    .druhy .text .pravySloupec { float: none; width: 100%; }
    .druhy .text .levySloupec { float: none; width: 100%; }
    .druhy .text .hlavicka { width: 100%; float: none; }
    img#mapa { left: 2%; max-width: 100%; }
    img#kladivko { max-width: 100%; }
    img#prodano { max-width: 100%; }
    img#info { max-width: 100%; }

}


@media only screen and (max-width: 800px) { /* sirka 760 + 2x10 padding + 20 scrollbar */

    .druhy .kontakt { width: 80%; }


}


@media only screen and (max-width: 700px) { /* sirka 660 + 2x10 padding + 20 scrollbar */



}


@media only screen and (max-width: 600px) { /* sirka 560 + 2x10 padding + 20 scrollbar */




}

@media only screen and (max-width: 500px) { /* sirka 460 + 2x10 padding + 20 scrollbar */

    .dPanel.prvni { background-image: url(../obrazky/pozadi-prvni-mobilni.jpg); }
    .prvni .odkaz-logo { margin: 0; padding-top: 60%; padding-bottom: 5%; float: none; text-align: center; }
    .prvni #hHlavniNadpis { width: auto; font-size: 4em; }
    .menu { margin: 20px auto; float: none; }


    .prvni .text { padding: 0 5%;  }
    .druhy .text .pravySloupec { padding: 0 5%; }
    .druhy .text .levySloupec { padding: 0 5%; }
    .druhy .text .hlavicka { padding: 0 5%; }
    .druhy .kontakt { padding: 0 5%; margin-top: 50px; width: 100%; }
    #paticka p  { padding: .8rem 5%; }


}

@media only screen and (max-width: 430px) { /* sirka 390 + 2x10 padding + 20 scrollbar */

    .prvni #hHlavniNadpis { font-size: 2.7em; }


    /* ↓↓ menu hlavní */
    .menu { width: 92%; margin: 0 4%; height: 390px; }
    .index { top: 70px; left: 0; }
    .menu-2 { right: 18%; }
    .menu-3 { top: 135px; right: 0; }
    .menu-4 { top: 260px; right: 14%; }
    .domu { top: 190px; left: 0px; }
    /* ↑↑ menu hlavní */

}

@media only screen and (max-width: 360px) { /* sirka 320 + 2x10 padding + 20 scrollbar */


    /* ↓↓ menu hlavní */
    .menu-2 { right: 10%; }
    .menu-4 { right: 5%; }
    /* ↑↑ menu hlavní */

}


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


    table {
	border: 0;
    }

    /*    table tr th {
	    display: none;
	}*/

    /*    table thead {
	    display: none;
	}*/

    table tr {
	margin-bottom: 10px;
	display: block;
	/*border-bottom: 2px solid #ddd;*/
    }

    table td p { text-align: center !important;}

    table td {
	display: block;
	width: 100%;
	text-align: right;
	font-size: 13px;
	/*border-bottom: 1px dotted #ccc;*/
	text-align: center !important;
    }

    table td:last-child {
	border-bottom: 0;
    }

    table td:before {
	content: attr(data-label);
	/*float: left;*/
	display: block;
	text-align: center !important;
	text-transform: uppercase;
	font-weight: bold;
	color: #06377a;
	padding: 0.5em;
	background-color: transparent;
    }

}