@media screen and (max-width: 1400px) 
   {  
      header
         {
            padding-top: 50px;
            margin-left: 50px;
            margin-right: 50px;
         }
   
      ul.footer
         {
            width: calc(100% - 100px);
            margin-left: 50px;
            margin-right: 50px;
         }
   
      .obsah
         {
            margin-left: 50px;
            margin-right: 50px;
         }
   
      .leva
         {
            margin-left: 50px;
            width: calc(50% - 50px);
            min-height: 400px;
            float: left;
            position: static;
            display: block;			
         }
      
      .leva img 
         {
            max-width: 100%;
         }
		 
      .prava
         {
            margin-right: 50px;
            width: calc(50% - 50px);
            height: auto;
         }
		    
      .prava ul.kontakt li
         {
            width: 100%;
            margin-bottom: 30px;
         }
		 
      ul.kategorie
         {
            margin-left: 50px;
            margin-right: 50px;
            height: calc(100% - 300px);
         }
   
      .inbox .title
         {
            font-size: 20px;    
         }
		 
      ul.blog li
         {
            flex-basis: 50%;
         }
		 
      ul.blog li .text
         {
            height: auto;
            min-height: 85px !important;
         }
		 
   }
   
@media screen and (max-width: 1000px) 
   {  
      header
         {
            padding-top: 25px;
            margin-left: 25px;
            margin-right: 25px;
         }
		 
      ul.kategorie
         {
            margin-left: 25px;
            margin-right: 25px;
         }
   
      ul.footer
         {
            width: calc(100% - 50px);
            margin-left: 25px;
            margin-right: 25px;
         }
   
      .obsah
         {
            margin-left: 25px;
            margin-right: 25px;
         }
   
      .leva
         {
            margin-left: 25px;
            margin-right: 25px;
            width: calc(100% - 50px);
            padding-bottom: 25px;	
			
            height: auto !important;
            min-height: inherit;
            float: left;
            position: static;
            display: block;		
         }
      
      .leva img 
         {
            width: 100%;
            height: auto;
			display: block;
         }
		 
       .mapa
         {
            width: 100%;
			min-height: 400px !important;
			display: block;
		 }
		 
      .prava
         {
            margin-left: 25px;
            margin-right: 25px;
            width: calc(100% - 50px);
            height: auto;
         }
		 
      .padding-left
         {
            padding-left: 0px;
         }	 
		 
   }
   
@media screen and (max-width: 650px) 
   {  		
      .obsah a.back { text-align: right; width: 100%; }
       
      ul.blog li
         {
            flex-basis: 100%;
         }
		 
      ul.blog li .text
         {
            height: auto;
            min-height: 85px !important;
         }
		 

      ul.footer li:nth-child(1)
         {
            width: 100%;
         }
   
      ul.footer li:nth-child(2)
         {
            display: none;
         }
		 
      ul.kategorie
         {
            height: auto !important;
         }
   
      ul.kategorie li
         {
            float: left;
            width: 100%;
            height: auto;
			display: block;
         }
   
      .inbox .item img 
         {
            max-width: 100%;
            display: block;
         }
		 
      .inbox .title
         {
            font-size: 16px;
         }
		 
      ul.category li
         {
            width: 100%;
         }
		 
      ul.galerie li
         {
            flex-basis: 50%;
         }
		 
      nav#menu
         {
            position: fixed;
         }
		 
      nav#menu .column
         {
            width: calc(100% - 25px);
            height: 100%;
            padding-left: 25px !important;
         }
      
      nav#menu .column ul
         {
            margin-top: 25px;
         }
		 		 
      table.cenik
         {
            margin-bottom: 0px;
         }
		 
      table.cenik thead
         {
            display: none;
         }
   
      table.cenik tbody tr
         {
            border: 1px solid #cccccc;
            display: block;
            margin-bottom: 10px;
         }
   
      table.cenik tbody tr:nth-of-type(odd) 
         { 
            background: #f0f0f0; 
         }
   
      table.cenik tbody tr td
         {
            display: block;
            box-sizing: border-box;
            width: 100%;
         }
   
      table.cenik tbody tr td:before
         {
            display: inline-block;
            font-weight: bold;
            width: 150px;
         }        		 
   }
   
@media screen and (max-width: 500px) 
   { 
      header a.logo { width: 150px; float: left; z-index: 1000 !important; display: block;}
      header img.logo { width: 150px;}
	  
      header ul.logo li a.zampach { width: 150px; height: 90px; background-size: 150px; }
	  
      header
         {
            height: 100px;
         }
		 
      header .right { float: right; width: 100px; margin-top: 20px;}
      header .lang { font-size: 14px; color: #c7c8ca; text-align: right; float: right; margin-top: 0px; margin-right: 0px; width: 100%; display: none;}
      header .menu-icon { float: right; margin-top: 0px; width: 50px; display: block;}
	  
      .half
         {
            width: 100%;
         }
   }

@media screen and (max-width: 400px) 
   {  		 
      ul.blog li
         {
            flex-basis: 100%;
         }
		 
      ul.blog li .text
         {
            height: auto;
            min-height: 85px !important;
         }
		 

      ul.footer li:nth-child(1)
         {
            width: 100%;
         }
   
      ul.footer li:nth-child(2)
         {
            display: none;
         }
		 
      ul.kategorie
         {
            height: auto !important;
         }
   
      ul.kategorie li
         {
            float: left;
            width: 100%;
            height: auto;
			display: block;
         }
   
      .inbox .item img 
         {
            max-width: 100%;
            display: block;
         }
		 
      .inbox .title
         {
            font-size: 16px;
         }
		 
      ul.category li
         {
            width: 100%;
         }
		 
      ul.category li .box_half
         {
            width: 100% !important;
            float: none;
         }
     		 
   }