@media screen and (max-width: 1400px) 
   {  
      header
         {
            padding-top: 50px;
            margin-left: 50px;
            margin-right: 50px;
         }
	   
      header .menu2 { display: none; }
   
      ul.footer
         {
            width: calc(100% - 100px);
            margin-left: 50px;
            margin-right: 50px;
         }
         
      ul.reference
         {
            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: relative;
            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;
         }
	   
      .produkt-info .pocet {  }
      .produkt-info .addtocard {  }
	   
      .detail_size1 .part1 {
	      min-height: calc(400px);
	      height: auto;
      }
      
	  .detail_size1 .part2 {	   
         height: auto;
         max-height: none;
	     overflow: none;   
      }
		 
   }
   
@media screen and (max-width: 1200px) 
   {  

   header .infotext {
    width: 300px;
    display: block;
	float: right;
    color: #5FBB3C;
    margin-top: 15px;
    text-align: right;
    padding-right: 0px;    
}
      
header .right { width: 350px;}
		 
   }
   
@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.reference
         {
            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: relative;
            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;
         }
		 
      .detail_size2
         {
            position: static;
            bottom: auto;
            margin-right: 0px;
         }	 
	   
      nav#menu .column ul li.only4mobile
         {
            display: block !important;
         }	   
		 
   }

@media screen and (max-width: 960px) { 	
   .short {
	  width: calc(100% - 50px);
   }
}

@media screen and (max-width: 750px) { 
   .uvod_kategorie { margin-left: 30px; margin-right: 30px; height: auto; }	
   .uvod_kategorie .gallery-cell { width: 100%; height: auto; }	
   .uvod_kategorie .gallery-cell ul.sub li { width: 100%; }	
}
   
@media screen and (max-width: 650px) 
   {  		
      .obsah a.back { text-align: right; width: 100%; }
      
      .leva .nedostupne { margin-right: 15px; }
	         
      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.reference .foto
         {
            max-width: 100% !important;
         }
         
      ul.reference li .text
         {
            width: calc(100%);
            padding-left: 0px;
            padding-top: 15px;
         }
		 
      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: 100%;
         }
		 
      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 #f0f0f0;
            display: block;
            margin-bottom: 10px;
         }
   
      table.cenik tbody tr:nth-of-type(odd) 
         { 
            background: #f2f2f2; 
         }
   
      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;
         }     
		 
      .inbox .more
         {
            font-size: 14px;
         }
   
      .inbox .novinka
         {
            font-size: 14px;
         }  
		 
      .leva .novinka
         {
            font-size: 14px;
         }
	   
      .leva .foto { width: calc(100%) !important; float: none !important;}
      .leva .foto-old { width: 100% !important; height: auto !important; float: none !important; aspect-ratio: 0 !important;}

      .leva .galerie_box { width: 100%; height: auto; overflow: none; }	   
      ul.galerie { width: 100%; }   
      ul.galerie li { width: 100%; margin-right: 0px; float: none; }
   }
   
@media screen and (max-width: 500px) 
   { 
      header a.logo { width: 120px; float: left; z-index: 1000 !important; display: block;}
      header img.logo { width: 120px;}
	  
      header ul.logo li a.zampach { width: 120px; height: 90px; background-size: 150px; }
	  
      header
         {
            height: 100px;
         }
		 
      header .right { float: right; width: 100px; margin-top: 0px; padding: 0px;}
      header .lang { font-size: 14px; color: #c7c8ca; text-align: right; float: right; margin-top: 0px; margin-right: 0px; width: 100%;}
      header .m { margin-top: 10px;}
      header .m .menu-text { display: none;}
      header .menu-icon { float: right; margin-top: 0px; width: 50px; display: block;}
	   
      header .basket a { margin-top: 0px; float: left;  position: absolute; margin-top: 13px; right: 0; margin-right: 55px;}
	  
      .half
         {
            width: 100%;
         }
	   
      .uvod_kategorie .gallery-cell { width: 50%; height: 100%; margin-right: 0px; }
	   
      .produkt-info .dostupnost { display: block; padding-left: 0px;}
		 
      a.back_responsive { display: block; }
      .prava a.back { display: none; }
	   
      .produkt-info ul.parametry { width: 100%; padding-right: 0px; }
	  
      .produkt-info .vyber { width: calc(100% - 80px) !important; }	   
      .produkt-info .vyber select { width: 100% !important; }
      .produkt-info .pocet { float: left; width: 70px;}
      .produkt-info .pocet input { margin-left: 0px; }
      .produkt-info .pocet { float: right; }
      .produkt-info .addtocard {  }
	   
      .uvod_kategorie .inbox .title {display: block;}
      
      header .infotext {
         margin-top: 5px;
         width: 200px;    
      }
   }

@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;
         }
     		 
   }

@media screen and (max-height: 900px) 
   {  		 
      .detail_size2 { position: inherit; bottom: none; margin-right: 0px; margin-top: 0px; }
	   
      ul.galerie { margin-top: 10px; }
     		 
   }
