.page-body-content--contacts {
    padding-inline: 20px;
}

.page-body-content--contacts > div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: calc(100% + 1280px - 100vw);
    margin: 0 auto auto;
    gap: 30px;
}

.page-body-content--contacts .page-body-content-section {
    width: 100%;
    padding-inline: 0;
}

@media (max-width: 1184px) {
    .page-body-content--contacts {
        flex-direction: column;
        margin: 20px 0;
        padding: 0 5vw;
    }

    .page-body-content--contacts > div {
        flex-direction: column;
        width: 100%;
    }
}

.page-body-content--contacts .page-body-content-section > div {
    width: 100%;
    max-width: none;
    margin: 0;
}

.page-body-content--contacts .page-body-content-section > .map {
    width: 650px;
}

.contact-map-point {
    max-width: 380px;
    text-align: right;
}

@media (max-width: 1184px) {
    .footer .contact-map-point {
        width: 100%;
        text-align: left;
    }
}

.contacts-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 40px;
}

.contacts {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 40px;
}

@media (max-width: 1184px) {
    .contacts-row {
        justify-content: space-between;
        align-items: flex-start;
    }

    .contacts {
        flex-direction: column-reverse;
        gap: 10px;
    }
}

.contacts-row > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 5px;
}

.contact-phone {
}

.contact-mail {
}