@media (min-width: 1600px){

	div.contains {width:90%;}
	div.precontains {width:90%;}
	div.contains2a {width:60%;}
    
    /*
	h1 {font-size:32px;}
	h2, h2[class] {font-size:28px;}
	h3, h3[class] {font-size:24px;}
    */
    
	//p, td.form, li, th[class], td[class], div.w50 {font-size:20px;line-height:30px;}
	//.menuitem, .menuitem-active {font-size: 20px;}
    
    
}


@media (min-width: 1900px){
    img.logo {width:450px; height: auto}
	div.contains {width:70%;}
	div.precontains {width:80%;}
	div.contains2a {width:60%;}
  /*  
	h1 {font-size:32px;}
	h2, h2[class] {font-size:28px;}
	h3, h3[class] {font-size:24px;}
   */ 
	//p, td.form, li, th[class], td[class], div.w50 {font-size:20px;line-height:30px;}
	//.menuitem, .menuitem-active {font-size: 24px;}
}



@media (min-width: 2200px){
    img.logo {width:500px; height: auto}
	div.contains {width:70%;}
	div.precontains {width:70%;}
	div.contains2a {width:65%;}
	h1 {font-size:34px;}
	h2, h2[class] {font-size:30px;}
	h3, h3[class] {font-size:26px;}
	p, td.form, li, th[class], td[class], div.w50 {font-size:25px;line-height:34px;}
	.menuitem, .menuitem-active {font-size: 26px;}

}



@media (max-width: 1800px){
	img.nabijeci-stanice {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:30%; right:0px; z-index:20; width:180px; height: auto}
	


}



@media (max-width: 1650px){



    div.shop-detail-grid {
     display: grid;	
	 grid-template-columns: 100%; grid-template-rows: auto auto auto;
     grid-gap: 1em;
     min-height: 600px;
     }
     
     div.shop-detail-grid-foto {
      grid-row-start: 1;
      grid-row-end: 2;
      grid-column-start: 1;
      grid-column-end: 2;
     }
     
     div.shop-detail-grid-shopping {
      grid-row-start: 2;
      grid-row-end: 3;
      grid-column-start: 1;
      grid-column-end: 2;
      justify-self: end;
     }
     
     div.shop-detail-grid-popis {
      grid-row-start: 3;
      grid-row-end: 4;
      grid-column-start: 1;
      grid-column-end: 2;
      text-align:justify;
     }


	img.velikonoce-2025 {display:block;margin:0px auto;text-align:center;position:absolute; left:calc(15% - 150px); top:35%; z-index:20; width:300px; height: auto;transition: all .35s}
	img.velikonoce-2025:hover {width:320px; height: auto; left:calc(14.5% - 150px); top:34%; transition: all .25s}
	
	img.krabickove-menu {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:35%; right:0px; z-index:20; width:300px; height: auto;transition: all .35s}
	img.krabickove-menu:hover {width:320px; height: auto; top:34%; transition: all .25s}
	
	img.jidlo-s-sebou {display:block;margin:0px auto;text-align:center;position:absolute; left:calc(85% - 150px); top:35%; z-index:20; width:300px; height: auto;transition: all .35s}
	img.jidlo-s-sebou:hover {width:320px; height: auto; left:calc(84.5% - 150px); top:34%; transition: all .25s}


}


 @media (max-width: 1600px){
        /*div.eshop {
              display:grid;
              grid-template-columns: 2fr 4fr;
              grid-template-rows: auto;
              min-height: 500px;
              gap: 2em;
       }  */
}



@media (max-width: 1560px){
        img.upoutavka-na-cukrovi {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:30%; right:0px; z-index:20; width:400px; height: auto;}
}



@media (max-width: 1500px){
      div#scroll-bottons {display:block; text-align:center; margin: 0px auto; margin-top:20px; margin-bottom:30px; color: #bea653; }
      table.kosik {width:1300px!important}
}



