@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;
    }

    .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;
    }
}