@media all and (max-width: 990px)  {

#left{width:36%}
#right,#b1{width:64%}
.ca{font-size:12px;}
.half{width:98%}
.tresc .zyskaj li{width:88%;padding-right:0;padding-left:12%;}
.ja{margin:1vh 30%; width:30%}
.p{width:49%}
}

@media all and (max-width: 720px)  {

#b1,#b2{display:none}
#left{width:50%;height:auto;}
#right{width:50%}
.ca{font-size:16px;width:90%;padding-left:10%;height:33.3333%;line-height:22px;text-align:left;background-position:95% 20px;}
.ca span{text-align:left;}
.tresc .zyskaj li{width:100%;padding-left:0;padding-right:0; background:transparent !important;}

.p{width:99%}
}

@media all and (max-width: 560px)  {
	.ja{display:none}
	.nomobile{display:none;}
	h1{margin:10px 0 0px 0}
	h2{border:0;margin:0;}
	
	.mailto{display:none}
	.ismain .mailto{font-size:0.01px;position:absolute; right:10px; top:10px; width:50px; height:40px; padding:0; background-size:contain !important; display:block;}
	
	#left{height:0;overflow:hidden;width:100%;min-height:0;} 
	#left img{float:left;margin-right:10px;max-height:80px;}
	
	.ismain #left{width:100%;height:30%;min-height:30%;text-align:left;}
	
			
	#right{width:100%;height:70%;}
	.ca{width:33.3333%;padding:0;height:100%;background-position:center 93%; text-align:center;font-size:14px}
	.ca span{text-align:center;}
}


@media all and (max-width: 380px)  {
	
	h1{font-size:24px;margin-top:0}
	h2{font-size:14px;}
	
	.ca{width:95%; padding-left:5%;height:33.3333%;text-align:left;background-position:95% center; background-size:20% !important}
	.ca span{text-align:left;line-height:30px;}
}