@media (max-width: 1480px){

	div#desktop-menu, div#head {display:none} 
	div#menu {visibility:hidden}
    #hamburger {display:block; position: absolute; right: 0px; bottom: 15px; left:0px; margin:auto; height: auto; width: 150px; z-index:10}
	div#bgimage {display:block; position:absolute; width:100%; height:100vh; /*background:url('../img/slideshow/intro.jpg'); background-position:center bottom;background-repeat:no-repeat;background-size:cover;*/ }
	div#pre-bgimage {display:block; position:absolute; width:100%; height:100vh; background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.1), rgba(0,0,0,0), rgba(0,0,0,0.7)); z-index:2 } 
	 .oddelovac {display:block;clear:both}
	div.contains {width:95%; padding: 10px}
	div.contains2, div.contains2a {width:100%;}
	div.precontains {padding:10px}
   
   /* 
	h1 {font-size:26px;}
	h2, h2[class] {font-size:20px;}
	h3, h3[class] {font-size:18px;}
	p, td.form, li, th[class], td[class], div.w50 {font-size:16px;line-height:22px;}
   */ 
    
	#img1 {display:none}
	img.logo {width:300px; height: auto}
	ul, ol {margin-left: -20px}
	
/*	
	div.left2  {width:100%; padding:5px; margin:0px 0px 0px 0px; border: none}
	div.right2 {width:100%; padding:5px; margin:0px 0px 0px 0px; }
*/	
	div#table1, div#_table1 {position:absolute; width: 160px; height: 80px; padding: 20px 0px 10px 0px; margin-top: 267px; margin-left: 1%}
	div#table2, div#_table2 {position:absolute; width: 80px; height: 80px; padding: 10px 0px 10px 0px; margin-top: 138px; margin-left: 1%} 
	div#table3, div#_table3 {position:absolute; width: 160px; height: 80px; padding: 20px 0px 10px 0px; margin-top: 10px; margin-left: 1%}
	div#table4, div#_table4 {position:absolute; width: 80px; height: 160px; padding: 50px 0px 10px 0px; margin-top: 10px; margin-left: 36%} 
	div#table5, div#_table5 {position:absolute; width: 80px; height: 160px; padding: 50px 0px 10px 0px; margin-top: 10px; margin-left: 55%}
	div#salon1, div#_salon1 {position:absolute; width: 300px; height: 150px; padding: 50px 0px 10px 0px; margin-top: 18px; margin-left: 20%}
	div#salon2, div#_salon2 {position:absolute; width: 300px; height: 150px; padding: 50px 0px 10px 0px; margin-top: 188px; margin-left: 20%}
	
	div.w50 {
    float:left;width:25%;text-align:left;margin-bottom:30px; font-size:16px; line-height:22px; color:#666;
	}
	
	iframe#mapa {width:70%; height: 360px; margin: 0px auto; text-align:center; display:block}
	
	div.column_parent_child {width:100%;margin:0px}
	
	img.nabijeci-stanice {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:30%; right:0px; z-index:20; width:180px; height: auto}
    
    
	
}



@media (max-width: 1300px){
    img.logo {width:300px; height: auto}
	div.contains {width:95%;}
	div.precontains {width:95%;}
	div.contains2a {width:80%;}
    /*
	h1 {font-size:30px;}
	h2, h2[class] {font-size:22px; font-weight: bold}
	h3, h3[class] {font-size:18px;}
	p, td.form, li, th[class], td[class], div.w50 {font-size:18px;line-height:26px;}
	.menuitem, .menuitem-active {font-size: 18px;}
*/	
	/*div#menu {height:80px; position:relative; top:-80px; padding-top: 20px;}*/
}

@media (max-width: 1200px){
	div.left2  {width:100%; padding:5px; margin:0px 0px 0px 0px; border: none}
	div.right2 {width:100%; padding:5px; margin:0px 0px 0px 0px; }
    
    div.eshop {
              display:grid;
              grid-template-columns: 1fr;
              grid-template-rows: auto;
              min-height: 500px;
              gap: 2em;
          }
    
    div.eshop-left {display:none}
    div#hamburger-eshop {display:block; cursor:pointer; margin:0px auto; text-align:center; z-index:1;background:#fff;height:2.3em;width:100%; margin-bottom: 25px}
    div#hamburger-eshop2 {display:block; position:fixed; top: 15px; left: 15px; z-index:2}      
          
}

