/* 0 px - 640 px */
@media screen and (max-width: 640px){
  .hclanky,
  .clanky{
    grid-template-columns: repeat(1, 1fr);
  }
  .fotogalerie{
    grid-template-columns: repeat(2, 1fr);
  }
}
/* 641 px - 1000 px */
@media screen and (min-width: 641px) and (max-width: 1000px){
  .hclanky,
  .clanky{
    grid-template-columns: repeat(2, 1fr);
  }
  .fotogalerie{
    grid-template-columns: repeat(4, 1fr);
  }
}
/* 0 px - 1000 px */
@media screen and (max-width: 1000px){
  .rs_nev{ display: none; }
  .rs_block{ display: block; }
  .rs_inline_block{ display: inline-block; }
  
  .top{ height: 200px; }
  .vyhledavani{
    position: fixed;
    top: 80px;
    left: 0px;
    float: none;
    padding: 10px;
    background-image: url(obr/nemocnice.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  .BODY2 .vyhledavani{ background: none; }
  .vyhledavani .vyhl1{ width: calc(100% - 42px); }
  .vyhledavani INPUT.i{
    width: calc(100% - 20px);
    padding: 10px;
  }
  .vyhledavani INPUT.v{
    width: 42px;
    height: 42px;
    background-size: 90%;
  }
  .naseptavac{
   top: 62px;
   left: 10px;
   width: calc(100% - 40px);
   -webkit-border-radius: 0px 0px 0px 0px;
   -moz-border-radius: 0px 0px 0px 0px;
   -khtml-border-radius: 0px 0px 0px 0px;
   border-radius: 0px 0px 0px 0px;
   box-shadow: 0px 0px 10px 0px #AAAAAA;
   -webkit-box-shadow: 0px 0px 10px 0px #AAAAAA;
   -moz-box-shadow: 0px 0px 10px 0px #AAAAAA;
  }
  
  A.ico_menu,
  A.ico_menu:link, A.ico_menu:visited{
   position: fixed;
   z-index: 100;
   top: 19px;
   right: 19px;
   display: block;
   width: 42px;
   height: 42px;
   background-image: url(obr/ico_menu.png);
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
  }
  A.ico_menu:hover, A.ico_menu:active{
   background-image: url(obr/ico_menu_over.png);
  }
  
  .rubriky{
   display: none;
   position: fixed;
   top: 80px;
   left: 0px;
   width: 100%;
   background-color: #005C9D;
   z-index: 100;
  }
  .rubriky .inline_block{ display: block; }
  .rubriky SPAN{ display: none; }
  .rubriky A,
  .rubriky A:link,
  .rubriky A:visited{
   display: block;
   width: calc(100% - 20px);
   padding: 5px 10px;
   text-align: left;
   text-decoration: none;
   font-weight: 500;
   font-size: 18px;
  }
  .rubriky A:hover,
  .rubriky A:active{
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   -khtml-border-radius: 0px;
   border-radius: 0px;
  }
  
  .pruh{ padding: 20px 0px; }
  .main{
    margin: 0px 20px;
    width: calc(100% - 40px);
  }
  
  .clanek A IMG{
    margin: 0px auto;
    display: block;
  }
  .cdpol2{ order: 1; }
  .cdpol1{ order: 2; }
  DIV.ctext{
   float: none;
   width: 100%;
  }
  
  .cdetail{
    grid-template-columns: 1fr;
  }
  .odstavec.odst211,
  .odstavec.odstavec2.odst211,
  .odstavec.odstavec2.odst21,
  .odstavec.odst21{
    grid-template-columns: 1fr;
  }
  .odpol{
    min-height: 300px;
  }
  
  .menu .main{ text-align: center; }

  .copy, A.kao:link, A.kao:visited{
   float: none;
   display: inline-block;
   margin: 20px 0px 0px 0px;
  }
  .bottom{
   width: 100%;
   min-width: 100%;
   max-width: 100%;
   padding: 50px 0px 100px 0px;
  }
  .bottom .main{
   text-align: center;
  }
}