.box_cornerstones{
background: url(../images/bg_stone.png) 50% 50% no-repeat;
background-size: cover;
padding-bottom: 80px;
max-width: 100%;
width: 1920px;
margin: 0 auto;
}

.div_cornerstones{
max-width: 100%;
box-sizing: border-box;
margin: 0 auto;
padding: 0 3px;
width: 1710px;
}

.div_cornerstones .divTitle{
padding: 0 15px;
}

.div_cornerstones .divScrollContent{

}
.div_cornerstones .divScrollContent ul{

}
.div_cornerstones .divScrollContent ul li{
padding: 0 12px;
box-sizing: border-box;
width: 20%;
}
.div_cornerstones .divScrollContent ul li .inLi{
border: 2px solid #E6D5C2;
border-radius: 12px;
background-color: #FBF8F4;
padding: 24px 24px 108px 24px;
position: relative;
height: 100%;
box-sizing: border-box;
white-space: wrap;
}

.div_cornerstones .divScrollContent ul li .inLi .titleOffer{
font-size: 20px;
font-weight: 600;
color: var(--g1-color);
margin-bottom: 12px;
min-height: 48px;
}
.div_cornerstones .divScrollContent ul li .inLi .zajawkaOffer{
font-size: 20px;
font-weight: 400;
color: var(--g1-color);
font-family: var(--gfont2-family);
word-spacing: 0;
line-height: 28px;
}
.div_cornerstones .divScrollContent ul li .inLi .spImage{
width: 60px;
height: 60px;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 24px;
}


@media screen and (max-width:1430px){
.div_cornerstones .divScrollContent ul li{width: 25% !important;}
}
@media screen and (max-width:1080px){
.div_cornerstones .divScrollContent ul li{width: 33.333% !important;}
}
@media screen and (max-width:900px){
.div_cornerstones .divScrollContent ul li{width: 50% !important;}
}
@media screen and (max-width:620px){
.div_cornerstones .divScrollContent ul li{width: 100% !important;}
}