.block-stock {
display: flex;
background: #0D8970;
border-radius: 15px;
overflow: hidden;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 50px;
}
.block-stock .block-stock-image {
width: 30%;
}
.block-stock .block-stock-image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.block-stock .block-stock-offer {
padding: 30px 0px 30px 25px;
width: 70%;
}
.block-stock .block-stock-offer .title {
font-weight: 700;
font-size: 32px;
line-height: 120%;
color: #ffffff;
margin-bottom: 20px;
}
.block-stock .block-stock-offer .stock-offer-bottom {
display: flex;
align-items: center;
}
.block-stock .block-stock-offer .stock-offer-bottom .btn-main-reverse {
margin-right: 30px;
}
.block-stock .block-stock-offer .stock-offer-bottom .descr {
line-height: 120%;
color: #ffffff;
}
@media (max-width: 1200px) {
.block-stock {
padding-left: 20px;
padding-right: 20px;
}
.block-stock .block-stock-offer .title {
font-size: 22px;
}
}
@media (max-width: 991px) {
.block-stock {
margin-bottom: 40px;
}
.block-stock .block-stock-offer .stock-offer-bottom .descr {
font-size: 14px;
}
}
@media (max-width: 767px) {
.block-stock {
flex-direction: column-reverse;
position: relative;
}
.block-stock .block-stock-image {
display: none;
}
.block-stock .block-stock-offer {
padding-left: 0px;
padding: 15px 0px;
width: 100%;
}
.block-stock .block-stock-offer .stock-offer-bottom {
flex-direction: column;
align-items: normal;
}
.block-stock .block-stock-offer .stock-offer-bottom .btn-main-reverse {
margin-right: 0px;
margin-bottom: 15px;
}
}
@media (max-width: 480px) {
.block-stock {
padding-left: 15px;
padding-right: 15px;
}
.block-stock .block-stock-offer .title {
font-size: 18px;
}
}