/* =========================
   TABLET
   ========================= */

@media (max-width: 1024px) {
    .about-catalog > .e-con-inner {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .about-catalog__title .wd-text-block,
    .about-catalog__title {
        font-size: 34px;
        line-height: 1.08;
    }

    .about-catalog__text .wd-text-block,
    .about-catalog__text {
        font-size: 16px;
        line-height: 1.55;
        margin-bottom: 24px;
    }

    .about-contacts > .e-con-inner {
        padding: 44px 32px;
    }

    .about-contacts__title .wd-text-block,
    .about-contacts__title {
        font-size: 34px;
        margin-bottom: 30px;
    }

    .about-contacts__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .about-contacts__label .wd-text-block,
    .about-contacts__label {
        font-size: 22px;
    }

    .about-contacts__meta .wd-text-block,
    .about-contacts__meta {
        font-size: 16px;
    }
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {
    .about-catalog,
    .about-contacts {
        padding-left: 16px;
        padding-right: 16px;
    }

    .about-catalog > .e-con-inner {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .about-catalog__media {
        order: 1;
    }

    .about-catalog__content {
        order: 2;
        align-items: flex-start;
        text-align: left;
    }

    .about-catalog__title .wd-text-block,
    .about-catalog__title {
        font-size: 26px;
        line-height: 1.08;
        margin-bottom: 16px;
        max-width: 320px;
    }

    .about-catalog__text .wd-text-block,
    .about-catalog__text {
        font-size: 14px;
        line-height: 1.55;
        margin-bottom: 20px;
        max-width: 100%;
    }

    .about-catalog__btn .btn,
    .about-catalog__btn a.btn {
        min-width: 0;
        padding-left: 24px;
        padding-right: 24px;
    }

    .about-contacts > .e-con-inner {
        padding: 32px 20px;
        border-radius: 20px;
    }

    .about-contacts__title .wd-text-block,
    .about-contacts__title {
        font-size: 26px;
        line-height: 1.1;
        margin-bottom: 24px;
    }

    .about-contacts__grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .about-contacts__row {
        gap: 14px;
    }

    .about-contacts__icon {
        width: 34px;
    }

    .about-contacts__label .wd-text-block,
    .about-contacts__label {
        font-size: 18px;
        line-height: 1.35;
    }

    .about-contacts__meta .wd-text-block,
    .about-contacts__meta {
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.5;
    }
}