@media screen and (max-width:1600px) { 
	#menu 			{ padding-top:25px;}
	#menu a			{ margin-right:calc((100% - (75px + 215px + 88px + 172px + 130px + 130px + 102px))/6); font-size:14px; line-height:18px; border-bottom:1px solid transparent }
	#menu a:hover,
	#menu a.active	{ border-bottom:1px solid #f9f7f3}
	#menu a#menu0	{ width:75px; }
	#menu a#menu1	{ width:215px; }
	#menu a#menu2	{ width:88px; }
	#menu a#menu3	{ width:172px; }
	#menu a#menu4	{ width:130px; }
	#menu a#menu5	{ width:130px; }
	#menu a#menu6	{ width:102px; }
	.left50	.nadpis,
	.zluta-nadpis	{ font-size:25px; line-height:35px; }
	.left50 p		{ font-size:18px; line-height:30px; }
	#video			{ height:500px; }
	#video-text		{ font-size:28px; line-height:38px; }
	#video-play		{ top:calc(50% - 45px); width:90px; height:90px; background-size:90px 90px }
	.slovnik			{ font-size:25px; line-height:35px; }
	.slovnik-container	{  max-width:230px; }
	.slovnik	 h3		{ font-size:25px; line-height:35px; padding-bottom:0; width:60px; }
	.slovnik	 span	{ bottom:5px; }
	.slovnik	 p		{ margin-top:2vh; }
	.slovnik-posledni	{ margin-right:0 }
	.objednavka a		{ font-size:25px; line-height:35px; }
	.left33			{ font-size:25px; line-height:35px; }
	
	.overlay-menu 			{ line-height:20px;}
	.overlay-menu-nadpis 	{ font-size:25px; line-height:30px; }
	.overlay-menu-polozka 	{ font-size:16px; line-height:26px; }
	.overlay-menu-nadpis-cislo	{ width:45px }
	.overlay-menu-nadpis-text	{ float:left; width:calc(100% - 45px) }
	
	.overlay-obsah-polozky 		{ margin-top:4px;  }
	
	.navod	{ display:block; }
	
	
	.kniha-ram 		{  height:180px;}
	
}

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

	#menu a			{ letter-spacing:0.1em; margin-right:calc((100% - (58px + 155px + 67px + 126px + 97px + 97px + 76px))/6);  }
	#menu a#menu0	{ width:58px; }
	#menu a#menu1	{ width:155px; }
	#menu a#menu2	{ width:67px; }
	#menu a#menu3	{ width:126px; }
	#menu a#menu4	{ width:97px; }
	#menu a#menu5	{ width:97px; }
	#menu a#menu6	{ width:76px; }
	#video			{ margin-top:9vh; height:350px; }
	.slovnik			{ width:46%; margin-right:8%; font-size:32px; line-height:42px; }
	.slovnik-container	{ max-width:300px; }
	.slovnik	 h3		{ font-size:32px; line-height:42px; }
	.slovnik	 p		{ margin-top:3vh; }
	.slovnik-posledni	{ margin-right:0 }
	.slovnik-predposledni	{ margin-right:0 }

	.objednavka	 a	{ font-size:20px; line-height:30px; }
	#kontakt			{ padding:0 20px;}
	
	.submenu			{ font-size:16px; line-height:24px; }
	.page-right		{ width:calc((100%/6)*4); }
	
	.overlay-menu-nadpis 	{ font-size:20px; line-height:25px; }
	.overlay-menu-nadpis-cislo	{ width:40px }
	.overlay-menu-nadpis-text	{ float:left; width:calc(100% - 40px) }
	.overlay-obsah-polozky 		{ margin-top:1px;  }
	
	.kniha-filtr-text { font-size:16px; line-height:40px; }
	.kniha-nazev		{ font-size:14px; line-height:20px; }
	.page-right-kniha { width:calc((100%/6)*3.5); }
	
	.page-left-kniha input	{ width:100%; }
	
	.clearboth-radio	{ clear:both }
	
	.overlay-kniha-hodnoceni		{ clear:both; float:left;}
	

	.page-right2 h2				{ font-size:20px; line-height:30px;}
	
	
	.overlay-o-knize				{ font-size:14px; line-height:16px }

	.overlay-o-autorovi			{ font-size:14px;line-height:16px }


}



@media screen and (max-width:1023px) { 
	#menu-mobile		{ display:block; }
	#menu 			{ display:none; height:auto; padding-bottom:22px; }
	#menu a#menu0,
	#menu a#menu1,
	#menu a#menu2,
	#menu a#menu3,
	#menu a#menu4,
	#menu a#menu5,
	#menu a#menu6,
	#menu a.menu-hide	{ clear:both; width:100%; text-align:center; font-size:17px; line-height:28px; border-bottom:none }
	#menu a:hover,
	#menu a.active	{ border-bottom:none}
	.menu-hide		{ display:block }
	#social			{ right:0;  }
	.left50			{ width:100%; padding-bottom:530px }
	#video			{ position:absolute; left:0; right:0; bottom:80px; margin:auto; width:600px; }
	.objednavka	a		{ padding-top:50px; padding-bottom:50px }
	.objednavka-container	{ width:50%; }
	.left33			{ font-size:20px; line-height:30px; }
	.left33 a		{ height:150px; }
	#kontakt			{ width:100%; margin:30px 0 80px 0; padding:0 5%; }
	.slovnik			{ font-size:25px; line-height:35px; }
	.slovnik-container	{  max-width:230px; }
	.slovnik	 h3		{ font-size:25px; line-height:35px; }
	.slovnik	 p		{ margin-top:2vh; }
	
	#firmy-container		{ width:200px; }
	#firmy a				{ clear:both; float:left; width:200px; margin:30px 0 0 0}
	#firmy img				{ width:100%; height:auto }
	#firmy img.vetsi		{ width:50%; height:auto }
	

	.overlay-menu 				{ padding-top:7% }
	.overlay-menu-nadpis 		{  margin-bottom:30px }
	.overlay-obsah-polozky 		{ margin-top:18px;  }

	
	.kniha			{ width:44%; margin-right:4%;}
	.kniha-ram 		{ height:300px;}
	.kniha-posledni2	{ margin-right:0 }
	
	.aktuality-text .aktuality-odkaz 		{ width:100%; text-align: center; margin-bottom:30px}
	.aktuality-text img 		{ float:none; max-width:300px;}
	.aktuality-text {  }

	
	
	.formular-right50 { width:100%;}
	
	
	#formular input[type="radio"] + label { display:block; float:left; clear:both; margin-top:10px}

}

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

}



