@media screen and (max-width:1860px) { 
	.oteviraci-doba		{ font-size:100px; line-height:100px;  }

	
}

@media screen and (max-width:1750px) { 
	#footer-instagram	{ clear:both; }
	.footer-social-cara { margin-bottom:15px; opacity:0  }
}

@media screen and (max-width:1649px) { 
	#subpage-text-right a:hover::after { content: ''; position: absolute; left: 0; bottom:3px; display: inline; height: 1em; width: 100%; border-bottom:1px solid; }
	#subpage-text-right { font-size:30px; line-height:30px; } 
	.subpage-text-odkazy		{ padding:6px 12px; font-size:14px; line-height:20px; }
	.zavinac				{ width:21px; height:21px; background-size:21px 21px; }
	
	.kontakty-page			{ margin-top:-25px }
	.kontakty-page em		{ margin-bottom:10px; padding:8px 15px; font-size:14px; line-height:18px; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; behavior: url(PIE.htc); }
	
	
}

@media screen and (max-width:1599px) { 
	#vysvetlivky 		{ margin-left:20px; }
	.vysvetlivky-kostka	{ clear:both; margin-top:0;  margin-left:0px; }
	#vysvetlivky-nadpis 	{ padding-bottom:20px }
	.vysvetlivky-popis	{ margin-top:10px; }
	.krouzky-zalomeni	{ float:left; margin-right:20px  }
	#krouzky-zalomeni1  { clear:both; margin-right:50px }
	
	
	.novinka-titulek1,
	.novinka-titulek3		{ font-size:30px; line-height:30px; }	
	.novinka-titulek1 .nbsp,
	.novinka-titulek3 .nbsp { letter-spacing:-5px; }
	_::-webkit-full-page-media, _:future, :root .nbsp { letter-spacing:0; }

}

