@media screen and (max-width: 5000px) {
 .main { width: 1340px; }
}

@media screen and (max-width: 1600px) {
 .main { width: 1340px; }
}

@media screen and (max-width: 1366px) {
 .main { width: 1150px; }
}

@media screen and (max-width: 1280px) {
 .main { width: 980px; }
 header .main { height: 500px; }
 header nav.menu ul { width: 420px; }
 header nav.menu ul li a { width: 200px; height: 200px; line-height: 290px; font-size: 28px; }
 header nav.menu ul li a.m1 { background-position: center 40px; }
 header nav.menu ul li a.m2 { background-position: center 40px; }
 header nav.menu ul li a.m3 { background-position: center 40px; }
 header nav.menu ul li a.m4 { background-position: center 40px; }
 header .popistext { padding: 15px 15px; font-size: 22px; }
 header .blackline { height: 30px;}
}

@media screen and (max-width: 1024px) {
 .main { width: 740px; }
 header .main { height: 410px; }
 header.sub .main { height: 350px; }
 header nav.menu ul { width: 320px; }
 header nav.menu ul li a { width: 150px; height: 150px; line-height: 210px; font-size: 24px; }
 header nav.menu ul li a.m1 { background-image: url(../img/cutlery48.png); background-position: center 30px; }
 header nav.menu ul li a.m2 { background-image: url(../img/car48.png); background-position: center 30px; }
 header nav.menu ul li a.m3 { background-image: url(../img/photo48.png); background-position: center 30px; }
 header nav.menu ul li a.m4 { background-image: url(../img/phone48.png); background-position: center 30px; }
 header .popistext { display: none }
 header .blackline { height: 30px; } 
}


@media screen and (max-width: 768px) {
 html { -webkit-text-size-adjust: none; }
 .main { width: 100%; }
 header .main, header.sub .main { height: 345px; }
 header .logo { position: relative; margin: 0 auto; width: 200px; height: 140px; line-height: 140px; }
 header .logo img { width: 120px; }
 header .logo .nadpis span.one { font-size: 40px; }
 header .logo .nadpis span.two { font-size: 32px; }
 header .logo .telephone { width: 200px; top: auto; left: auto; bottom: auto; right: auto; }

 header nav.menu { position: absolute; width: 100%; top: 297px; z-index: 10; }
 header nav.menu .mobileb { display: block; }
 header nav.menu ul, header.sub nav.menu ul { display: none; width: 100%; }
 header nav.menu ul li { float: none; }
 header nav.menu ul li a, header.sub nav.menu ul li a {
 display: block; width: 100%; height: 32px; margin: 0; padding: 8px 0 8px 0; line-height: 30px; font-size: 22px; text-indent: 10px;
 text-align: left; color: #ffffff; }
 header nav.menu ul li a.m1, header nav.menu ul li a.m2, header nav.menu ul li a.m3, header nav.menu ul li a.m4 { background-image: none; }
 header.sub nav.menu ul li a.m1, header.sub nav.menu ul li a.m2, header.sub nav.menu ul li a.m3, header.sub nav.menu ul li a.m4 { background-image: none; }
 header .blackline { display: none; } 
 
 h1 { width: 98%; margin: 20px 1% 14px 1%; font-size: 30px; line-height: 34px; }
 .stranka { min-height: 100px; width: 98%; margin: 0 1%; }
 .stranka h2 { padding: 12px 0 12px 8px; font-size: 20px; }

}




@media screen and (max-width: 550px) {
 .stranka table tr td { width: 100%; padding: 0; display: block; }
 .stranka table tr td:first-child { width: 100%; padding: 0; display: block; }
}