@media only screen and (max-width:1400px)
{ 
	.detail-foto		{ width:calc((100%/3) - 20px);  }
}


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

	.menu h3				{ margin:0 7px }
	

	.header-info 		{ font-size:18px; line-height:24px; margin-top:20px }
	.header-info h2 		{ font-size:22px; line-height:26px; }
	.header-red select	{ float:left; clear:both; margin-top:10px; }
	.nalezeno			{ float:left; }
	.header-red			{ margin-top:20px; }
	
	.kosik-button-text 	{ display:none }
	.button-prihlaseni 	{ display:none }
	.button-head			{ width:38px}

	.button-prihlaseni2	{ display:block; margin-right:15px;  }
	.prihlaseni			{ display:none  }
	
	.pattern	,
	.pattern	 .object-fit			{ height:250px; }
	.pattern-long		{ padding-top:15px; }

	.produkt				{ width:32.2%; }
	.produkt:nth-of-type(4n) { margin-right:1.33%; }
	.produkt:nth-of-type(3n) { margin-right:0; }

	
	.header	{ height:500px } 
	
	.detail-telefon		{ font-size:16px; }
	
	
	.kosik h2 			{ font-size:22px; line-height:26px; }
}

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

	.footer-inner  { width:46%; margin-right:6%; }
	.footer-inner2 { width:46%; margin-right:0; }
	.footer-inner2 .footer-inner  { clear:both; width:100%; }
	

}


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

	
	.menu 			{ display:none; }
	.menu-odsazeni	{ float:left; width:100%; margin-top:22px; }
	.menu-mobile		{ display:block; }
	.menu h3			{ float:left; width:100%; display:inline-block; font-size:16px; line-height:32px; border-top:1px solid #e0e0e0; padding:10px 0; margin:0}
	.menu a,
	.menu span		{ padding-top:4px; padding-bottom:4px; }
	
	.submenu			{ position:relative; top:0; left:0; width:auto; border:0; text-align: center; padding:5px 0 0 0 }
	.menu h4			{ display:block; }
	
	.hledat			{ display:none }
	.hledat2			{ display:block;  }
	
	.header			{ min-height:400px; } 
	.header-info 	{ float:none; width:100%;  margin:auto }
	.header	.object-fit		{ display:none } 
	.header-red select	{ float:right; clear:none; margin-top:0; }
	.nalezeno			{ float:right; }

	.pattern-nazev		{ font-size:18px; line-height:24px; }
	.pattern-telefon-cislo a	{ font-size:20px; line-height:32px;  }
	
	.vypis-head h2 	{ font-size:24px; line-height:32px; }
	.vypis-head input[type="checkbox"] + label { padding:10px 40px 10px 10px; background-position:right 10px center; float:left;} 
	.vypis-head input[type="checkbox"]:checked + label  { background-position: right 10px center;  }
	
	.filtr			{ float:left; width:100%; height:auto; }
	#slider			{ width:calc(100% - 250px); }
	.amount			{ font-size:14px; width:100px; margin-bottom:20px }
	#amount1			{ clear:both }
	
	.produkt				{ width:48.92%; }
	.produkt:nth-of-type(3n) { margin-right:1.33%; }
	.produkt:nth-of-type(2n) { margin-right:0; }

	.detail-foto		{ width:calc(20% - 20px);  }
	
	.detail-left		{ width:100% }
	.detail-right	{ width:100%; max-width:none;  }
	
	.kosik-nazev			{ width:17%; font-size:16px; line-height:20px; }
	.kosik-velikost		{ width:13%; } 
	
	.kosik-cena-celkem		{ clear:both; margin-top:15px; }
	.kosik-cena-celkem		{ float:left; margin-right:0; }
	.kosik-cena-celkem-red	{ font-size:16px; line-height:22px; }
	
	.kosik-velikost		{ margin-top:14px;  }


	.lista-polozka a	,
	.lista-polozka:last-child a			{ border:0; padding:3px 8px; }
	

}


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

	.kontakt { width:100%; max-width:400px; float:none; margin:auto; margin-bottom:20px; }
	.kontakt-suda 	{ margin:auto; margin-bottom:20px;}

}