@media screen and (max-width:1500px) { 
	.subpage-uvodni-sekce	{ font-size:90px; line-height:90px;  } 


	#subpage-uvodni-titulek	{ font-size:45px; line-height:45px;  } 


	.subpage-akce-left-titulek,
	.subpage-akce-right-titulek	{ font-size:45px; line-height:45px;  }
	.subpage-akce,
	.subpage-akce-left a	,
	.subpage-akce-right a		{ height:300px }
	
	#subpage-vyskakovaci-left	{ font-size:45px; line-height:45px;  }
	.subpage-nabidka-vyskakovaci-left	{ font-size:45px; line-height:45px;  }
	

	.oteviraci-doba-left-den		{ width:160px;  }




	.sipka-prostor		{ width:82px; }

	
	#month 				{ margin-top:5px; }
	#rozvrh-ovladani-mesic { width:90px; }
	.rozvrh-ovladani-cara { margin-top:-5px; height:47px; }
	#rozvrh-ovladani-vodorovna 	{ width:5%; margin:17px 30px 0 30px; }

	#rozvrh-ovladani-rok,
	#rozvrh-ovladani-tyden{ position:absolute; margin-top:-8px; font-size:14px; line-height:14px; }
	#rozvrh-ovladani-tyden-prostor	{ margin-top:5px; line-height:25px}
	#rozvrh-ovladani-cislo	{ margin-top:8px;}

	#arrow-down2			{ margin-top:1px; width:20px; height:28px;background-size:20px 28px;  }


	#form-right,
	#form-right2		{ margin-top:-45px }
}


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

	#pas					{ height:60px; }
	#pas-nadpis			{ margin-top:20px; font-size:24px; line-height:24px; }

	#pas-polozky			{ margin-top:12px; font-size:24px; line-height:28px; }
	.pas-polozka			{  padding-top:6px}


	#rozvrh-ledu			{ height:60px; font-size:24px; line-height:24px;   }
	#rozvrh-ledu-nadpis 	{ margin-top:20px; margin-left:20px }
	#arrow-down2			{ margin-top:-6px; margin-right:-5px; width:18px; height:25px; background-size:18px 25px;  }
	
	.sipka-prostor		{ width:60px; }
	#sipka-prava			{ width:25px; height:18px; background-size:25px 18px; }
	
	#rozvrh-ovladani 			{  height:60px; }
	#rozvrh-ovladani-sipka-left,
	#rozvrh-ovladani-sipka-right,
	#rozvrh-ovladani-sipka-prostor-left,
	#rozvrh-ovladani-sipka-prostor-right	{ width:60px; }
	
	#rozvrh-ovladani-den 	{ top:14px }
	
	#rozvrh-ovladani-sipka1,
	#rozvrh-ovladani-sipka2	{ width:25px; height:18px; background-size:25px 18px; }
}



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

	#pas-nadpis			{ width:calc((100%/8)*2.8); }
	#pas-polozky			{ width:calc((100%/8)*4.2); }
	.pas-polozka			{ width:calc(33% - 1px);}
	#pas-polozka4,
	#pas-polozka5		{ display:none }


	
	.bio					{ font-size:200px; line-height:170px; }

	#footer-left,	
	#footer-centerA,
	#footer-centerB,
	#footer-right		{ float:left; width:50%;   }
	
	#footer-centerA { clear:both; margin-top:40px; }
	#footer-centerB { margin-top:40px; }
	
	#footer-kudyznudy a { display:none }
	#footer-kudyznudy-mobile a { display:inline-block }


}



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

	#ulice-hide	{ display:none; }
	#ulice-hide2	{ display:block; }

	#rozvrh-container-obal	{ height:569px;  }
	.rozvrh				{ width:2581px; padding-left:85px; }
	.rozvrh-head-cont	{ width:85px; }
	.rozvrh-head-left	{ width:60px; height:76px; line-height:28px; }
	.rozvrh-head-day,
	.rozvrh-head-day2	{ margin-top:30px; font-size:24px; line-height:24px}
	.rozvrh-head-day		{ margin-top:20px;}
	.rozvrh-head-date	{ font-size:15px;  }
	.rozvrh-head-right	{ width:25px; height:78px; line-height:25px; font-size:18px }
	.rozvrh-head-rightA	{ width:25px; margin-top:25px }
	.rozvrh-head-rightB	{ width:25px; }
	.rozvrh-line1		{ height:25px; padding-left:0;  }
	.rozvrh-line2		{ height:25px; padding-left:0; }
	.rozvrh-line3		{ height:25px; padding-left:0; }
	.kostka,
	.kostka2				{ width:25px; height:25px; }
	.rozvrh-line1-datum-cont { width:104px; height:25px; font-size:18px; line-height:24px;  }
	.rozvrh-line1-datum { margin-top:2px; width:42px; font-size:15px; }
	.rozvrh-popisek,
	.rozvrh2-popisek,
	.rozvrh-popisek-g	{ font-size:12px; margin:0 0 0 5px }
	.rozvrh-head-left2	{ width:60px; height:51px; line-height:28px; }
	.rozvrh-head-right2	{ width:25px; height:53px; line-height:25px; font-size:18px }
	.rozvrh-head-day3	{ margin-top:15px; font-size:20px;}
	
	.vysvetlivky-popis	{ margin-top:3px; }		
	
	
	#form-left			{ margin-bottom:30px; margin-left:20px }
	#form-left-nadpis a	{ font-size:30px; line-height:30px; height:30px;  }
	#form-right,
	#form-right2			{ margin-top:-75px }

	
	.oteviraci-doba		{ font-size:60px; line-height:60px; padding:0 2vw 0 2vw; }
	.oteviraci-doba-left,
	.oteviraci-doba-right	{ margin-top:10px;}


	
	#subpage-text-left,
	#subpage-vyskakovaci-right,
	.subpage-nabidka-vyskakovaci-right	{ font-size:14px; line-height:20px; } 


	#map_canvas 		{ width:100%;  }
	#mapa			{ width:100%; height:auto; }




	footer				{ padding:50px 0 60px 0;  }



	.zavinac2			{ margin:5px 1px 0 1px; width:10px; height:10px; background-size:10px 10px; }
	
	
}

