@media screen and (max-width: 5000px) {
 .main { width: 1200px; }
 .poznamkaa { display: block; padding-left: 165px; text-align: left; }
}

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

}

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

}

@media screen and (max-width: 1280px) {
 .main { width: 96%; padding: 60px 2%; }
 .mainbg { width: 100%; padding: 0; }
 .upMenu { height: auto; }
 .menu { height: auto; width: auto; }
 
 .menu .main { padding-top: 0; padding-bottom: 0; }

 .menu .logo { float: left; }
 .menu ul { clear: both; float: left; width: auto; margin: 40px 0 20px 0; padding:0; }
 
 .mapTop { height: 400px; }
 
}

@media screen and (max-width: 1024px) {
 .mapTop { height: 300px; }
}


@media screen and (max-width: 768px) {
 .mapTop { height: 200px; }
 
 form label { float: left; width: auto; margin-right: 15px; padding: 8px 0 0 0; text-align: left; }
 form input[type=text] { clear: both; float: left; width: 95%; }
 form textarea { clear: both;  float: left; width: 95%; height: 100px; }
 .poznamkaa { padding-left: 0; }
  
}


@media screen and (max-width: 450px) {
 .mapTop { height: 100px; }
}