@media only screen and (max-width:868px)
{       
	.jcarousel-pagination { display:none; }


}



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

	
	.pattern	,
	.pattern	 .object-fit		{ width:100%; margin-right:0; height:300px; }
	.pattern-long		{ padding-top:30px; }
	
	.kosik-vyber-inner-scroll		{ padding:0 10px; }
	.kosik-vyber .kosik-pokracovat	{ float:left; margin-right:0; margin-bottom:0 }
	.kosik-vyber .stitek-priradit			{ float:none; margin:auto; margin-bottom:10px; }
	.zbozi-pridano		{ text-align:left; font-size:16px }

	
	.detail-hlaska-inner-scroll		{ padding:0 10px; }
	.detail-hlaska .kosik-pokracovat	{ float:left; margin-right:0; margin-bottom:0 }
	.detail-foto		{ width:calc((100%/3) - 20px);  }
	
	.white-foto		{ float:left; width:calc(50% - 20px);}
	.white-foto	.object-fit		{ height:150px; }

	.footer-inner,
	.footer-inner2 		{ width:100%; margin-right:0; }
	
	.mobile-clearboth	{ clear:both }
	.kosik-import-soubor		{ float:left; margin-top:21px; margin-left:20px; margin-bottom:20px; }
	.kosik-import-text		{ width:100%; margin-bottom:0 }
	.kosik5 .kosik-import-input-text,
	.kosik-import-input-text		{ margin-left:20px; width:calc(100% - 60px); margin-top:10px;  }
	
	.stitek-nazev			{ font-size:12px; line-height:16px; }


	.kosik-koupit			{ margin-left:0; }

	.kosik-cena				{ margin-right:45px; font-size:18px; line-height:20px; margin-top:26px  }
	.kosik-cena-ks			{ font-size:14px; margin-top:5px }

	.kosik-vyuctovani		{ font-size:16px; line-height:32px;  }
	.kosik-cena-celkem-suma	{ margin-right:15px;}
	.kosik-cena-celkem-suma-red	{ margin-right:15px;}
	.kosik-button			{ margin-right:5px; }
	.kosik-pokracovat		{ margin-right:15px; }

	
	.kosik-ram2				{ height:auto }
	.kosik-ram-text			{ width:100%; text-align:left; } 
	.kosik-ram-text2			{ margin-left:0; margin-bottom:10px } 
	.kosik-ram-obrazek		{ margin-left:0; margin-top:5px; margin-bottom:10px }

	.kosik-korektura-cena 	{ margin-right:0 }

	.kosik-inner svg.delete 	{ margin:13px 10px 0 0; }
	.kosik-inner svg.doplnek-odebrat	{ margin-top:25px; }
	
	.kosik-inner svg.soubor-odebrat	{ margin-top:22px; }

	
	.kosik-ram-obrazek		{ width:calc(100%); } 


	.ucet-cesta	{ width:100%;  }
	.ucet-cesta .cesta a { clear:both; margin-bottom:5px; padding:3px 10px;
	  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
	}
	

	
	
	
	#cookies-obal		{ font-size:12px; }
	#cookies-text		{  width:calc(100% - 30px);}
	


.jak-nakupovat-obrazek	{ width:100%; max-width:170px; margin-left:0; margin-right:0; margin-bottom:10px;}
.jak-nakupovat-obrazek2	{ float:left; margin-bottom:10px; }
.jak-nakupovat-text	{  width:100%; }

}

