.box_offers{padding:65px 0 0 0;
background: url(../images/bg_offers.png) 50% 50% no-repeat;
background-size: cover;
}
.box_offers .div_offers{width:1450px;margin:0 auto;box-sizing:border-box;padding:0 15px;max-width:100%;}
.box_offers .div_offers .offers{display:flex;flex-wrap:wrap;justify-content:center;}
.divOffer{width:25%;box-sizing:border-box;padding:20px;}
.box_offers .div_offers .offers .offer{display:block;}
.box_offers .div_offers .spImg{display:block;border-radius:6px;overflow:hidden;transition:all 0.5s ease-out 0s;}
.box_offers .div_offers .offer:hover .spImg{border-radius:6px 6px 0 0;}
.box_offers .div_offers .offers .offer img{display:block;max-width:100%;height:auto;transition:all 0.5s ease-out 0s;}
.box_offers .div_offers .offers .offer:hover img{transform:scale(1.1);}
.box_offers .div_offers .offers .offer .title{font-size:24px;font-weight:700;color:var(--g1-color);padding:12px 0;box-sizing:border-box;transition:all 0.5s ease-out 0s;border-radius:0 0 6px 6px;}
.box_offers .div_offers .offers .offer:hover .title{background-color:var(--g1-color);color:#FFFFFF;padding:12px 5px 12px 20px;}

@media screen and (max-width:1200px) {
.box_offers{padding: 30px 0 0 0}
.box_offers .div_offers {padding: 0}
.divOffer{padding: 15px}
.box_offers .div_offers .offers .offer .title{font-size: 15px}
}
@media screen and (max-width:880px) {
.divOffer{width: 33.333%}
}
@media screen and (max-width:650px) {
.divOffer{width: 50%}
}
@media screen and (max-width:380px) {
.divOffer{width: 100%}
}