/* Mobilní šířka */
@media screen and (max-width:767px) { 
	#logo 			{ margin-top:30px;}
	nav h2			{ font-size:12px; line-height:18px; margin-top:50px; }
	#social			{ width:70px; right:10px; }
	#social a		{ width:25px; height:25px; margin-right:10px  } 
	#social #fb		{ width:25px; height:25px; } 
	#social #ig		{ width:25px; height:25px; } 
	.left50,
	.zluta			{ padding-top:50px; padding-bottom:50px }
	.left50	.nadpis,
	.zluta-nadpis	{ margin-bottom:30px; font-size:20px; line-height:30px; }
	#video			{ position:relative; width:100%; bottom:0; }
	#video-text		{ font-size:22px; line-height:32px; }
	.slovnik			{ float:none; width:80%; margin-left:auto; margin-right:auto; margin-top:50px }
	.slovnik	 h3		{ font-size:20px; line-height:30px; }
	.slovnik	 p		{ margin-top:10px; }
	.left33			{ width:100% }
	.left33 a		{ height:120px; }
	.objednavka-container	{ width:60%; }
	
	.page-left-kniha input	{ width:240%; }
	
	.obsah			{ margin-top:50px; }
	.page-left,
	.page-right		{ float:left; width:100%; padding-left:5%; padding-right:5%; margin-bottom:30px; }
	.page-right		{ padding-bottom:30px; }
	
	.page-right2 			{ float:left; width:90%; margin:0; padding-left:5%; padding-right:5%;  text-align: center;}


	.overlay-content 			{ height:100vh; overflow:auto; }
	.overlay-menu 				{ width:100%; height:auto; overflow:hidden; padding:50px 8% 0 8% }
	.overlay-obsah 				{ width:100%; height:auto; overflow:hidden; padding-top:10%; padding-left:8% }
	.overlay-obsah-polozky 		{ margin-top:0;  }
	#zavrit						{ top:20px; right:20px; }
	
	#firmy			{ margin:70px 0 70px 0; }
	
	.overlay-kniha 				{  width:100%; height:auto; overflow:hidden; padding:50px 20px 0 20px; }
	.page-left-kniha		{ width:calc((100%/6)*2.5); padding-left:5%; padding-right:5%;}
	.page-right-kniha 	{ width:calc((100%/6)*3); padding:0;}
	
	.overlay-kniha-koupit-text	{ font-size:16px; line-height:22px; margin-top:10px;  }
	.overlay-kniha-nazev			{ font-size:18px; line-height:24px;}
	
	.ceny-poptavka a		{ float:left; font-size:16px; line-height:24px; padding-right:50px; }
	
	.aktuality-titulek		{ font-size:16px; line-height:22px;  } 
	.aktuality-lomitko		{ margin:0  } 
}


@media screen and (max-width:650px) {
	.objednavka-container	{ width:85%; }
	
	.page-left-kniha		{ width:50%; }
	.page-right-kniha 	{ width:40%;}

}

@media screen and (max-width:589px) {
	.formular-inicialy	{  margin-top:10px}
	#formular .formular-informace input 		{ margin-top:0;}
}

@media screen and (max-width:479px) {
	.main        	{ padding:0; }
	#logo 			{ margin-top:50px;}
	nav h2			{ letter-spacing:0.3em; margin-bottom:30px; }
	#menu 			{ width:100%; margin-left:0; }
	#social			{ right:0px; }
	.line			{ display:none  }
	.left50,
	.zluta 			{ padding-left:20px; padding-right:20px; }
	.left50 p		{ font-size:16px; line-height:24px; }
	#video			{ height:300px; }
	#video-text		{ font-size:18px; line-height:26px; }
	#video-play		{ top:calc(50% - 30px); width:60px; height:60px; background-size:60px 60px }
	.slovnik			{ margin-top:50px; }
	.slovnik	 h3		{ height:auto; }
	.slovnik	 span	{ position:relative; }
	.slovnik	 p		{ margin-top:20px; }
	#kontakt,
	#kontakt a,
	#kontakt a.formular	{ font-size:14px; line-height:22px }
	.page-left,
	.page-right,
	.page-right2		{ padding-left:20px; padding-right:20px; }

	.overlay-container	{ width:100% }
	.page-right-kniha 	{ width:50%;}
	

}

@media screen and (max-width:400px) {
	.objednavka-container	{ width:95%; }
}