@media (max-width: 1100px) and (orientation: portrait){ 
	#hamburgermenu {min-height:60vh}
	#hamburgermenu a {font-size: 22px; line-height:30px;}
	img.logo {width:300px; height: auto}
	img.logo2 {display:none} 
}


@media (max-width: 1100px) and (orientation: landscape){
	#hamburgermenu {min-height:40vh} 
	#hamburgermenu a {min-height: font-size: 36px; line-height:36px;} 
	img.logo {display:none}
	img.logo2 {display:block; width:500px; height: auto}
	.oddelovac {display:inline-block;clear:none;width:20px}
}


@media (max-width: 1000px){

	img.velikonoce-2025 {display:block;margin:0px auto;text-align:center;position:absolute; left:calc(20% - 100px); top:35%; z-index:20; width:200px; height: auto;transition: all .35s}
	img.velikonoce-2025:hover {width:220px; height: auto; left:calc(19.5% - 100px); top:34%; transition: all .25s}
	
	img.krabickove-menu {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:35%; right:0px; z-index:20; width:200px; height: auto;transition: all .35s}
	img.krabickove-menu:hover {width:220px; height: auto; top:34%; transition: all .25s}
	
	img.jidlo-s-sebou {display:block;margin:0px auto;text-align:center;position:absolute; left:calc(80% - 100px); top:35%; z-index:20; width:200px; height: auto;transition: all .35s}
	img.jidlo-s-sebou:hover {width:220px; height: auto; left:calc(79.5% - 100px); top:34%; transition: all .25s}
	
}


@media (max-width: 900px){

	div.intro-foto {width: 150px; height: 150px; }
	div.intro-foto a img {width: 150px; height: 150px; }
	
	div.w50 {
    float:left;width:50%;text-align:left;margin-bottom:30px; font-size:16px; line-height:22px; color:#666;
	}
	
	iframe#mapa {width:70%; height: 360px; margin: 0px auto; text-align:center; display:block}
	
	
          
    div.shop-steps1, div.shop-steps2 {
        min-height: 2em;
        //margin: 3em 0 3em 0;
    	display:flex;
    	flex-flow: row wrap;
    	justify-content: center;
        background:none!important
        }        
          
    div.adminer-items{
	width: 48%;
    /*min-height: 100px;*/
    text-align:left;
    margin: 0 0 1.3em 0;
    padding: .5em;
    line-height:1.5em;
    background: #fafafa;
    border: 1px solid #ddd
	}
    
    h1 {font-size:24px; }
	h2, h2[class] {font-size:18px; font-weight: bold}
	h3, h3[class] {font-size:16px; }
        
}



@media (max-width: 855px){
    div.effect {width: 300px!important; height: 398px!important; background-size: 300px 398px!important}
    #hamburger {bottom: 10px;width: 100px;}
}




@media (max-width: 840px) and (orientation: landscape){ 
	#hamburgermenu {max-height:50vh}
	#hamburgermenu a{font-size: 22px; line-height:30px;} 
	img.logo2 {display:block; width:300px; height: auto; }
	td.pocet {display:none}
	img.nabijeci-stanice {display:block;margin:0px auto;text-align:center;position:absolute;left:70%; top:40%; z-index:20; width:150px; height: auto}
}



@media (max-width: 820px){ 
        div._50_ {width:100%;max-width:100%; margin-left: 10px}
} 



@media (max-width: 700px){
    #hamburgermenu1, #hamburgermenu2, #hamburgermenu3 {width: 100%;}
    
    
    
}





@media (max-width: 700px) and (orientation: landscape){

	img.velikonoce-2025 {display:block;margin:0px auto;text-align:center;position:absolute; left:calc(15% - 70px); top:35%; z-index:20; width:140px; height: auto;transition: all .35s}
	
	img.krabickove-menu {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:35%; right:0px; z-index:20; width:140px; height: auto;transition: all .35s}
	
	img.jidlo-s-sebou {display:block;margin:0px auto;text-align:center;position:absolute; left:calc(85% - 70px); top:35%; z-index:20; width:140px; height: auto;transition: all .35s}
	
}



