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

 .header .menu { margin: 0 0 0 50px; }
 .header .menu ul li { margin-right: 5px; }
 .header .menu2 { margin-left: 5px; }

 .ulvypis1 { margin-bottom: 30px; }
 .ulvypis1 ul li { margin: 0 5px 0 0; }
 .ulvypis1 ul li a { padding: 15px; font-size: 16px; }

 .vrcholyItems a.item { float: left; width: 49%; margin: 0 0 2% 0; }
 .vrcholyItems a.item:nth-child(3n+2) { margin-left: 0; margin-right: 0; }
 .vrcholyItems a.item:nth-child(2n+2) { float: right; }
}

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

 .mojProfil { right: -100%; width: 100%; height: 100%; }

 .header .menu { float: none; margin: 0 0 0 0; }
 #menuB { display: block; }
 .header .menu { display: block; position: fixed; top: 0; left: -450px; bottom: 0; width: 450px; height: 100%; background: #f6f6f6; z-index: 500; overflow-y: auto; }
 .header .menu .menuTop { display: block; }
 .header .menu ul.hlavne { display: block; }
 .header .menu ul { clear: both; float: none; display: block; margin: 0; }
 .header .menu ul li { position: relative; display: block; width: 100%; border-bottom: 1px solid #535353; }
 .header .menu ul li a { display: block; height: auto; line-height: 100%; padding: 25px 15px 23px 15px; color: #393939; font-size: 16px; text-align: left; }
 .header .menu2 { margin: 20px 0 0 20px; }
 .header .menu2 ul li a  { display: block; height: 50px; line-height: 50px; }

 .imagetop { height: 400px; /*-webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;*/ }

}

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

 .ulvypis1.left { margin: 0; }
 .ulvypis1.right { clear: both; float: left; margin: 10px 0 15px 0; }

 .vrchol .info .item { width: 33.33%; padding: 15px; }
 .zaznamyInfoB a.add { width: 100%; }
 .zaznamyInfoB a.stats { width: 100%; margin-top: 15px; }

 .zaznamVystupu .overenie .addPopis .itemAdd.datum { margin-right: 0; }
 .zaznamVystupu .overenie .addPopis .itemAdd.popis { clear: both; float: none; padding-top: 20px; }
 .zaznamVystupu .overenie .addPopis .itemAdd input[type=text] { width: 100%; }
 .zaznamVystupu .overenie .addPopis .itemAdd textarea { width: 100%; }
}


@media screen and (max-width: 768px) {
 html { -webkit-text-size-adjust: none; }
 .content { padding: 40px 0; }
 h1 { margin-bottom: 40px; }

 .main { width: 94%; margin: 0 3%; }

 .header { padding-bottom: 15px; }
 .header .logo { font-size: 28px; }
 .header .login { height: 30px; line-height: 30px; margin-top: 0; }
 .header .login .image img { width: 30px; }
 .header .login a { margin-left: 10px; line-height: 30px; }

 .imagetop { height: 300px; }
}


@media screen and (max-width: 600px) {
 .mojProfil .cross { top: 30px; right: 30px; width: 36px; height: 36px; line-height: 36px; }
 .mojProfil .icon { margin: 0 0 60px 0; font-size: 40px; }
 .mojProfil .icon span { font-size: 22px; }

 .imagetop { height: 200px; }

 .vrcholyItems a.item { float: left; width: 100%; margin: 0 0 20px 0; }
 .vrcholyItems a.item:nth-child(2n+2) { float: left; }
 .vrcholyItems a.item .contentt { left: 0; bottom: 0; padding: 15px; background: rgba(0,0,0, 0.5) }
 .vrcholyItems a.item .contentt ul { max-height: 500px; overflow: auto; }

 table tr th, table tr td { display: block; }

 .vypisVrchari .item .image { width: 60px; }
 .vypisVrchari .item .image img { width: 60px; }
 .vypisVrchari .item .info { margin-left: 80px; }
 .vypisVrchari .item .meno span { display: block; margin: 10px 0 0 0; }
}


@media screen and (max-width: 450px) {
 .header .menu { width: 100%; }

 .stranka img { width: 90%; height: auto; }
}