@media screen and (max-width:1200px) { 
		#nav-odkazy a 		{ padding-top:0;  } 
		
	#newsletter { height:auto }
	#newsletter-text	{ width:100%; padding-left:20px; padding-right:20px;}
	#newsletter-text span::before { margin:0; }
	#newsletter	input	{ width:calc(60% - 20px); margin-left:20px; margin-top:80px; margin-bottom:20px; padding:0 15px 0 15px; }
	input#newsletter-odeslat	{  width:40%; margin-left:0; }
	


	.partner				{ height:200px;  }
	.partner-inner		{ height:184px;  }
	.partner-male .partner-inner img	{  max-height:50px; }
	.partner-vyska .partner-inner img	{  max-height:60px; }

}

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




	
	#pas-nadpis			{ width:calc((100%/8)*3.5); }
	#pas-polozky			{ width:calc((100%/8)*3.5); }
	.pas-polozka			{ width:calc(50% - 1px);}
	#pas-polozka3		{ display:none }

	
	.novinka2 a,
	.novinka2-bez,
	.novinka3 a,
	.novinka3-bez,
	.novinka4 a,
	.novinka4-bez,
	.novinka5 a,
	.novinka5-bez		{ width:50%; height:calc(25vw-10%); }
	

	
	#form-left			{ width:calc(100% - 40px); }
	#form-right,
	#form-right2			{ float:left; max-width:320px; width:calc(100% - 40px); margin-top:10px; margin-left:20px }
	#form-right input#prihlasit-se,
	#form-right2 input#odeslat { clear:both; float:left; margin-top:5px }


	
	.subpage-uvodni-sekce	{ font-size:60px; line-height:60px;  } 
	#subpage-uvodni-titulek	{ font-size:30px; line-height:30px;  } 

	#subpage-uvodni-button,
	#subpage-uvodni-button2	{ width:70px; height:70px; }
	
	#subpage-vyskakovaci-left	{ font-size:30px; line-height:30px; }
	

	.oteviraci-doba-left-den{ width:100px;  }
	

	.oteviraci-doba-left3,
	.oteviraci-doba-right3,
	.oteviraci-doba-left4,
	.oteviraci-doba-right4	{ font-size:30px; line-height:40px; }

	.subpage-nabidka			{ font-size:24px; padding:20px 2vw; }
	.subpage-nabidka-vyskakovaci-left	{ font-size:30px; line-height:30px; }
	
	
	.bio					{ font-size:120px; line-height:100px; padding-top:15px }
	.bio-point-table		{ vertical-align:middle; display:table-cell; width:80px; height:80px; }
	.bio-point			{ font-size:18px; line-height:18px; top:150px  }	
	
	.subpage-akce-left-titulek,
	.subpage-akce-right-titulek	{ font-size:30px; line-height:30px;  }
	.subpage-akce,
	.subpage-akce-left a	,
	.subpage-akce-right a		{ height:200px }
	.subpage-akce-left-datum,
	.subpage-akce-right-datum	{ font-size:25px; line-height:25px;  }
	
	.rozvrh-ovladani-cara 	{ margin-left:20px; margin-right:20px; }


	#rozvrh-ovladani-vodorovna 	{ width:20px;  margin-left:20px; margin-right:20px; }
	#month 				{  margin-left:10px; }
	
	.partner				{ height:150px;  }
	.partner-inner		{ height:134px;  }
	.partner-inner img	{ max-height:40px;  }
	.partner2 .partner-inner img	{  max-height:70px; }
	.partner-male .partner-inner img	{  max-height:40px; }
	.partner-generalni	{ bottom:25px; }


	.box-foto-velke		{ display:none;	}
	.box-foto-male		{ display:block; }


	
	#footer-horni		{ padding-left:20px }


	footer .menu-line			{ line-height:30px; }
	
	#footer-mobile		{ display:block; }
	#footer-dolni 		{ text-align:center; }
	#footer-dolni-prava	{ width:250px; margin:auto; }
	#footer-dolni-created	{ float:none; }
	#logo-padok	a		{ float:none; display:block; margin:auto; }
	.zavinac2			{ margin:5px 3px 0 3px; width:16px; height:16px; background-size:16px 16px; }
	
	#footer-dolni-leva { text-align: left; width:100% }

}


