.Xrespo { display: none;}

@media only screen and (max-width: 800px) {

  .Xrespo { display: block;}  
  
  .X_non_respo { display: none; }
  
  body { background-image: none !important; background-color: #fff;}
  
  #head_respo { width: 100%;}
  .respo_logo { float: left; margin: 8px 0px 8px 8px;}
  .DT-head { margin-left: 0px;}
  
  #top_respo { position: relative; width: 100%; height: 60px;}
  
  .respo_fatfoot { position: relative; height: auto; width: 100%; margin-top: 10px;}
  .respo_fatfoot_box { float:left; height: auto; width: 100%; padding: 10px; background-color: #013656; color: #fff;}
  .respo_fatfoot .col { width: 46%; float: left; position: relative;}
  .respo_fatfoot ul { width: 100%; margin: 0px; padding: 0px; margin-bottom: 10px;}
  .respo_fatfoot ul li { color: #fff; text-align: left; font-size: 11px;}
  .respo_fatfoot ul li a { color: #fff; }
  
  .footer { margin-bottom: 0px; margin-top: 55px; padding: 0px; font-size: 10px;}
  .footer #socials { width: 70%; position: relative; text-align: center; padding-right: 30%; margin-top: -75px;}
  
  #respo_slider { width: 100%; position: relative; height: 240px; overflow: hidden; margin-bottom: 0px; }
  #respo_slider .cnt_respo { width: 100%; height: 240px; position: relative;}
  #respo_slider .cnt_respo .slider-message { text-align: left; width: 100%; height: 65px; position: relative; padding-top: 10px; padding-bottom: 10px; background: url(../images/slide1.png) center;}
  #respo_slider .cnt_respo .slider-message img { width: 80% !important; height: auto !important; margin-left: 0px !important; margin-top: 0px !important;}
  #respo_slider .cnt_respo .slider-message h1 { color: #fff; font-size: 16px; padding: 0px; padding-left: 10px; padding-bottom: 2px;  margin: 0px; width: 95%; font-family: Arial; }
  #respo_slider .cnt_respo .slider-message h2 { color: #fff; font-size: 14px; padding: 0px; padding-left: 10px; padding-bottom: 2px;  margin: 0px; width: 95%; font-family: Arial; }
  #respo_slider .cnt_respo .slider-message h3 { color: #fff; font-size: 12px; padding: 0px; padding-left: 10px; padding-bottom: 2px;  margin: 0px; width: 70%; font-family: Arial; }
  #respo_slider .cnt_respo .slider_img { width: 100%; height: 155px; background-position: top; position: relative; background-size: 230%;}
  
  #respo_slider .cnt_respo .slider-message .butt { position: absolute; z-index: 100; right: 10px; bottom:10px; background-color: #023554; color: #fff; padding: 7px 10px 7px 10px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; background-image: url(../images/butt_learn_r.png);}
 
  div.cookies { height: auto; font-size: 10px; display: none;}
  div.cookies div.holder { width: 80%; height: auto; padding-bottom: 10px; font-size: 6px; line-height: 9px; background-image: none;} 
    div.cookies div.holder a { font-size: 6px; line-height: 9px;}
  
  div.cookies div.holder .butt, #butt { margin: 5px !important; margin-right: 100px !important; }
  
  div.mob_main_menu { width: 100%; background-color: #eceff4;} 
  div.mob_main_menu div.link_block { cursor:pointer; width: 100%; height: 28px; font-weight: bold; background: url(../layout/mobile/button_bg.png) top repeat-x; position: relative; font-size: 13px; color: #fff; text-transform: uppercase; padding-top: 12px;}
  div.mob_main_menu div.obsah_block  { display: none; width: 100%; position: relative;}
  
  div.mob_main_menu div.obsah_block a { width: 95%; height: 28px; padding-left: 5%; padding-top: 12px; text-transform: uppercase; background: url(../layout/mobile/list_bg.png) top repeat-x; font-size: 13px; display: inline-block; text-align: left;}
}    

