/* !Mobile, 540 (max 740) /////////////////////////////////////////MAX 3 KOLUMNY */
@media screen and (max-width: 740px) {


.PPL1 {
text-align: center;
padding-right: 12px;
padding-left: 12px;
padding-top: 12px;
padding-bottom: 12px;
background-color: rgba(255,255,255,0.8);
}

.PPL2 {
text-align: center;
padding-right: 12px;
padding-left: 12px;
padding-top: 12px;
padding-bottom: 25px;
background-color: rgba(255,255,255,0.8);
}

.PPLI {
padding-top: 0px;
}

}




/* !Mobile - Min, 300 (max 500) /////////////////////////////////////////MIN 3 KOLUMNY */
@media screen and (max-width: 500px) {

.PPL1 {
text-align: center;
padding-right: 25px;
padding-left: 25px;
padding-top: 25px;
padding-bottom: 25px;
background-color: rgba(255,255,255,0.8);
}

.PPL2 {
text-align: center;
padding-right: 25px;
padding-left: 25px;
padding-top: 25px;
padding-bottom: 25px;
background-color: rgba(255,255,255,0.8);
}

.PPLI img {
width: 100%;
max-width: 240px;
margin-top: 10px;
transition: 0.3s;
}

.PPLI a:hover > img {
margin-top: 10px;
transition: 0.1s;
}

.PPLI {
padding-top: 10px;
}


}




/* !Tablet, 6 column, 720 (min 740) /////////////////////////////////////////6 KOLUMN */
@media screen and (min-width: 740px) and (max-width: 980px) {


}


/* !Desktop, 12 column, 960 (min 980) /////////////////////////////////////////MIN 12 KOLUMN */
@media screen and (min-width: 980px) {



}


/* !Desktop, Max, 12 column, 1200 (min 1220), ignored by IE8 /////////////////////////////////////////MAX 12 KOLUMN */
@media screen and (min-width: 1220px) {



}