@media only screen and (max-width: 1400px) {    
  #menu {                      
    
  }
  
  #mainpic {
    background-image:url('img/mainpic-1500.jpg');
    padding-bottom: 915px;
  }
}

@media only screen and (max-width: 1100px) {    
  #menu {                      
    // border: 1px solid green;
  }
  
  #menu .inside {
    margin-right: 10px;
    margin-left: 10px;
  }
  
  #menu .scroll {
    padding-left: 12px;
  }
  

  
}

@media only screen and (max-width: 850px) {    
  #menu {                      
    // border: 1px solid red;
  }
  
  #mainpic {
    background-image:url('img/mainpic-900.jpg');
    padding-bottom: 493px;
    margin-top: -70px;
  }
  
  #menu .rb, 
  #menu .rt {
    display: none;
  }
  
  #logo {
    width: 150px;
    height: 34px;
    background: url('img/logo150.png');
    display: block;
  }
  
  #radi {
    display: none;
  }
  
  #menuico {
    display: block;
    cursor: pointer;
    float: right;
  }
  
  #menuico:hover {
    opacity: 0.8;
  }
  
  .specializace {
    margin-top: -80px !important;
  }
  
  .botbox {
    width: 47%;
  }
  

}

@media only screen and (max-width: 550px) {    
  #menu {                      
    // border: 1px solid yellow;
  }

  .botbox {
    width: 100%;
  }
  
  #mainpic {
    background-image:url('img/mainpic-600.jpg');
    padding-bottom: 329px;
  }
  
  .specializace {
    margin-top: 0px !important;
  }

  
  table {
    width: 100%;
  }
 
}

@media only screen and (max-width: 350px) { 
  .galpic {
    width: 80%;
  }
  
  input[type="text"] {
    width: 100px;
  }
  
  input[type="submit"], div.submit {
    width: 120px;
    font-size: 13px;
  }
  
  
  .cenikform {
    margin-top: 30px;
  }
  
}