.yclients .message-wrapper { padding-top: 135px; height: 470px; }
.yclients .jumbotron__info { width: 47%; }
.yclients .jumbotron__info svg, .yclients .jumbotron__info img { width: 170px; margin: 0 auto; display: block; }
.yclients .jumbotron__info svg g {opacity: 0;}
.yclients .jumbotron__text strong {font-weight: bold; margin: 20px 0; display: block; font-size: 1.2em; text-align: center; color: #fff; background-color: #15baff; padding: 15px 0; border-radius: 30px; }
.yclients .jumbotron__text p { margin-bottom: 20px; text-align: justify; }
.message-wrapper { background-image: url(/bitrix/templates/esemes/img/iPhone-X-card.png); }
.message.from {background-color: #202431;color: #000;margin-right: 70px;text-align:center;}
.message.from::before { content: none; }
.message span { display: block;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;text-transform:uppercase; }
.message > span {text-align: left;}
.message > span:first-child {text-align: right;}
.message span img { float: left; }
.message img.car { margin: 10px 0; }
.message img.qr { margin-top: 45px; }
.message > img:last-child { position: absolute;bottom:15px;right:15px; }
.message span span {font-size: 0.7em;}
.index-rubric {padding-top: 30px;}
.index-rubric span.subtitle { font-size: 1em; line-height: 1.2; color: #2a94d3; margin: 0 0 .4375rem; font-weight: 600; display: block; }
.index-rubric span.title { color: #000; font-size: 1.1em; font-weight: 800; line-height: 1.33; margin: 0 0 1.6875rem; display: block; }

@media (max-width: 950px){
    .message-wrapper{
        width: 50%;
        margin: 0 auto;
    }
    .s-flex.flex_jumbotron{
        padding-right: 15px;
    }
}
@media (max-width: 768px){
    .yclients .jumbotron__info {
        width: 100%;margin: 20px 0;
    }
    .yclients a.btn.btn-prime:not(.callback-mfp){
        margin:20px auto;
    }
    .message-wrapper{
        width: 100%;
        max-width:430px;
    }
}
@media (max-width: 450px){
    .message.from {
        margin-right: 50px;
    }
}