/* Výška okna menší než 850px */
@media screen and (max-height:850px) { 
	#menu			{ font-size:36px; line-height:36px;  }
}

@media screen and (max-width:880px) {
	#mutace				{ width:80px; right:0;  }
	#mutace-tlacitko	 a,
	#mutace-tlacitko2 a	{ width:25px; height:25px; background-size:25px 25px; margin-top:17px; }
	#nav-odkazy 			{ margin:20px 85px 0 0; } 
}

/* Mobilní šířka */
@media screen and (max-width:767px) {
	

	
	.prostor    { width:100%;  }
	
	#rozvrh-ledu	{ position: relative; width:100%; }

		
	.menu-prostor		{ width:60px; height:60px; }
	.menu-nadpis			{ margin-top:10px; margin-bottom:10px; }
	
	
	#menu				{ font-size:32px; line-height:32px;  }
	#menu1				{ background:transparent; }
	#obsah 				{ margin-top:10px;  }
	
	#menu-prostor		{ padding:60px 0 60px 0 }

	

	#menu-tlacitko		{ position:relative; margin:auto; width:25px; height:17px; }
	#menu-tlacitko span:nth-child(2) { top:7px }
	
	#menu-zavrit			{ width:60px; height:60px; top:30px; }
	#menu-zavrit	 span	{ width:30px; height:3px; }
	
	#nav-text			{ display:none}
	
	#mutace				{ right:50px;  }




	#skoda-logo			{ margin-top:16px }

	
	#logo a 				{ float:none; display:block; width:calc(100% - 40px); margin:auto; top:-5px } 
	
	#rozvrh-ovladani-den 	{ width:80%; font-size:18px; font-family:'Roboto'; letter-spacing:0.03em; top:12px }
	#rozvrh-ovladani-vodorovna 	{  height:2px; width:10px; margin:20px 5px 0 5px; }

	
	.novinka	 a,
	.novinka-bez	 a		{ height:55vw; }
	.novinka2 a,
	.novinka2-bez,
	.novinka3 a,
	.novinka3-bez,
	.novinka4 a,
	.novinka4-bez,
	.novinka5 a,
	.novinka5-bez		{ width:100%; }
	.novinka-tema-presun { top:auto; display:block; font-size:24px; line-height:24px; left:20px; bottom:20px; width:calc(100% - 40px); }
	
	.novinka-filtr1,
	.novinka-filtr2		{ display: none }
	/*.filtr-schovat		{ display:block }*/
	.novinka-filtr-mobile	{ display:block; }
	
	.novinka-titulek .nbsp { letter-spacing:-1.5vw; }
	_::-webkit-full-page-media, _:future, :root .nbsp { letter-spacing:0; }
	

	#pronajem-odkaz	a	{ margin:-27px 20px 0 0; font-size:14px	}

	#subpage-uvodni-foto-velke { display:none; }
	#subpage-uvodni-foto-male { display:block; }
	



	/*#subpage-uvodni-foto img	{ height:300px; width:100%; object-fit: cover; } */
	#subpage-uvodni-button,
	#subpage-uvodni-button2	{ width:50px; height:50px; }
	#subpage-uvodni-sipka,
	#subpage-uvodni-sipka2	{ background-size:18px 9px; width:18px; height:9px;}
				
	#subpage-text-left		{ width:100%; margin-top:30px; padding-left:20px; padding-right:20px; } 
	#subpage-text-right		{ width:100%; padding-left:20px; padding-right:20px; } 
	
	.subpage-nabidka-sipka1,
	.subpage-nabidka-sipka2	{ background-size:18px 9px; width:18px; height:9px;}
	
	
	.subpage-uvodni-sekce	{ left:20px; top:20px;  } 
	#subpage-uvodni-titulek	{ left:20px; bottom:20px;  } 
	
	#subpage-vyskakovaci-left		{ width:100%; padding:30px 20px;  } 
	#subpage-vyskakovaci-right		{ width:100%; padding:0 20px 30px 20px; font-size:14px; line-height:20px; } 
	

	.subpage-nabidka-vyskakovaci-left		{ width:100%; padding:30px 20px;  } 
	.subpage-nabidka-vyskakovaci-right		{ width:100%; padding:0 20px 30px 20px; font-size:14px; line-height:20px; } 
	

	.oteviraci-doba		{ font-size:35px; line-height:35px; padding-bottom:2px }
	.oteviraci-doba-left,
	.oteviraci-doba-right	{ margin-bottom:5px; }
	.oteviraci-doba-left2,
	.oteviraci-doba-right2	{ font-size:30px; line-height:40px; }
	.oteviraci-doba-left-den{ width:70px;  }

	
	.oteviraci-doba-left,
	.oteviraci-doba-right,
	.oteviraci-doba-left2,
	.oteviraci-doba-right2,
	.oteviraci-doba-left3,
	.oteviraci-doba-right3,
	.oteviraci-doba-left4,
	.oteviraci-doba-right4	{ padding-left:0; padding-right:0; padding-top:5px;}
	
	.oteviraci-doba{ padding-left:20px; padding-right:20px; }

	
	.oteviraci-doba-left3,
	.oteviraci-doba-right3 {  padding-bottom:0;}



	.subpage-nabidka			{ font-size:18px; padding:10px 20px; }
	
	
	.bio					{ font-size:100px; line-height:80px; }
	.bio-point-left		{ left:10%; }
	.bio-point-right		{ right:10%; }
	.bio-prostor			{ font-size:14px; line-height:24px; width:70%; }

	.bio-point			{ top:130px  }	
	
	.bio-zavrit-prostor		{ width:50px; height:50px; }
	
	.jcarousel-control-prev2,
	.jcarousel-control-next2 { margin-top:-25px; width:50px; height:50px;}
	.jcarousel-control-sipka-left,
	.jcarousel-control-sipka-right {	width:15px; height:11px; background-size:15px 11px; }


	.subpage-akce				{ height:400px }	
	.subpage-akce-left a	,
	.subpage-akce-right a		{ width:100%; }
	.subpage-akce-left-datum		{ left:20px; top:20px;  }
	.subpage-akce-left-titulek	{ left:20px; bottom:20px; }
	.subpage-akce-right-datum	{ left:20px; top:20px; }
	.subpage-akce-right-titulek	{ left:20px; bottom:20px; }
	
	#mapa				{ padding:20px; font-size:32px; line-height:32px;}
	.mapa-subnadpis		{ font-size:18px; line-height:24px; margin-bottom:30px; }
	.mapa-text			{ font-size:14px; line-height:21px; margin-top:1px }
	
	
	#pas-nadpis			{ width:calc((100%/8)*4); padding-left:20px }

	#pas-polozka1,
	#pas-polozka2		{ display:none }
	#pas-polozky			{ width:0 }

	#newsletter	input	{ margin-top:100px }
	input#newsletter-odeslat	{  margin-top:100px  }
	

	#footer-left,	
	#footer-centerA,
	#footer-centerB,
	#footer-right		{ float:left; width:100%;  clear:both; margin-top:40px;  }
	#footer-left			{ margin-top:0px;  }

	#rozvrh-neni-termin	{  font-size:14px; line-height:18px;}
	
	#footer-horni,
	#footer-dolni		{ margin-left:0; width:calc(100% - 80px); padding-left:40px; }
	
	#page404				{ font-size:30px; line-height:30px; margin:5vh auto 5vh 0; padding:0 20px }
	#page404	 .nbsp		{ letter-spacing:-5px; }
	_::-webkit-full-page-media, _:future, :root .nbsp { letter-spacing:0; }
	
	.partner				{ width:50%;  }
	.partner2			{ width:100%;}
	.partner2 .partner-inner img	{ width:50%;  }


}


