@media screen and (max-width: 767px) {
    .form--calc > div:nth-of-type(1),
    .form--calc > div:nth-of-type(2),
    .form--calc .etab-selector .col,
    .results--container > * {
        width: 100%;
    }

    .form--calc #sejour_modeTransportPrincipal .radio-item {
        width: calc((100% - 2 * var(--gap)) / 3);
    }

    .form--calc #sejour_modesTransportSecondaires {
        --gap: 46px;
    }

    .form--calc #sejour_modesTransportSecondaires .checkbox-item {
        width: calc((100% - 1 * var(--gap)) / 2);
    }

    .page-template-table-of-contents main {
        padding-bottom: 45px;
    }

    .results--container,
    .activites--container .item {
        flex-direction: column;
    }

    .results--container .content {
        flex-direction: column-reverse;
        padding: 25px;
    }

    .activites--container {
        padding: 0 21px;
    }

    .activites--container .item {
        gap: 10px;
    }

    .activites--container .item p,
    .activites--container .item .bar {
        width: 100%;
    }

    .form--calc #sejour_modeTransportPrincipal .radio-item label {
        font-size: 10px;
        line-height: 9px;
    }

    .title-orange {
        letter-spacing: -2.2px;
        font-size: 32px;
        line-height: 36px;
    }

    .tourism--content {
        margin: 0;
    }

    .steps {
        flex-direction: column;
        gap: 15px;
    }

    .steps .score-img {
        align-self: auto;
    }

    .steps > img {
        transform: rotate(90deg);
    }

    .results--transport {
        width: 90%;
        padding: 25px;
        background: linear-gradient(180deg, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
    }
}