@media (min-width:992px) {
    body {
    }

    .row {
        object-fit: none;
        display: grid;
        grid-template-columns: 3fr 3fr 0fr 16fr 34fr 3fr 3fr;
        grid-template-rows: 24px 51px 37px 141px 153px 401px 132px 180px;
        grid-template-areas: '. . . . . . .' '. . . . . . .' '. . phone-support-title phone-support-title phone-support-title . .' '. . . phone-support-text phone-support-text phone-support-text .' '. . . on-site-title on-site-title on-site-title .' '. . . on-site-text on-site-text on-site-text .' '. . . payment-title payment-title payment-title .' '. . . payment-text payment-text payment-text .';
    }
}

@media (min-width:768px) and (max-width:991px) {
    body {
    }

    .row {
        object-fit: none;
        display: grid;
        grid-template-columns: 3fr 3fr 0fr 16fr 34fr 3fr 3fr;
        grid-template-rows: 18px 52px 48px 200px 99px 501px 133px 200px;
        grid-template-areas: '. . . . . . .' '. . . . . . .' '. . phone-support-title phone-support-title phone-support-title . .' '. . . phone-support-text phone-support-text phone-support-text .' '. . . on-site-title on-site-title on-site-title .' '. . . on-site-text on-site-text on-site-text .' '. . . payment-title payment-title payment-title .' '. . . payment-text payment-text payment-text .';
    }
}

@media (min-width:500px) and (max-width:767px) {
    body {
    }

    .row {
        object-fit: none;
        display: grid;
        grid-template-columns: 3fr 3fr 0fr 16fr 34fr 3fr 3fr;
        grid-template-rows: 16px 50px 50px 218px 93px 641px 134px 191px;
        grid-template-areas: '. . . . . . .' '. . . . . . .' '. . phone-support-title phone-support-title phone-support-title . .' '. . . phone-support-text phone-support-text phone-support-text .' '. . . on-site-title on-site-title on-site-title .' '. . . on-site-text on-site-text on-site-text .' '. . . payment-title payment-title payment-title .' '. . . payment-text payment-text payment-text .';
    }
}

@media (min-width:360px) and (max-width:500px) {
    body {
    }

    .row {
        object-fit: none;
        display: grid;
        grid-template-columns: 3fr 3fr 0fr 16fr 34fr 3fr 3fr;
        grid-template-rows: 12px 43px 47px 325px 156px 747px 218px 174px;
        grid-template-areas: '. . . . . . .' '. . . . . . .' '. . phone-support-title phone-support-title phone-support-title . .' '. . . phone-support-text phone-support-text phone-support-text .' '. . . on-site-title on-site-title on-site-title .' '. . . on-site-text on-site-text on-site-text .' '. . . payment-title payment-title payment-title .' '. . . payment-text payment-text payment-text .';
    }
}