@media screen and (max-width:479px) {
	
	#menu				{ font-size:24px; line-height:24px;  }

	#pas-nadpis			{ width:calc((100%/8)*5.5); }
	
	#rozvrh-ovladani-den 	{  font-size:14px;  }
	

	.novinka2 a,
	.novinka2-bez,
	.novinka3 a,
	.novinka3-bez,
	.novinka4 a,
	.novinka4-bez,
	.novinka5 a,
	.novinka5-bez		{ width:100%; }
	
	.partner-inner		{ width:calc(100% - 10px); margin:0 5px 0 5px; height:140px; }
	.partner-inner img	{ max-height:40px;  }
	.partner	,
	.partner2			{ width:100%;}
	.partner2 .partner-inner img	{ max-height:80px; width:60% }

	.partner-male .partner-inner img	{  max-height:50px; }
	.partner-vyska .partner-inner img	{  max-height:60px; }
	
	.subpage-uvodni-sekce	{ font-size:30px; line-height:30px; } 
	
	.oteviraci-doba		{ font-size:24px; line-height:40px;  }
	
	.oteviraci-doba-left4,
	.oteviraci-doba-right4,
	.oteviraci-doba-left3,
	.oteviraci-doba-right3	{ font-size:18px; line-height:25px; }

	.oteviraci-doba-left4 { width:60%; }
	.oteviraci-doba-right4 { width:40%; }

	.oteviraci-doba-left-den{ width:55px;  }
	
	.subpage-text-odkazy		{ clear:both; }

	.bio					{ font-size:60px; line-height:50px; }
	.bio-point-table		{ vertical-align:middle; display:table-cell; width:50px; height:50px; }
	.bio-point			{ font-size:14px; line-height:14px; top:110px  }	


}

