@media screen and (max-width:1700px) { 
  .submenu a			{ padding:18px 17px;}
}


@media screen and (max-width:1399px) { 
  .submenu a			{ padding:12px 11px; margin-right:7px;  }
  
  .dishes-info-left		{ width:100%; max-width:750px; }
}

@media screen and (max-width:1279px) { 
	
	
  .font46			{ font-size:30px; }
  .font40			{ font-size:26px; }
  .font34			{ font-size:26px; }
	
  .submenu			{ position:relative; max-width:545px; margin:auto; margin-top:40px; text-align: left; }
  .submenu a		{ color:#000; border:solid 1px #000; padding:12px 24px; width:260px; margin-bottom:25px; margin-right:15px; }
  .submenu a:hover		{ border:solid 1px #000;  }
  .submenu a:nth-child(even)		{ margin-right:0 }
  
	
  .page-o-nas .section0,
  .page-kontakt .section0,
  .page-stale-menu .section0,
  .page-poledni-menu .section0,
  .page-sezonni-menu .section0,
  .page-napojovy-listek .section0,
  .page-vinny-listek .section0,
  .page-dezerty .section0		{ height:250px;  }	
  

	
	
  .contact			{ width:100%; margin-right:0; text-align: center; }
  .map				{ width:100%;}


  main:not(.zoom) .footer-logo		{ margin-right:13%; height:350px; }
  main:not(.zoom) .footer-text		{ width:calc(100% - 13% - 200px); margin-right:0  }
  main:not(.zoom) .footer1			{ width:100%; margin-right:0   }
  main:not(.zoom) .footer2			{ width:100%; margin-top:30px  }
}


@media screen and (max-width:1023px) { 
  .text-block		{ padding:0; max-width:710px; float:none; margin-left:auto; margin-right:auto; }
  .text-block2		{ padding:0; max-width:710px; float:none; margin-left:auto; margin-right:auto; }
	
  nav         		{ padding-top:30px; } 
  .menu				{ display:none; position:absolute; margin:0; top:70px; right:10px; background:rgba(30, 30, 30, 0.90); border-radius:3px; width:100%; max-width:220px; text-align: center; z-index:10 }
  .menu-item 		{ display:block; margin-left: 0; margin-bottom:30px; width:auto }
  .menu .menu-item:first-child { padding-top: 30px; }
  .menu-lang 		{ margin-left: 0; padding-bottom: 30px; }
  .menu-lang a		{ margin-left:5px; margin-right:5px} 
  .hamburger		{ display:block; }
  .logo				{ width:180px; } 
	
  .mdb-lightbox-three	{  gap:20px; }
  
  	
  .button-center-mobile  { text-align:center; margin-top:-50px }

  .section0-text		{ bottom:30px }	
  
}


/* Výška okna menší než 900px */
@media screen and (max-height:900px) { 

}

/* Mobilní šířka */
@media screen and (max-width:767px) { 
  .font34,
  .font40,
  .font46		{ font-size:22px; }
  
  
  .font19		{ font-size:17px;  }

  .content    	{ width:calc(100% - 40px); }
  
  
  .page-cont	{ height:100%; }  

  .section0		{ height:100%; background:url(../images/hp-mobile.webp?rand=1); background-position:center; background-size:cover}	
  
  
  
  main:not(.zoom) .text-block,
  main:not(.zoom) .text-block2,
  main:not(.zoom) .mdb-lightbox-one-big,
  main:not(.zoom) .mdb-lightbox-one,
  main:not(.zoom) .mdb-lightbox-three,
  main:not(.zoom) .button-center,
  main:not(.zoom) .contact,
  main:not(.zoom) .map,
  main:not(.zoom) .dishes,
  main:not(.zoom) footer		{ margin-top:100px }
  
  
  main:not(.zoom) .mdb-lightbox-one-chef { margin-top:70px }
  
  
  main:not(.zoom) .button-center,
  main:not(.zoom) .page- footer		{ margin-top:50px }
  
  .button a		{ padding:20px 25px; }
	
  .sign			{ float:none; width:calc(100% - 40px); margin:auto; margin-top:30px} 
	
  .mdb-lightbox-three	{  gap:2px; }
  figure.figure-big img { aspect-ratio:16/10.46 }
  
  
  .mdb-lightbox-three-index { grid-template-columns:repeat(1, 1fr); gap:20px; }
  .mdb-lightbox-three-index-ratio img { aspect-ratio:auto }

  .submenu 			{ max-width: 520px; }
  .submenu a		{ padding:12px 24px; width:250px; }
  
  .dishes-info		{ width:100%; }
	
  main:not(.zoom) .footer-logo		{ margin-right:0; height:inherit; }
  main:not(.zoom) .footer-text		{ width:100%; margin-top:50px; margin-right:0  }
  
  

}

@media screen and (max-width:580px) {
		
  .font46			{ font-size:19px; }
  .font40			{ font-size:18px; }
  .font34			{ font-size:18px; }

  .submenu 			{ max-width:380px; }
  .submenu a		{ padding:10px 8px; width:183px; margin-right:10px; margin-bottom:10px  }
  .submenu.font19	{ font-size: 13px }
  .submenu a:nth-child(even)		{ margin-right:0 }


}


@media screen and (max-width:440px) {
  .submenu 			{ max-width:320px; }
  .submenu a		{ padding:6px 4px; width:153px;  }


}

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

  main:not(.zoom) .submenu a		{ padding:6px 12px; width:100%; margin-right:0;}
}


  
  
  
  /** TABLETS IN LANDSCAPE **********************************/
/*************************************************************/
@media all and (min-device-width: 0) and (max-device-width:768px) and (orientation:landscape){  
 
  nav         		{ padding-top:10px; } 
	
  .page-stale-menu .section0,
  .page-poledni-menu .section0,
  .page-sezonni-menu .section0,
  .page-napojovy-listek .section0,
  .page-vinny-listek .section0,
  .page-dezerty .section0,
  
  .page-o-nas .section0,
  .page-kontakt .section0		{ height:130px;  }	
  
  
  
  
  .section0-text		{ bottom:20px }	
}
  








@media screen and (min-width:560px) { 

.zoom nav         		{ padding-top:40px; } 
.zoom .logo				{ width:160px; } 

	
.zoom .font46			{ font-size:30px; }
.zoom .font40			{ font-size:26px; }
.zoom .font34			{ font-size:23px; }
.zoom .font20			{ font-size:14px; }
.zoom .font19			{ font-size:13px; }

.zoom .menu-item		{ margin-left:30px; width:75px} 

.zoom .menu-lang span	{ width:30px;} 
.zoom .menu-lang a		{ margin-left:6px; margin-right:6px} 

.zoom .hamburger		{ right:10px; top:30px; width:22px; height:16px; }
.zoom .hamburger span:nth-child(2){ top:7px }


.zoom .content			{ max-width:970px;  }
	
.zoom .content-header   { max-width:1120px; width:calc(100% - 160px);  }
.zoom .content-header2  {  max-width:1120px; width:calc(100% - 160px);  }
	
.zoom .section0-text	{ bottom:50px }

.zoom .sign				{ margin-top:30px} 
.zoom .sign img			{ max-width:240px;} 

.zoom .mdb-lightbox-one figure img	{ max-width:500px; }


.zoom .button a			{ padding:25px 30px;  }




.zoom footer			{ padding:55px 0; }
.zoom .footer-logo		{ width:140px; height:110px; }
.zoom .footer-text		{ width:calc(100% - 8% - 140px);  }
.zoom .footer1			{ width:280px;   }
.zoom .footer2			{ width:280px;  }

.zoom .pswp__button--close { background-size:17px 17px; width:17px; height:17px; }

.zoom .pswp__button--arrow--left, 
.zoom .pswp__button--arrow--right { width:23px; height:23px; background-size: 23px 23px!important; }

.zoom .pswp__button--arrow--left	{ left:-7px }
.zoom .pswp__button--arrow--right	{ right:-47px }


.zoom .page-stale-menu .section0,
.zoom .page-poledni-menu .section0,
.zoom .page-sezonni-menu .section0,
.zoom .page-napojovy-listek .section0,
.zoom .page-vinny-listek .section0,
.zoom .page-dezerty .section0		{ height:365px;  }	


.zoom .submenu							{ margin-top:-110px;  }
  
.zoom .submenu a						{ padding:8px 18px; width:195px; margin-right:15px; margin-bottom:15px;  }


}

@media screen and (min-width:560px) and (max-width:1280px) { 

  .zoom .submenu 					{ max-width:410px; }
  .zoom .submenu a:nth-child(even)	{ margin-right:0 }
  .zoom .submenu					{ margin-top:30px;  }
}

@media screen and (min-width:560px) and (max-width:1023px) { 

  .zoom .menu-item		{ margin-left:0; width:auto} 
}

@media screen and (min-width:560px) and (max-width:900px) { 

		
  .zoom .font46			{ font-size:19px; }
  .zoom .font40			{ font-size:18px; }
  .zoom .font34			{ font-size:18px; }

  .zoom .text-block 		{  max-width:520px; }
  .zoom .text-block2		{  max-width:500px; }


  .zoom .content    	{ width:calc(100% - 40px); }
  
  .zoom .footer-logo	{ margin-right:15%; height:270px; }
  .zoom .footer-text	{ width:calc(100% - 15% - 200px); margin-top:10px; margin-right:0  }
  .zoom .footer1		{ width:100%; margin-right:0   }
  .zoom .footer2		{ width:100%; margin-top:30px  }
  
  
  .zoom .button a		{ padding:15px 20px; }
  
  .zoom .sign			{ width:calc(100% - 40px);} 
  .zoom .sign img			{ max-width:200px;} 
	

}


@media screen and (max-width:580px) { 
	
  .zoom .font46			{ font-size:19px; }
  .zoom .font40			{ font-size:18px; }
  .zoom .font34			{ font-size:18px; }

  .zoom .text-block,
  .zoom .text-block2,
  .zoom .mdb-lightbox-one-big,
  .zoom .mdb-lightbox-one,
  .zoom .mdb-lightbox-three,
  .zoom .button-center,
  .zoom .contact,
  .zoom .map,
  .zoom .dishes,
  .zoom footer		{ margin-top:100px }
  
  
  .zoom .mdb-lightbox-one-chef { margin-top:70px }
  
  
  
  .zoom .button-center,
  .zoom .page- footer		{ margin-top:50px }

  .zoom .section0-text		{ bottom:30px }	
  

  .zoom .submenu a:nth-child(even)	{ margin-right:0 }
  .zoom .submenu.font19 	{ font-size: 12px; }
  
  .zoom .footer-logo		{ margin-right:0; height:inherit; }
  .zoom .footer-text		{ width:100%; margin-top:50px; margin-right:0  }
  
  .zoom .footer1			{ width:100%; margin-right:0   }
  .zoom .footer2			{ width:100%; margin-top:30px  }

}


  
@media screen and (max-width:370px) { 
  .zoom .submenu 			{ max-width:300px; }
  .zoom .submenu a				{ width:140px; margin-right:8px; margin-bottom:15px; padding:8px 4px; }
  .zoom .submenu.font19			{ font-size:10px}
}

  
@media screen and (max-width:340px) { 
  .zoom .submenu 			{ max-width:255px; }
  .zoom .submenu a				{ width:120px; margin-right:8px; margin-bottom:15px; padding:8px 4px; }
  .zoom .submenu.font19			{ font-size:10px}
}
  
  
@media screen and (max-width:300px) { 
  .zoom .submenu 			{ width:100%; }
  .zoom .submenu a			{ width:160px; margin-right:15px; margin-bottom:15px;  }
  .zoom .submenu a:nth-child(even)	{ margin-right:0 }
  
  
  .zoom .submenu a		{ padding:6px 12px; width:100%; margin-right:0;}
  
}

  
  /** TABLETS IN LANDSCAPE **********************************/
/*************************************************************/
@media all and (min-device-width: 0) and (max-device-width:768px) and (orientation:landscape){  
  .zoom   nav         		{ padding-top:10px; } 
	
  .zoom .page-stale-menu .section0,
  .zoom .page-poledni-menu .section0,
  .zoom .page-sezonni-menu .section0,
  .zoom .page-napojovy-listek .section0,
  .zoom .page-vinny-listek .section0,
  .zoom .page-dezerty .section0,
  
  .zoom .page-o-nas .section0,
  .zoom .page-kontakt .section0	{ height:140px;  }	
  
  
  
  .zoom .section0-text		{ bottom:20px }	
}