@media only screen and (max-width:650px)
{
	.lista .prostor				{ max-width:100%; }
		
	.produkt				{ width:100%; margin-right:0; margin-top:20px; }
	.stitek				{ height:270px; }
	.stitek	img			{ height:140px; }
	
	.kosik-vyber .stitek-priradit			{ width:100%; margin:auto; text-align:center; }
	.stitek-priradit-hide { display:none }
	

	
	.kosik5 .kosik-velikost		{ width:50%; }
	.kosik5 .kosik-mnozstvi		{ clear:both; margin-left:20px; font-size:14px; margin-top:12px; margin-bottom:10px }
	.kosik5 .kosik-cena			{ margin-top:10px; margin-bottom:10px  }	
	.kosik5 .kosik-cenaX	 	{ margin-top:10px;  }
	
	.detail-box		{ width:100%; margin-right:0; }

	
	.o-spolecnosti-foto		{ width:calc(50% - 30px);}
	.o-spolecnosti-foto:nth-child(5n) { margin-left:0; }
	.o-spolecnosti-foto:first-child,
	.o-spolecnosti-foto:nth-child(odd) { margin-left:20px; }
}


@media only screen and (max-width:600px)
{
	.stitek					{ width:100%; height:350px;}

}

@media only screen and (max-width:560px)
{
	.header			{ min-height:450px; } 
	.header-red select	{ float:left; clear:both; margin-top:10px; }
	.nalezeno			{ right:auto; left:25px; }
	
	.pattern	,
	.pattern	 .object-fit			{ height:200px; }
	.pattern-long-nadpis	{ font-size:16px; line-height:22px; }
	.pattern-long		{ height:290px; padding:15px 20px; }
	.pattern-long-logo	{ margin-top:-10px; margin-bottom:15px }
	.pattern-long input	{ width:100%; margin-top:0 }
	.pattern-long input:nth-child(2)	{ margin-left:0}
	.pattern-long .odeslat	{ margin-top:10px }
	
	.filtr select		{ margin-left:25px; clear:both; }
	
	.input-do-kosiku		{ font-size:12px; line-height:17px }
	
	.submit				{ margin-bottom:30px }
	
	.kosik-nazev			{ width:calc(100% - 121px);}
	.kosik-velikost		{ clear:both; width:calc(100% - 121px); margin-left:85px; margin-top:0px; } 
	.kosik-inner svg.delete 	{ position:absolute; top:0; right:0; margin-top:28px; margin-right:21px; }
	.kosik-inner svg.soubor-odebrat	{ position:relative; margin-top:22px; margin-right:10px; }
	.kosik-inner svg.doplnek-odebrat	{ margin-top:25px; margin-right:10px;  }
	.kosik-add-cena,
	.kosik-add-cena-ks		{ font-size:14px; }
	.kosik-add-cena-ks		{ margin-bottom:10px; }
	.kosik-add-nazev			{ max-width:calc(100% - 170px); }
	
	.kosik-import-text			{ font-weight:normal; }
	.kosik-import-soubor			{ display:none}
	.kosik-import-input-soubor	{ float:left; margin-left:20px; margin-bottom:10px}


	.form-udaje	input		{ width:100% }
	.pozadavek input			{ width:calc(100% - 20px); }
	
	.kosik2-cesta			{ width:100%; font-size:12px; line-height:30px }
	
	.kosik-ram img			{ max-width:120px } 
	
	.kosik-cena 				{ font-size:16px; line-height:18px; }
	.kosik-cena-celkem-red	{ float:left }
	
	.sumarizace-cena			{ font-size:14px; }	


}





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

	.stitek-cena				{ font-size:14px; }
	.kosik-duplikovat		{ clear:both; margin:10px 0; }
	
	.kosik-vyber .stitek-priradit			{ padding:0; font-size:10px; }

	.vypis-head h2 	{ margin:50px 0 30px 0; }
	.vypis-head select	{ font-size:12px; width:120px; left:0; right:0; margin:auto }
}



@media only screen and (max-width:430px)
{
	.kosik-add-text			{ max-width:calc(100% - 110px); margin-left:10px;  }
	.kosik-add-cena			{ margin-top:0; margin-bottom:10px;  }
	
	.kosik-cena	{ margin-right:10px }
	.kosik-add-cena-doplnky	{ font-size:14px; margin-right:15px }

}



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

	.stitek-cena				{ font-size:10px; }
	
	.detail-foto		{ width:100%; height:250px  }
	.white-foto		{ width:100%; height:250px }
	.white-foto	.object-fit		{ height:250px; }
	
	.kosik-cena 			{min-width:calc(100% - 138px);   }
}