@media (min-width: 1025px) {
.HLAVNIBANNER {
*width: 100%;
*height: 100%;
max-width: 100%; 
  box-sizing: border-box; 
  height: auto;
  display: block;
  margin: auto;
background: url("../img/hlavni_banner_1920.jpg");
   background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
}

    
.skryt1920 {
visibility: hidden;
  clear: both;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  height: 0;
  } 
  
.logo { position: absolute; z-index: 20; left: 6%; top: -40px;}
.logo_ms { width: 120px; } 
.nav-collapse_ .nav > li > a { font-size: 21px;  padding: 4px; }
}


@media (min-width: 769px) and (max-width: 1024px) {
.HLAVNIBANNER {
*width: 100%;
*height: 100%;
max-width: 100%; 
  box-sizing: border-box; 
  height: auto;
    display: block;
  margin: auto;
background: url("../img/hlavni_banner_1024.jpg");
   background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
}

    
.skryt1024 {
visibility: hidden;
  clear: both;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  height: 0;
  } 
  
.logo { position: absolute; z-index: 20; left: 6%; top: -30px;}
.logo_ms { width: 130px; } 
.nav-collapse_ .nav > li > a { font-size: 19px;  padding: 5px; }
.BB60 { left: 50px; }
}




@media (min-width: 426px) and (max-width: 768px) {
 .HLAVNIBANNER {
*width: 100%;
*height: 100%;

max-width: 100%; 
  box-sizing: border-box; 
  height: auto;

  display: block;
  margin: auto;
  
background: url("../img/hlavni_banner_768.jpg");
   background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
}
 
  
.skryt768 {
visibility: hidden;
  clear: both;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  height: 0;
  } 

.logo { position: absolute; z-index: 20; left: 16%; top: -25px;}
.logo_ms { width: 100px; } 
.nav-collapse_ .nav > li > a { font-size: 25px;  padding: 12px; }
.BB60 { left: 40px; }
}



@media (max-width: 425px) {
   
 .HLAVNIBANNER {
*width: 100%;
*height: 100%;
max-width: 100%; 
  box-sizing: border-box; 
  height: auto;
    display: block;
  margin: auto;
  background: url("../img/hlavni_banner_425.jpg");
   background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
}
 
.skryt425 {
visibility: hidden;
  clear: both;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  height: 0;
  } 

.logo { position: absolute; z-index: 20; left: 5px; top: -5px;}
.logo_ms { width: 60px; } 
.nav-collapse_ .nav > li > a { font-size: 25px;  padding: 12px; }
.BB60 { left: -25px; }


}