/* 0 px - 640 px */
@media screen and (max-width: 640px){
  .rs_mob_block{ display: block; }

  A.logo, A.logo:link, A.logo:visited{
    width: 50px;
    height: 50px;
    margin: 10px 0px 0px 10px;
  }
  A.napoveda, A.napoveda:link, A.napoveda:visited{
    width: 50px;
    height: 50px;
    margin: 10px 10px 0px 0px;
  }
  .top{
    margin: 10px 0px 0px 10px;
    width: calc(100% - 130px);
  }
  
  .main{
    min-width: 0px;
    max-width: 90%;
    width: 90%;
  }
  .skoleni{
   grid-template-columns: 1fr;
  }
  .kurz{
   grid-template-columns: repeat(8,1fr);
  }

  .copy, A.kao:link, A.kao:visited{
   float: none;
   text-align: center;
  }
  .bottom{
   width: 100%;
   min-width: 100%;
   max-width: 100%;
   text-align: center;
  }
}
/* 0 px - 1000 px */
@media screen and (max-width: 1000px){
  .rs_block{ display: block; }
  BODY{ padding: 200px 0px 100px 0px; }
  
  DIV.potvrzeni{
   left: 0px;
   top: 0px;
   padding: 10px;
   width: calc(100% - 30px);
   max-width: none;
   max-height: calc(100vh - 30px);
   overflow-y: scroll;
  }
  DIV.potvrzeni FORM TABLE,
  TABLE.form_table{
   margin: 0px auto 0px auto;
  }
  TABLE.form_table TR TD{
   display: block;
   text-align: center;
  }
  FORM INPUT.i, FORM TEXTAREA{
   width: calc(100% - 70px);
   margin: 0px auto;
   font-size: 20px;
  }
  .potvrzeni_tlacitka{
    display: block;
    width: calc(100% - 20px);
  }
  .potvrzeni_tlacitka A.tlacitko,
  .potvrzeni_tlacitka A.tlacitko:link,
  .potvrzeni_tlacitka A.tlacitko:visited{
   display: block;
   width: calc(100% - 40px);
   margin: 10px 0px;
  }
}
/* 641 px - 1000 px */
@media screen and (min-width: 641px) and (max-width: 1000px){
  .skoleni{
   grid-template-columns: 1fr;
  }
  .kurz{
   grid-template-columns: repeat(18,1fr);
  }
}
/* 1001 px - 1200 px */
@media screen and (min-width: 1001px) and (max-width: 1200px){

}