@media (max-width: 700px) and (orientation: portrait){

	img.velikonoce-2025 {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:24%; right:0px; z-index:20; width:140px; height: auto;transition: all .35s}
	img.velikonoce-2025:hover {width:120px; height: auto; left:0px; top:24%; right:0px; transition: all .25s}
	
	img.krabickove-menu {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:45%; right:0px; z-index:20; width:140px; height: auto;transition: all .35s}
	img.krabickove-menu:hover {width:120px; height: auto; left:0px; top:45%; right:0px; transition: all .25s}
	
	img.jidlo-s-sebou {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:66%; right:0px; z-index:20; width:140px; height: auto;transition: all .35s}
	img.jidlo-s-sebou:hover {width:120px; height: auto; left:0px; top:66%; right:0px; transition: all .25s}
	
}








@media (max-width: 639px){

	//div.effect {width: 300px!important; height: 398px!important; background-size: 300px 398px!important}
	
	div.left  {width:100%; padding:5px; margin:0px 0px 0px 0px; }
	div.right {width:100%; padding:5px; margin:0px 0px 0px 0px; }
	img.section {width:100%; height:auto; margin-top: 15px; margin-bottom: 30px; border-radius:10px}
	img.logo {width:150px; height: auto; top:10px;}
	div.intro-foto {width: 125px; height: 125px; }
	div.intro-foto a img {width: 125px; height: 125px; }
	iframe#mapa {width:100%; height: 360px; margin: 0px auto; text-align:center; display:block}
    
    div.adminer-items{
	width: 100%;
    /*min-height: 100px;*/
    text-align:left;
    margin: 0 0 1.3em 0;
    padding: .5em;
    line-height:1.5em;
    background: #fafafa;
    border: 1px solid #ddd
	} 
    
    
}



@media (max-width: 640px) and (orientation: portrait){ 
	#hamburgermenu a{font-size: 22px; line-height:30px;}
	td.pocet {display:none}
	td.form {display: block}
	
	img.nabijeci-stanice {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:50%; right:0px; z-index:20; width:150px; height: auto}
}






@media (max-width: 500px) and (orientation: portrait){ 
	#to-step-1 {width:186px; overflow: hidden; white-space: nowrap; /*text-overflow: ellipsi*/}
	#to-step-2 {width:129px; overflow: hidden; white-space: nowrap; /*text-overflow: ellipsi*/}
	#to-step-3 {width:129px; overflow: hidden; white-space: nowrap; /*text-overflow: ellipsi*/}
	
	div#table1, div#_table1 {position:absolute; width: 160px; height: 80px; padding: 20px 0px 10px 0px; margin-top: 267px; margin-left: 1%}
	div#table2, div#_table2 {position:absolute; width: 80px; height: 80px; padding: 10px 0px 10px 0px; margin-top: 138px; margin-left: 1%} 
	div#table3, div#_table3 {position:absolute; width: 160px; height: 80px; padding: 20px 0px 10px 0px; margin-top: 10px; margin-left: 1%}
	div#table4, div#_table4 {position:absolute; width: 80px; height: 160px; padding: 50px 0px 10px 0px; margin-top: 10px; margin-left: 55%} 
	div#table5, div#_table5 {position:absolute; width: 80px; height: 160px; padding: 50px 0px 10px 0px; margin-top: 187px; margin-left: 55%}
	div#salon1, div#_salon1 {position:absolute; width: 250px; height: 150px; padding: 50px 0px 10px 0px; margin-top: 10px; margin-left: 4%}
	div#salon2, div#_salon2 {position:absolute; width: 250px; height: 150px; padding: 50px 0px 10px 0px; margin-top: 188px; margin-left: 4%}
	
	div.w50 {width:100%;text-align:center;margin-bottom:0px; font-size:16px; line-height:22px; color:#666;}
	div.w50 br.desktop {display:none}
    h3.left {text-align:center!important}
    
    
}


@media (max-width: 400px){
    img.upoutavka-na-cukrovi {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:30%; right:0px; z-index:20; width:300px; height: auto;}
}