@media screen and (max-width:999px)
{
    .productsQuantity {
        margin-left: 0;
    }

    .productsQuantity ul {
        margin-left: 0;
        padding-left: 18px;
    }

    .projectDescription {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 15px;
    }

    .projectDescription div {
        row-gap: 15px;
        flex-wrap: wrap;
    }

    .installationServiceContactPage .subTitle {
        margin-left: 5px;
    }

    .errorInput.productSelection {
        margin-left: 0;
    }

    .installationSeviceContactSuccess,
    .installationSeviceContactError {
        margin-left: 5px;
    }
}

@media screen and (max-width:767px)
{
    .service-de-pose-infos .content .lifeLine {
        flex-direction: column;
    }

    .service-de-pose-infos .content .eligibility {
        width: 98%;
    }

    .service-de-pose-infos .footer .images {
        overflow-x: scroll;
        margin-left: -20px;
    }

    .service-de-pose-infos .footer img {
        width: 185px;
        height: 277px;
    }

    .service-de-pose-infos .footer .images .blurName {
        width: 185px;
        height: 59px;
        opacity: 1;
    }

    .service-de-pose-infos .footer .images .blurName p {
        font-size: 14px;
    }

    .service-de-pose-infos .footer .arianeCaroussel {
        width: 125px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
    }

    .service-de-pose-infos .footer .arianeCaroussel .carousselPoint {
        width: 5px;
        height: 5px;
        background-color: #D8D8D8;
        border-radius: 2px;
    }

    .service-de-pose-infos .footer .arianeCaroussel .carousselPoint.active {
        width: 10px;
        height: 10px;
        background-color: #ED7941;
        border-radius: 5px;
    }

    .products .product {
        flex: 1 0 50%;
    }

    .othersInformations textarea {
        width: 92%;
    }

    .userInfos span {
        margin-bottom: 5px;
    }

    .cityPredictions, .addressPredictions {
        left: 4%;
    }

    .service-de-pose-infos .content .lifeLine .infos .info .infoSubTitle {
        margin-left: 21px;
    }

    .service-de-pose-infos .content .lifeLine .infos {
        margin-left: 30px;
    }

    .service-de-pose-infos .content .lifeLine .icons {
        margin-left: 20px;
    }

    .service-de-pose-infos .content .lifeLine .middle {
        display: flex;
        margin-left: 27px;
    }

    .service-de-pose-infos .content .lifeLine .line {
        height: 10px;
    }

    .service-de-pose-infos .content .lifeLine .background {
        width: 55px;
        height: 55px;
    }

    .service-de-pose-infos .content .lifeLine .background {
        font-size: 35px;
    }

    .service-de-pose-infos .content .lifeLine .infos {
        padding: 5px 0 0 0;
    }

    .service-de-pose-infos .header {
        margin: 10px 0 40px 0;
    }

    .service-de-pose-infos .content .eligibility .inputChecking .checkingValidation button {
        max-width: 120px;
    }

    .service-de-pose-infos .header img {
        width: 100%;
    }
}

@media screen and (min-width:768px) and (max-width:1260px)
{
    .service-de-pose-infos .content .eligibility #message-ok {
        align-items: baseline;
    }

    .service-de-pose-infos .content .eligibility #message-ok span {
        margin-top: 2px;
    }
}

@media screen and (max-width:487px)
{
    .service-de-pose-infos .content .eligibility #message-ok {
        align-items: baseline;
    }

    .service-de-pose-infos .content .eligibility #message-ok span {
        margin-top: 2px;
    }
}

@media screen and (min-width:768px) and (max-width:1087px)
{
    .service-de-pose-infos .content .eligibility {
        width: 37%;
    }

    .service-de-pose-infos .content .eligibility #message-nok {
        width: 100%;
        max-width: 414px;
    }

    .service-de-pose-infos .content .eligibility .inputChecking .checkingValidation input {
        width: 60%;
    }
}

@media screen and (min-width:950px) and (max-width:1087px)
{
    .service-de-pose-infos .content .eligibility .inputChecking .checkingValidation button {
        max-width: 120px;
    }
}

@media screen and (min-width:850px) and (max-width:949px)
{
    .service-de-pose-infos .content .eligibility .inputChecking .checkingValidation button {
        max-width: 100px;
    }
}

@media screen and (min-width:768px) and (max-width:849px)
{
    .service-de-pose-infos .content .eligibility .inputChecking .checkingValidation button {
        max-width: 90px;
    }
}

@media screen and (min-width:1200px) and (max-width:1300px)
{
    .service-de-pose-infos .content .eligibility .inputChecking .checkingValidation button {
        max-width: 140px;
    }
}

@media screen and (min-width:1088px) and (max-width:1199px)
{
    .service-de-pose-infos .content .eligibility .inputChecking .checkingValidation button {
        max-width: 130px;
    }
}

@media screen and (min-width:1088px)
{
    .service-de-pose-infos .content .eligibility {
        width: 37%;
    }

    .service-de-pose-infos .content .eligibility #message-nok {
        width: 100%;
        max-width: 414px;
    }
}