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

/* #Base 1200 Grid
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1610px) {
	.kontener { max-width: 1400px; }
	
	.kolumna-produkt { width:50%; padding-bottom:0px;}
    div.dwa { display:block !important; }
	div.trzy { display:none !important; }
	
	div.boks-pojemnik.pierwszy { padding: 0px 10px 0px 10px; }
	div.boks-pojemnik.drugi { padding: 0px 10px 0px 10px; }
	div.boks-pojemnik.trzeci { padding: 0px 10px 0px 10px; }
	
	div.kolumna-zdjecia-produkt { width:48%;}
	div.kolumna-opis-produkt { width:50%;}
}




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

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.kontener { max-width: 950px; }
	
	.kolumna-produkt { width:50%; padding-bottom:0px;}
    div.dwa { display:block !important; }
	div.trzy { display:none !important; }
	
	div.boks-pojemnik.pierwszy { padding: 0px 10px 0px 10px; }
	div.boks-pojemnik.drugi { padding: 0px 10px 0px 10px; }
	div.boks-pojemnik.trzeci { padding: 0px 10px 0px 10px; }
	
	div.kolumna-zdjecia-produkt { width:48%;}
	div.kolumna-opis-produkt { width:50%;}
}


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

@media only screen and (min-width: 768px) and (max-width: 959px) {

	h1 {
		position:relative;
		top:0px;
		left:0;
		padding:0px;
		margin:10px 0px 0px 0px;
		width:100%;
		max-width:400px;
	}
    .kontener { max-width: 758px; }
    
    .kolumna-produkt { width:50%; padding-bottom:0px;}
    div.dwa { display:block !important; }
	div.trzy { display:none !important; }
	.kolumna-25 { width:50%; padding-bottom:30px;}
	div.boks-pojemnik.pierwszy { padding: 0px 10px 0px 10px; }
	div.boks-pojemnik.drugi { padding: 0px 10px 0px 10px; }
	div.boks-pojemnik.trzeci { padding: 0px 10px 0px 10px; }
	
	div.kolumna-zdjecia-produkt { width:38%;}
	div.kolumna-opis-produkt { width:60%;}
	
	/*-- filtr--*/
	div.filt-produktow form div.srodek {padding:0px 5px;}
	div.filt-produktow div.sortowanie {width:30% !important; padding:0; margin:0; }
	div.filt-produktow div.producent-box {width:70% !important; padding:0; margin:0;}
	div.filt-produktow div.cenaod {width:20% !important; padding:0; margin:0;}
	div.filt-produktow div.cenado {width:20% !important; padding:0; margin:0;}
}

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

@media only screen and (max-width: 767px) {
	#naglowek {
		position:relative;
		top:0;
		left:0;
		z-index:20;
		width:100%;
		height:auto;	
	}
	
	#pojemnik-strona { padding-top:0px;}
	
	h1 {
		position:relative;
		top:0px;
		left:0;
		padding:0px;
		margin:10px 0px 0px 0px;
		width:100%;
	}
	
	div.koszyk {padding:10px 0px 0px 0px;width:60%;font-size:12px;}
	
    .kontener { width: 310px; }
    .kolumna-33 { width:100%; float:none; padding-bottom:10px;}
    ul.baner-maly li {width:100%; float:none; padding:0px 0px 1px 0px;}
    ul.baner-maly li div.img {width:100%;}
    .kolumna-produkt { width:100%; float:none; padding-bottom:20px;}
    .kolumna-25 { width:100%; float:none; padding-bottom:30px;}
    div.boks-pojemnik {padding: 0px 0px 0px 0px;}
    div.boks-pojemnik.pierwszy {padding: 0px 0px 0px 0px;}
	div.boks-pojemnik.ostatni {padding: 0px 0px 0px 0px;}
	
	div.boks-pojemnik.trzeci {padding: 0px 0px 0px 0px;}
	
	div.dwa { display:none; }
	div.trzy { display:none; }
	
	
	.kolumna-podmenu { 
		width:100%;
		padding-top:8px;
		padding-bottom:18px;
		float:right;
		border-top:1px solid #b9b9b9;
		text-align:left;
		float:none;
	}

	.kolumna-tresc {
		width:100%;
		padding-bottom:20px;
		float:none;
	}
	
	div.kolumna-zdjecia-produkt { width:100%; float:none; }
	div.kolumna-opis-produkt { width:100%; float:none; padding-top:20px; }
	
	/*-- filtr--*/
	div.filt-produktow form div.srodek {padding:0px 0px;}
	div.filt-produktow div.sortowanie {width:100% !important; padding:0; margin:0; }
	div.filt-produktow div.producent-box {width:100% !important; padding:0; margin:0;}
	div.filt-produktow div.producent-box label {width:100% !important; padding:0; margin:0;}
	div.filt-produktow div.cenaod {width:22% !important; padding:0; margin:0;}
	div.filt-produktow div.cenado {width:22% !important; padding:0; margin:0;}
	div.filt-produktow div.wpromocji {width:25% !important; padding:0; margin:0;}
	div.filt-produktow div.guzik {width:31% !important; padding:0; margin:0; text-align:right;}
	
	div.filt-produktow form div.cenaod div.srodek {padding:0px 5px 0px 0px;}
	div.filt-produktow form div.cenado div.srodek {padding:0px 5px 0px 0px;}
	
	ul#menu-uzytkownika {float: none; width:100%; font-size:11px;}
	ul#menu-uzytkownika li {float:right;padding:3px 0px 0px 10px !important;}
	ul#menu-uzytkownika li.kto {width:100%; text-align:right;}
	
	div.kolumna-opis-produkt h3 {display:none;}
	
}