/* Table of Contents
==================================================
    #Base 1200 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing 
    #Media Queries */

/* #Base 1200 Grid
================================================== */
/*ta czesc definiowana w kodzie*/

@media only screen and (min-width: 1200px) {
	
	
	
}

/* #Base 960 Grid
================================================== */

@media only screen and (min-width: 1000px) and (max-width: 1199px) {
	.srodek { max-width: 940px;}

	
}


/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 999px) {
	.srodek{ max-width: 748px;}
	
	h1 {
		position:absolute;
		top:10px;
		left:20px;
		padding:0px;
		margin:0px 0px 0px 0px;
		width:180px;
		height:104px;
	}
	
}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (min-width: 321px)  and (max-width: 767px) {
	.srodek{ max-width: 320px;}
	
	h1 {
		position:absolute;
		top:10px;
		left:10px;
		padding:0px;
		margin:0px 0px 0px 0px;
		width:180px;
		height:104px;
	}
	
	.glowna div.oferta h2 { 
		overflow:hidden;
		max-width:200px;
	}
	
	.kolumna-podmenu { 
		width:100%;
		padding-top:8px;
		padding-bottom:8px;
		margin-bottom:18px;
		float:nonet;
		border-bottom:1px solid #b9b9b9;
		text-align:left;
		float:none;
	}

	.kolumna-tresc {
		width:100%;
		padding-bottom:20px;
		float:none;
	}
	
}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 320px) {
	.srodek{ max-width: 320px;}
	
	h1 {
		position:absolute;
		top:10px;
		left:10px;
		padding:0px;
		margin:0px 0px 0px 0px;
		width:180px;
		height:104px;
	}
	
	.glowna div.oferta h2 { 
		overflow:hidden;
		max-width:200px;
	}
	
	.kolumna-podmenu { 
		width:100%;
		padding-top:8px;
		padding-bottom:8px;
		margin-bottom:18px;
		float:nonet;
		border-bottom:1px solid #b9b9b9;
		text-align:left;
		float:none;
	}

	.kolumna-tresc {
		width:100%;
		padding-bottom:20px;
		float:none;
	}
	
}