.boxMarki{
width: 1250px;
padding: 0px 15px;
box-sizing: border-box;
max-width: 100%;
margin: 0px auto;
margin-bottom: 40px;
}
.boxMarki .title{
font-size: 36px;
color: #172C55;
font-weight: 400;
text-align: center;
margin-bottom: 55px;
}

.boxMarki .contentBoxInner{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px 20px;
}

.boxMarki .ofertaDiv{

}
.boxMarki .ofertaDiv .ofertaA{
display: block;
}
.boxMarki .ofertaDiv .ofertaA .icoParent{
display: block;
text-align: center;
overflow: hidden;
border-radius: 15px;
box-shadow: 10px 20px 0px #E0FFEC;
margin-bottom: 45px;
transition: all 0.5s ease-out 0s;
}

.boxMarki .ofertaDiv .ofertaA:hover .icoParent{
box-shadow: 0px 0px 0px rgba(23,44,85,0.05);
}

.boxMarki .ofertaDiv .ofertaA .icoParent img{
max-width: 100%;
height: auto;
transition: all 0.5s ease-out 0s;
}

.boxMarki .ofertaDiv .ofertaA:hover .icoParent img{
transform: scale(1.1);
}

.boxMarki .ofertaDiv .ofertaA .titleOffer{
color: #000000;
font-size: 20px;
font-weight: 400;
text-align: center;
display: block;
box-sizing: border-box;
padding: 0px 60px;
}

@media screen and (max-width:1200px){
.boxMarki .title{font-size: 27px;margin-bottom: 30px}
.boxMarki .ofertaDiv .ofertaA .titleOffer{padding: 0px 5px;font-size: 17px}
.boxMarki .ofertaDiv .ofertaA .icoParent{margin-bottom: 25px}
}
@media screen and (max-width:1060px){
.boxMarki .contentBoxInner{grid-template-columns:1fr 1fr}
.boxMarki .ofertaDiv .ofertaA {max-width: 392px;display: inline-block;}
.boxMarki .ofertaDiv {text-align: center}
}
@media screen and (max-width:620px){
.boxMarki .contentBoxInner{grid-template-columns:1fr}
.boxMarki .ofertaDiv{margin-bottom: 30px}
}