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

    #steps-left-side .features-container[data-name="avantagesParents"] .feature {
        margin-top: 30px;
    }

    #steps-left-side .features-container[data-name="avantagesParents"] .feature-text {
        font-size: 13px;
    }

    #steps-left-side .features-container[data-name="avantagesParents"] .feature-name {
        font-size: 17px;
    }

    #steps-center-part > div[data-name="avantagesParents"] {
        right: 560px;
    }

}

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

    #steps-circles {
        right: -61vh;
    }

    #steps-center-part > div[data-name="avantagesMairie"] {
        right: 24vw;
    }

    #steps-left-side {
        padding-left: 3vw;
    }

    #steps-center-part > div[data-name="avantagesParents"] {
        right: 500px;
    }

    #steps-left-side .features-container[data-name="avantagesParents"] {
        max-width: 45vw;
    }

}

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

    #steps-center-part > div[data-name="avantagesParents"] > #smartphone-container {
        left: -40px;
    }

    #steps-center-part > div[data-name="avantagesParents"] {
        right: 460px;
    }

    .feature-title {
        font-size: 32px;
    }

}

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

    #steps-left-side .features-container[data-name="avantagesMairie"] .feature {
        margin-top: 30px;
    }

    #steps-center-part > div[data-name="avantagesParents"] > #smartphone-container {
        left: -50px;
    }

    #steps-circles {
        right: -67vh;
    }

    #steps-center-part > div[data-name="avantagesParents"] {
        right: 400px;
    }

}

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

    #steps-left-side .features-container[data-name="avantagesMairie"] .feature-text {
        font-size: 13px;
    }

    #steps-center-part > div[data-name="avantagesParents"] > #smartphone-container {
        left: -70px;
    }

    #steps-slide-contact-us-btn {
        font-size: 16px;
    }

    #steps-center-part > div[data-name="avantagesParents"] {
        right: 380px;
    }

    #steps-left-side .features-container[data-name="avantagesParents"] .feature {
        margin-top: 25px;
    }

    #steps-left-side .features-container[data-name="avantagesParents"] .feature-name {
        font-size: 16px;
    }

    #steps-left-side .features-container[data-name="avantagesParents"] .feature-text {
        font-size: 12px;
    }

}

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

    .feature {
        font-size: 17px;
    }

    #steps-center-part > div[data-name="avantagesParents"] > #smartphone-container {
        left: -90px;
    }

    #steps-circles {
        right: -72vh;
    }

    #steps-menu button {
        padding: 12px 40px 12px 30px;
        font-size: 18px;
    }

    #steps-menu button.selected {
        font-size: 22px;
    }

    #steps-center-part > div[data-name="avantagesParents"] {
        right: 330px;
    }

}

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

    #credit-cards img {
        height: 40px;
    }

    #steps-circles {
        right: -75vh;
    }

    #steps-center-part > div[data-name="avantagesParents"] {
        right: 300px;
    }

}

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

    .feature {
        font-size: 16px;
    }

    #steps-center-part > div[data-name="avantagesParents"] > #smartphone-container {
        left: -70px;
    }

    #steps-circles {
        right: -78vh;
    }

    #steps-center-part > div[data-name="avantagesParents"] > #smartphone-container {
        height: 70vh;
    }

}

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

    #credit-cards > img {
        height: 35px;
    }

    #steps-left-side .features-container[data-name="avantagesMairie"] .feature-text {
        font-size: 12px;
    }

    .feature-title {
        font-size: 30px;
    }

    .feature-line {
        margin-top: 12px;
    }

}