.box_marki{
padding-bottom: 80px;
}
.boxMarki{
width: 1490px;
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: 40px 40px;
}

.boxMarki .ofertaDiv{

}
.boxMarki .ofertaDiv .ofertaA{
display: block;
position: relative;
}
.boxMarki .ofertaDiv .ofertaA .icoParent{
display: block;
text-align: center;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 0 40px rgba(74,78,104);
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: #FFFFFF;
font-weight: 700;
font-size: 24px;
transition: all 0.5s ease-out 0s;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
background-color: rgba(34,34,58,0.5);
text-align: center;
padding: 10px 0;
box-sizing: border-box;
}
@media screen and (max-width:1200px){
.boxMarki .contentBoxInner{grid-gap: 20px 20px}
.box_marki{padding-bottom: 0}
}
@media screen and (max-width:990px){
.boxMarki .contentBoxInner{display: flex;flex-wrap: wrap;justify-content: center}
.boxMarki .ofertaDiv{width: calc(50% - 20px)}
}
@media screen and (max-width:750px){
.boxMarki .ofertaDiv{width: calc(100% - 20px);max-width: 460px}
}