@media screen and (max-width: 999px) {
    .prediction .header {
        margin: 0 0 40px;
    }
    .prediction .header__image {
        position: relative;
        right: auto;
        top: auto;
        margin: 0 auto 10px;
    }
    .prediction .header__row {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .prediction .header__author {
        margin: 0 15px 0 0;
        max-width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .container,
    .prediction .header>.container {
        padding: 0 10px;
    }
    .header {
        margin: 30px 0 60px;
    }
    .header__author {
        font-size: 12px;
        margin: 0 15px 0 0;
    }
    .header__author-link {
        padding: 2px 8px;
    }
    .home-buttons {
        margin: 0 0 20px;
    }
    .home-buttons .button {
        font-size: 28px;
    }
    .footer__image {
        margin: 0 auto 40px;
    }
    .content>.container {
        min-width: 340px;
        max-width: 340px;
    }
    .content__title,
    .prognoz-dnya-mesyaca .content__title {
        font-size: 36px;
        margin: 0 0 20px;
    }
    .prediction .content__title {
        margin: 0 0 40px;
    }
    .content p {
        max-width: 100%;
        font-size: 16px;
    }
    .calculate-form {
        margin: 40px auto;
    }
    .calculate-form__submit {
        margin: 10px 0 0;
    }
    .results {
        margin: 0 auto 60px;
    }
    .kompozit-dvuh-dat .results__row {
        grid-column-gap: 20px;
    }
    .kompozit-dvuh-dat .results__row.portraits::before {
        bottom: 160px;
    }
    .kompozit-dvuh-dat .results__col {
        grid-row-gap: 10px;
    }
    .results__dates,
    .results__date {
        font-size: 24px;
    }
    .kompozit-dvuh-dat .results__item-archetype {
        height: 20px;
        width: 36px;
        font-size: 13px;
        border-radius: 5px;
    }
    .kompozit-dvuh-dat .results__item-row {
        grid-column-gap: 6px;
    }
    .results__explain-button {
        font-size: 24px;
    }
    .results__explain-content {
        max-width: 100%;
    }
    .results__explain-content {
        padding: 0 20px;
    }
    .results__explain-content.expanded {
        padding: 20px;
    }
    .results__calendar {
        margin: 0 -11px;
    }
    .results__calendar th, .results__calendar td {
        font-size: 10px;
    }
    .results__calendar .cell-content {
        padding: 4px 0px;
        grid-gap: 6px;
    }
    .results__calendar .cell-content > div {
        grid-gap: 6px;
    }
    .results__explain-title {
        font-size: 18px;
        margin: 0 0 15px;
    }
    .prediction .results__explain-content p {
        font-size: 14px;
    }
    .results__order {
        margin: 0 auto 40px;
    }
    .results__order,
    .results__praktikum {
        font-size: 18px;
        padding: 8px 16px;
        line-height: 1.3;
    }
    .kompozit-dvuh-dat .r13.results__item {
        transform: translateX(calc(-100% - 6px));
    }
    .kompozit-dvuh-dat .r14.results__item,
    .kompozit-dvuh-dat .r12.results__item {
        transform: translateX(calc(100% + 6px));
    }
    .kompozit-dvuh-dat .r7.results__item {
        transform: translateX(calc(100% - 15px));
    }
}
@media screen and (max-width: 479px) {
    .results__calendar th, .results__calendar td {
        border-width: 1px;
        font-size: 9px;
    }
    .results__calendar .cell-content {
        grid-gap: 4px;
    }
    .results__calendar .cell-content > div {
        font-size: 8px;
        grid-gap: 4px;
    }
}