.div_mod_offer{
padding: 90px 0px 0px 0px;
max-width: 100%;
box-sizing: border-box;
}

.produkty{
display: flex;
flex-wrap: wrap;
}
.produkty .produkt{
width: 25%;
box-sizing: border-box;
padding: 8px;
}
.produkty .produkt a{
display: block;
box-sizing: border-box;
padding-top: 6px;
transition: all 0.5s ease-out 0s;
height: 100%;
}
.produkty .produkt a .spImg{
display: block;
transition: all 0.5s ease-out 0s;
overflow: hidden;
}
.div_mod_offer .produkty .produkt a:hover .spImg{

}

.produkty .produkt a .spImg img{
width: 100%;
height: auto;
transition: all 0.5s ease-out 0s;
}
.produkty .produkt a:hover .spImg img{
transform: scale(1.1);
}

.produkty .produkt a .tytulP{
display: block;
font-family: 'Ubuntu', sans-serif;
font-size: 17px;
font-weight: 700;
color: #FFFFFF;
padding: 20px 5px 20px 20px;
box-sizing: border-box;
transition: all 0.5s ease-out 0s;
}

.box_mod_offer .div_mod_offer .produkty .produkt a:hover{
background-color: #00A99D;
}

.produkty .produkt a .tytulP:after{
content: "";
width: 19px;
height: 9px;
background-color: red;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAJCAYAAADQHRcxAAAABHNCSVQICAgIfAhkiAAAAG1JREFUKFOl0NEJgDAMhOH/JhA3cSPtCE5kR+hobnASUajQpxjIYz7uIhJj+wQOSXt/roSF7S0woEoqr5HC4ngEyvYCTJmEQCSMvRMGFv2zWJ9hTtd8qlZgBYqkmsZsf6DAU9gI+oM1oEW1/mkXp8QsF5JZVbsAAAAASUVORK5CYII=') 50% 50% no-repeat;
}

.produkty .produkt a.color_0{

}




@media screen and (max-width:1240px){
.produkty .produkt {width: 33.333%}
}
@media screen and (max-width:1200px){
.div_mod_offer {padding: 30px 0px 30px 0px;}
}

@media screen and (max-width:930px){
.produkty .produkt {width: 50%}
}
@media screen and (max-width:480px){
.produkty .produkt {width: 100%}
}