/* ============================================================
   SMART TECHNOLOGIES — RESPONSIVE DEVIS
   Même système de points de rupture que responsive-index.css :
   1290 · 1200 · 1024 · 900 · 769 · 600 · 485 · 425 · 375 · 320
   À charger APRÈS devis.css
   Cette page n'avait aucune règle responsive existante — tout est neuf.
   ============================================================ */


@media only screen and (max-width: 1290px) {

    /* Réservé — pas d'ajustement nécessaire à ce palier sur cette page */

}


@media only screen and (max-width: 1200px) {

    /********************************* Garanties **********************/



    /********************************* Wizard devis **********************/



    /********************************* Process **********************/

}


@media only screen and (max-width: 1024px) {

    /********************************* Garanties **********************/

    .garanties-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .garantie-item:nth-child(2n) {
        border-right: none;
    }

    /********************************* Wizard devis **********************/

    .wizard-card {
        padding: 36px;
    }

    /********************************* Process **********************/

    
    .item-process {
        width: 50%;
    }

    .content-item-process:nth-child(2n) .item-process {
        transform: none;
    }

    .content-item-process {
        width: 100%;
        flex-wrap: wrap;
    }

    .bg-process {
        display: none;
    }

}


@media only screen and (max-width: 900px) {

    /********************************* Garanties **********************/



    /********************************* Wizard devis **********************/

    .wf-choices {
        grid-template-columns: repeat(3,1fr);
    }

    /********************************* Process **********************/

}


@media only screen and (max-width: 769px) {

    /********************************* Garanties **********************/

    .garanties-strip {
        margin-top: -24px;
    }

    .garantie-t {
        font-size: 13px;
    }

    .garantie-s {
        font-size: 11px;
    }

    /********************************* Wizard devis **********************/

    .section.section-fog {
        padding: 100px 0 30px;
    }

    .wizard-panel-head h2 {
        font-size: 19px;
    }

    .wizard-alt {
        flex-direction: column;
        text-align: center;
    }

    .wizard-alt-btns {
        width: 100%;
        justify-content: center;
    }

    /********************************* Process **********************/

    .process--title {
        font-size: 16px;
    }

    .process--text {
        font-size: 13px;
    }

    p.process--text {
        margin-bottom: 38px;
    }

    .chiffre-item-guide {
        font-size: 70px;
        top: -50px;
    }

    section.wrapper-process {
        padding: 50px 0 40px;
    }

    .process .section-title {
        margin-bottom: 50px;
    }

}


@media only screen and (max-width: 600px) {

    /********************************* Garanties **********************/

    .garanties-grid {
        grid-template-columns: 1fr;
    }

    .garantie-item {
        border-right: none !important;
        border-bottom: 1px solid var(--white-line);
    }

    .garantie-item:last-child {
        border-bottom: none;
    }

    /********************************* Wizard devis **********************/

    .wizard-card {
        padding: 24px 20px;
    }

    .wf-grid {
        grid-template-columns: 1fr;
    }

    .wf-choices {
        grid-template-columns: repeat(2,1fr);
    }

    .wizard-steps {
        margin-bottom: 32px;
    }

    .wizard-step-round {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }

    .wf-foot {
        flex-wrap: wrap;
        gap: 14px;
    }

    /********************************* Process **********************/

     .item-process {
        width: 100%;
    }

    .process-icon {
    width: 100px;
    height: 100px;
}

.process-icon img {
    width: 45px;
}


.circle-image svg {
    width: 140px;
}

.chiffre-item-guide {
    top: -25px;
    left: 94px;
    font-size: 60px;
}

.circle-image {
    margin-bottom: 0;
}

.item-process:nth-child(2) .circle-image svg, .item-process:nth-child(4) .circle-image svg {
    width: 120px;
}

.item-process:nth-child(2) .process-icon, .item-process:nth-child(4) .process-icon {
    width: 90px;
    height: 90px;
}

section.wrapper-process {
    padding-bottom: 20px;
}


}


@media only screen and (max-width: 485px) {

    .container {
        padding: 0 16px !important;
    }

    /********************************* Garanties **********************/

    .garantie-item {
        padding: 20px 16px;
    }

    /********************************* Wizard devis **********************/

    .wizard-card {
        padding: 20px 16px;
        border-radius: 18px;
    }

    .wf-choice-box {
        padding: 14px 6px;
    }

    .wf-choice-box span {
        font-size: 11px;
    }

    .wf-input input,
    .wf-input select,
    .wf-input textarea {
        font-size: 13.5px;
        padding: 11px 14px 11px 40px;
    }

    /********************************* Process **********************/

      .circle-image svg {
    width: 110px;
    height: 110px;
}

.chiffre-item-guide {
    left: 33px;
}

}


@media only screen and (max-width: 425px) {

    /* Réservé — pas d'ajustement nécessaire à ce palier sur cette page */

}


@media only screen and (max-width: 375px) {

    /********************************* Garanties **********************/

    .garantie-ic {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    /********************************* Wizard devis **********************/

    .wf-choices {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .wizard-panel-head h2 {
        font-size: 17px;
    }

    .wizard-panel-head p {
        font-size: 13px;
    }

    .wf-radio {
        padding: 12px 14px;
    }

    /********************************* Process **********************/

    

}


@media only screen and (max-width: 320px) {

    /* Réservé — pas d'ajustement nécessaire à ce palier sur cette page */

}