@media screen and (max-width:440px) {
	/*#mutace				{ right:auto; left:10px; width:70px  }*/
}



@media screen and (max-height:900px) { 
	#rozvrh-container-obal	{ height:569px;  }
	.rozvrh				{ width:2581px; padding-left:85px; }
	.rozvrh-head-cont	{ width:85px; }
	.rozvrh-head-left	{ width:60px; height:76px; line-height:28px; }
	.rozvrh-head-day,
	.rozvrh-head-day2	{ margin-top:30px; font-size:24px; line-height:24px}
	.rozvrh-head-day		{ margin-top:20px;}
	.rozvrh-head-date	{ font-size:15px;  }
	.rozvrh-head-right	{ width:25px; height:78px; line-height:25px; font-size:18px }
	.rozvrh-head-rightA	{ width:25px; margin-top:25px }
	.rozvrh-head-rightB	{ width:25px; }
	.rozvrh-line1		{ height:25px; padding-left:0;  }
	.rozvrh-line2		{ height:25px; padding-left:0; }
	.rozvrh-line3		{ height:25px; padding-left:0; }
	.kostka,
	.kostka2				{ width:25px; height:25px; }
	.rozvrh-line1-datum-cont { width:104px; height:25px; font-size:18px; line-height:24px;  }
	.rozvrh-line1-datum { margin-top:2px; width:42px; font-size:15px; }
	.rozvrh-popisek,
	.rozvrh2-popisek,
	.rozvrh-popisek-g	{ font-size:12px; margin:0 0 0 5px }
	.rozvrh-head-left2	{ width:60px; height:51px; line-height:28px; }
	.rozvrh-head-right2	{ width:25px; height:53px; line-height:25px; font-size:18px }
	.rozvrh-head-day3	{ margin-top:15px; font-size:20px;}
	
	#vysvetlivky 		{  margin-left:20px; }
	.vysvetlivky-kostka	{ clear:both; margin-top:1px; margin-left:0px; }

	.bio					{ margin-top:4vh; }

}





/** TABLETS IN PORTAIT **********************************/
/*************************************************************/
@media all and (min-device-width: 0) and (max-device-width:768px) and (orientation:portrait){	 

}

/** TABLETS IN LANDSCAPE **********************************/
/*************************************************************/
@media all and (min-device-width: 0) and (max-device-width:768px) and (orientation:landscape){  
 
 	#menu				{ font-size:22px; line-height:22px;  }

}