@media screen and (max-width: 940px) 
   {
      header .top
         {
            background: #D1D6D0;
         }
		 
      header .top .slider
         {
            display: none;
         }
		 
      header .top .mobilni
         {
            display: block;
            height: 292px;
            background: url('../images/header-marian.png') no-repeat 100% 100%;
         }
		 
      header .top .mobilni img
         {
            display: block;
            padding-left: 20px;
            padding-top: 81px;
         }

      header .menu .center a.home
         {
            display: none;
         }

      header .menu .center a.roll
         {
            display: block;
         }

      header .menu .center nav
         {
            display: none;
         }

      header .menu .center nav ul
         {
            width: 100%;
            padding: 0px;
			margin: 0px;
         }
		 		    		 		 
      header .menu .center nav ul li
         {
            width: 100%;
            height: 36px;
            background: #fdd534;
            border-bottom: 1px dotted #daba39;
            padding-left: 0px;
            padding-right: 0px;
            border-right: 0px solid #daba39;
         }
   
      header .menu .center nav ul li a
         {
            font-size: 17px;
            color: #4c4c4c;
            text-transform: uppercase;
            text-decoration: none;
            display: block;
            padding-top: 6px;
            text-align: left;
            width: auto;
            padding-left: 20px;
         }
		 
      header .menu .center img.kdu
         {
            margin-top: 11px;
         }
   		 
      .web .content
         {
            background: none;
         }

      .web .content .text
         {
            width: 100%;
            max-width: none;
         }
		 
      .web .content .column
         {
            width: 100%;
            background: #F9F9F9;
            border-top: 1px solid #D6D5DA;
         }
		 
      .web .content .kdojsem
         {
            width: 100%-40px;
         }
		 
      .web .content .column .blog
         {
            width: 100%-20px;
         }
		 
      .web .content .column .facebook
         {
            display: none;
         }

      .web .content .text
         {
            width: auto;
            padding-left: 10px;
            padding-right: 15px;
         }

      .web .content .text .clanek .item
         {
            min-height: 138px;
            border-bottom: 1px dotted #cccccc;
         }

      .web .content .text .clanek .item .foto
         {
            position: absolute;
            min-height: 131px;
         }
		 
      .web .content .text .clanek .item .info
         {
            float: left;
            padding-left: 150px;
            width: auto;
         }
   }

@media screen and (max-width: 600px) 
   {
      .myslider {
         height: 50%;
         height: 50vh;		
      }

      .mysliderinfo {
         height: 50%;
         height: 50vh;	
      }
	   
      header .top
         {
            height: 300px;
         }
		 	
      header .top .mobilni
         {
            display: block;
            height: 300px;
            background: url('../images/header-marian.png') no-repeat 100% 100%;
            text-align: center;
         }
		 	 
      header .top .mobilni img
         {
            display: block;
            width: 200px;
            height: 80px;
            margin-left: 10px;
            padding-top: 100px;
         }
		 
   }
   
@media screen and (max-width: 518px) 
   {
      header .top
         {
            height: 410px;
         }
		 	
      header .top .mobilni
         {
            display: block;
            height: 410px;
            width: auto;
			text-align: center;
            background: url('../images/header-marian.png') no-repeat 50% 100%;
         }
		 	 
      header .top .mobilni img
         {
            display: inline;
            width: 240px;
            height: 96px;
            margin-left: 10px;
            padding-top: 10px;
         }
   }
   
@media screen and (max-width: 320px) 
   {
      header .top
         {
            height: 410px;
         }
		 	
      header .top .mobilni
         {
            display: block;
            height: 410px;
            background: url('../images/header-marian.png') no-repeat 0% 100%;
         }
		 	 
      header .top .mobilni img
         {
            display: block;
            width: 240px;
            height: 96px;
            margin-left: 10px;
            padding-top: 10px;
         }
		 
      header .menu .center nav ul
         {
           position: absolute;
           margin-top: -180px;
         }
		 
      .web .content .text .clanek .item .info .datum
         {
			clear: both;
            width: 88px;
            height: 21px;
            padding-top: 3px;
            display: block;
            background: #f5f7fa;
            text-align: center;
            color: #4c4c4c;
            text-decoration: none;
            margin-left: 0px;
         }
		 
   }
   
/* New Design - 14.05.2016 */

@media screen and (max-width: 1200px) {
    .menu_right a { 
        padding: 10px 10px 10px 10px;
        margin-left: 5px;
    }
    .menu_right li.aktivni a{
        padding: 10px 9px 10px 9px;
    }
    .ico-social {margin-left:-30px}
    .fotogal .superitem { width: 100%}
    /*.superitem,.fotogal h1 {padding-left:15px}*/
}

@media screen and (max-width: 999px) {
    .menu_right { display:none;  }
    #tl_button { display:block; bottom: -74px; }
    .hfm{display:none}
    .slider,.sliders {height: 550px;}
    .col2 {clear:both;width:100%}
    .fotogal .superitem { width: 100%}
}

@media screen and (max-width: 991px) {
    #tl_button { bottom: -107px; }
    .box_sloupec,.box_sloupec_obsah{width:100%;}
    .box_sloupec_obsah{padding-right:25px;margin-left:10px}
    .box_sloupec{text-align:center;margin-top: 7px;}
    .box_sloupec h1 { width: 100% }
    .box_sloupec img { display: inline-block}
    .ico-social {margin-left:0px}
    
    .box_sloupec h1 {display: none;}
    .box_sloupec hr:first-child {display: none;}
    .box_sloupec .text_uvodni_slovo {display: none;}
    .box_sloupec .text-left {display: none;}
    .left {width: 100%;}
}

@media screen and (max-width: 500px) {
    .box_sloupec{width:100%;}
    .slider,.sliders {height: 470px;}
    .vypis h2,.fotogal h2{clear:both;padding-top:12px}
    .fotogal .superitem { height: auto; min-width: 230px}
    .fotogal .item { height: auto; min-width: 0}
    .item h2, .item .popis {margin-left:20px; margin-right:20px;margin-bottom:20px;padding-top:0px}  
    .menu {height: 80px;}
    #logo {position:absolute;left:20;width:50%;}
}

@media screen and (max-width: 425px) {
    .menu_mobile{ width: 100%;}

}

@media screen and (max-width: 370px) {
    .box_sloupec {width:95%}
    /*#logo {position:absolute;width:95%}*/
    .ico-social {margin-left:-10px;margin-right:0px}
}
    
@media screen and (max-width: 330px) {
    /*#logo {position:absolute;width:95%}*/
    .item h2, .item .popis {margin:0px 10px 10px 10px} 
}

@media screen and (max-width: 330px) {
    /*#logo {position:absolute;width:95%}*/
    .slider,.sliders {height:470px}
       
}

@media screen and (max-width: 299px) {
    .item h2, .item .popis {margin:0px 5px 5px 5px}
}

@media screen and (max-width: 250px) {
    .fotogal .superitem,
   /*.clanek .vypis .item{margin-left:-13px} */
    .slider,.sliders {height:470px}
    .item h2, .item .popis {margin:0px 2px 2px 2px}
}

@media screen and (max-width: 230px) {
    #tl_button { left: 30px; }
}