/* 0 px - 360 px */
@media screen and (max-width: 360px){
  .uvodni.zoo H1{
    font-size: 172px;
  }
  .o_nas P{
    font-size: 20px;
  }
  .o_nas H1{
    width: 199px;
    height: 70px;
    background-size: 100%;
    top: 200px !important;
    font-size: 40px;
    line-height: 70px;
  }
  .vstupne .obsahL H3{
    font-size: 40px;
  }
}
/* 0 px - 640 px */
@media screen and (max-width: 640px){
  .rs_nev{ display: none; }
  .rs_mob_nev{ display: none; }
  .rs_block{ display: block; }
  
  BODY{
   padding-top: 50px;
  }

  .main{
   width: 90%;
   max-width: 90%;
   min-width: 90%;
  }
  .mainL, .mainP,
  .mainL2, .mainP2,
  .mainL3, .mainP3{
   float: none;
   width: 90%;
   max-width: 90%;
   min-width: 90%;
   margin: 0px auto 20px auto;
  }

  A.logo, A.logo:link, A.logo:visited{
    display: none;
  }

  A.rs_logo,
  A.rs_logo:link,
  A.rs_logo:visited{
   position: fixed;
   top: 5px;
   left: 10px;
   display: block;
   width: 33px;
   height: 40px;
   background-image: url(obr/logo_bile.png);
   background-repeat: no-repeat;
   background-size: 100%;
   z-index: 101;

  }
  A.rs_logo:hover,
  A.rs_logo:active{
   background-image: url(obr/logo_bile_over.png);
  }
  .menupruh{ display: none; }
  .menu_respons{
   display: block;
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 50px;
   background-color: #0C8A2D;
   z-index: 100;
  }
  .menu_respons A.ico_menu,
  .menu_respons A.ico_menu:link, .menu_respons A.ico_menu:visited{
   position: absolute;
   top: 4px;
   right: 10px;
   display: block;
   width: 42px;
   height: 42px;
   background-image: url(obr/ico_menu.png);
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
  }
  .menu_respons A.ico_menu:hover, .menu_respons A.ico_menu:active{
   background-image: url(obr/ico_menu_over.png);
  }

  A.v_kosiku, A.v_kosiku:link, A.v_kosiku:visited {
    right: 110px;
  }

  .smenu_respons{
   display: none;
   position: fixed;
   top: 50px;
   left: 0px;
   width: 100%;
   background-color: #DEDB00;
   border-top: solid 1px #DEDB00;
   z-index: 100;
  }
  .smenu_respons A,
  .smenu_respons A:link,
  .smenu_respons A:visited{
   display: block;
   width: calc(100% - 10px);
   padding: 5px 0px 5px 10px;
   font-family: 'Amatic SC', cursive;
   color: #0C8A2D;
   text-align: left;
   text-decoration: none;
   font-size: 30px;
  }
  .smenu_respons A:hover,
  .smenu_respons A:active,
  .smenu_respons A.a,
  .smenu_respons A.a:link,
  .smenu_respons A.a:visited{
   color: #FFFFFF;
   background-color: #0C8A2D;
  }

  .uvod{ background-position: center 50px; }
  .uvod H1{
    top: 90px;
    left: 0px;
    width: auto;
    padding: 7px 20px 7px 20px;
    font-size: 30px;
  }
  .uvod H2{
    top: 141px;
    right: 0px;
    width: auto;
    padding: 7px 20px 7px 20px;
    font-size: 24px;
  }
  
  .obsahpad{ padding: 0px; }
  .obsah{ display: block; }
  .obsahL, .obsahP,
  .blok,
  .obsahL.obsahL2,
  .obsahP.obsahP2,
  .obsahL.obsahL3,
  .obsahP.obsahP3,
  .obsahL.obsahL4,
  .obsahP.obsahP4,
  .obsahL.obsahL5,
  .obsahP.obsahP5{
   display: block;
   width: 100%;
  }
  .obsahLpad, .obsahPpad{
   padding: 20px;
   font-size: 14px;
  }
  .blok H2, .blok2 H2{
   position: relative;
   top: auto;
   left: auto;
   margin: 20px 0px 0px 0px;
   font-size: 26px;
  }
  A.dalsi_pruh, A.dalsi_pruh:link, A.dalsi_pruh:visited{
   display: block;
   position: relative;
   width: 100%;
   height: 110px;
   white-space: nowrap;
   overflow: hidden;
   top: auto;
   left: auto;
   font-size: 65px;
   text-align: center;
  }
  A.dalsi_pruh SPAN, A.dalsi_pruh:link SPAN, A.dalsi_pruh:visited SPAN{
    top: 0px;
  }
  A.podporte_nas, A.podporte_nas:link, A.podporte_nas:visited{ 
    float: none;
    width: 100%;
    margin: 0px;
  }
  A.mapa_zoo, A.mapa_zoo:link, A.mapa_zoo:visited{
    display: block;
    width: 100%;
    margin: 0px;
  }
  A.mapa_zoo STRONG, A.mapa_zoo:link STRONG, A.mapa_zoo:visited STRONG{
    text-align: center;
    padding: 20px 0px 20px 0px;
  }
  A.mapa_zoo EM, A.mapa_zoo:link EM, A.mapa_zoo:visited EM{
    top: auto;
    left: 120px;
    bottom: -70px;
  }
  .zvirata A.zv.terarium, .zvirata A.zv.terarium:link, .zvirata A.zv.terarium:visited{
    height: 250px;
  }
  H4 A.fs50{
   display: block;
   font-size: 40px;
   text-align: center;
  }

  .zazitek A, .zazitek A:link, .zazitek A:visited{
   float: none;
   width: 100% !important;
  }
  
  .kategorie{ padding: 0px; }
  .kategorie A, .kategorie A:link, .kategorie A:visited{
    float: none;
    width: 100%;
    margin: 0px;
    font-size: 40px;
  }
  .kikonky A.email{
    font-size: 20px;
  }

  .clen_tymu{
    float: none;
    width: 100%;
    margin: 0px;
    text-align: center;
  }
  .clen_tymu IMG{
    float: none;
    margin: 0px auto 0px auto;
  }

  DIV.potvrzeni{
   left: 0px;
   top: 0px;
   padding: 10px;
   max-width: calc(100% - 30px);
  }
  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{
   width: calc(100% - 20px);
  }
  DIV.potvrzeni A.fs26{
   font-size: 20px;
  }
  TABLE.potvrzeni_tlacitka{
   display: block;
   margin: 10px 20px 0px 20px;
  }
  TABLE.potvrzeni_tlacitka TR TD{
   display: block;
  }
  TABLE.potvrzeni_tlacitka TR TD.tlac_mez{
   display: none;
  }
  .potvrzeni_tlacitka A.tlacitko,
  .potvrzeni_tlacitka A.tlacitko:link,
  .potvrzeni_tlacitka A.tlacitko:visited{
   font-size: 14px;
  }

  .poukaz{
   width: 100%;
   margin: 0px;
   float: none;
  }

  .mainL3 H2{
   display: block;
   padding: 0px 20px 0px 20px;
   font-size: 25px;
   text-align: left;
  }

  .suvenyr{
    width: 100%;
    margin: 0px;
    float: none;
  }
  .suvenyry .padP20{
    padding: 0px;
  }

  .adopce A, .adopce A:link, .adopce A:visited{
    display: block;
    height: auto;
  }
  .adopce A SPAN, .adopce A:link SPAN, .adopce A:visited SPAN{
    width: 100% !important;
    display: block;
    height: auto;
  }
  .adopce A SPAN.a1 IMG, .adopce A:link SPAN.a1 IMG, .adopce A:visited SPAN.a1 IMG{
    margin: 0px auto 10px auto;
  }
  .adopce A IMG, .adopce A:link IMG, .adopce A:visited IMG {
    height: 100px;
  }
  .adopce A SPAN.a4, .adopce A:link SPAN.a4, .adopce A:visited SPAN.a4{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
  }
  TABLE.tkosik TR TD{
    width: calc(100% - 20px) !important;
  }
  TABLE.objednavka TR TD{
   text-align: center !important;
  }
  TABLE.objednavka TR TD INPUT.i,
  .objednavka TEXTAREA{
   width: calc(100% - 30px);
  }
  TABLE.objednavka TR TD, TABLE.tkosik TR TD{
   display: block;
   text-align: center;
  }
  TABLE.tkosik TR TD.rs_mob_nev{
   display: none;
  }
  TABLE.tkosik TR TD{
    padding: 10px !important;
  }

  .fzvirata A, .fzvirata A:link, .fzvirata A:visited{
    width: calc(50% - 10px);
  }
  .fotogalerie A, .fotogalerie A:link, .fotogalerie A:visited{
    width: 33.3%;
  }
  A.mapa_bod, A.mapa_bod:link, A.mapa_bod:visited{
    display: none;
  }

  A.akce, A.akce:link, A.akce:visited {
    display: block;
    float: none;
    width: 98%;
    margin: 0% 1% 30px 1%;
  }
  
  .copy, A.kao:link, A.kao:visited{
   float: none;
   margin: 20px 0px 0px 0px;
   text-align: center;
  }
  .copy DIV.right{
   text-align: center;
  }
  .bottom{
   width: 100%;
   min-width: 100%;
   max-width: 100%;
   padding: 50px 0px 100px 0px;
   text-align: center;
  }
  
  .bottom .mainL.right, .bottom .mainP{ text-align: center; }
}
/* 1001 px - 1200 px */
@media screen and (min-width: 1001px) and (max-width: 1200px){
}
/* 1201 px - 1300 px */
@media screen and (min-width: 1201px) and (max-width: 1300px){
}
/* 1301 px - 1400 px */
@media screen and (min-width: 1301px) and (max-width: 1400px){
}