@media screen and (max-width: 1301px)
{
    .section-navbar-right{
        display: none;
    }
}

@media screen and (max-width: 1237px)
{
    .section-navbar-right{
        display: none;

    }

    .nav-rdv{
        display: flex;
    }

    .section-navbar-center{
        position: absolute;
        width: 100vw;
        height: 100vh;
        background-color: #af0202;
        top: 0;
        left: 110%;
        padding-top: 80px;
        transition: left 1s;
        box-shadow: -3px 0 10px rgba(0,0,0,0.4);
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .section-navbar-center-span span:hover{
        color: #25C0D3;
    }

    .section-navbar-center-div{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .section-navbar-center span{
        height: 70px;
        color: white;
    }

    .section-navbar-center.open{
        left: 0%;
    }
    .menu-mobile{
        display: block;
        z-index: 10;
    }
    .div-navbar{
        justify-content: space-between;
    }

    .section-navbar{
        justify-content: space-between;
        width: 95%;
    }

}

@media screen and (max-width: 1189px){
    .button-etape-partenaire{
        display: none;
    }
}

@media screen and (max-width: 1088px)
{
    .button-a-absolut{
        transform: translate(0px,-80px);
    }
}

@media screen and (max-width: 1060px)
{
    .media-section
    {
        display: none;
    }

    .medias-mobile
    {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .mobile-logo-media img{
        width: 100px;
    }

    .mobile-media-article img
    {
        width: 70%;
        max-width: 700px;
    }

    .mobile-media-article{
        text-align: center;
    }

    .img-main{
        display: none;
    }

    .container-width
    {
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .heroes-title{
        width: 400px;
    }

    .heroes-interieur{
        background-image: url("../images/centre/main.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right 30% top 0%;
    }



    .mobile-title-color
    {
    }

    .presentation-image
    {
        width: 100%;
    }

    .mobile-presentation-image
    {
        width: 40%;
    }

    .section2-partenaire-int{
        flex-direction: column-reverse;
        gap: 25px;
    }

    .section2-partenaire-int-video
    {
        width: 100%;
        text-align: center;
    }

    .section2-partenaire-int-video img{
        width: 100%;
    }

    .section2-partenaire{
    }

    .section2-partenaire-int-info{
        width: 100%;
    }

    .section2-partenaire-int-info-width p{
        margin: 0 15px;
    }


}

@media screen and (max-width: 1000px)
{
    .heroes
    {
        height: 525px;
    }

    .heroes-interieur
    {
        height: 525px;
        display: flex;
    }
    .avantage{
        flex-direction: column;
        align-items: center;
    }

    .item{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 10px;
        align-items: center;
    }

    .section-entretien-meca{
        flex-direction: column;
        gap: 20px;
    }

    .mobile-image-presentation-mecanique
    {
        width: 80%;
    }

    .section-entretien-meca-para
    {
        width: 80%;
    }

    .position-maps-int
    {
        flex-direction: column;
    }

    .mobile-inverse1000
    {
        order: 5;
    }

    .section-contact-int
    {
        flex-direction: column;
    }

    .form-contact
    {
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 890px)
{
    .mobile-display{
        display: block;
    }

    .item{
        justify-content: space-evenly;
    }

    .titre-responsive-border{
        border-bottom: 8px solid #AF0202;
        font-weight: 700;
        font-size: 32px;
        color: black;
    }

    .offre
    {
        flex-direction: column;
        padding: 0;
    }

    .presentation-vsm
    {
        flex-direction: column;
    }

    .presentation-vsm-video
    {
        max-width: 90%;
    }

    .presentation-vsm-detail
    {
        padding: 10px;
    }

    .message-sucess{
        width: 80%;
    }

    .width-moitie{
        width: 100%;
    }

    .section-principal-devenir-franchise-img img{
        display: none;
    }

    .a-button-absolut{
        display: none;
    }

    .image-mobile-width{
        width: 100%;
    }

    .image-mobile-width img{
        width: 100%;
        height: 100%;
    }

    .titre-satisfy{
        font-size: 30px;
        margin-top: 10px;
    }

    .titre-dm{
        font-size: 30px;
    }

    .legende-suivi{
        justify-content: center;
        flex-wrap: wrap;
        margin: 10px 0px;
    }

    .suivi-section{
        flex-wrap:wrap ;
        margin-bottom: 10px;
    }
    .suivi-section{
        justify-content: center;
    }

    .suivi-section-video{
        width: 100%;
    }

    .suivi-section-info{
        width: 100%;
    }

    .progress
    {
        height: 55px;
    }
}

@media screen and (max-width: 820px)
{
    .legende-number{
        display: none;
    }
    .mobile-legende{
        display: block;
        text-align: left;
        display: inline-block;
    }
}

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

}

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


    .button-a-absolut{
        font-size: 14px;
        width: 30%;
    }
}

@media screen and (max-width: 750px)
{
    .section-transparence
    {
        flex-direction: column;
    }

    .mobile-presentation-image
    {
        width: 80%;
    }

    .mobile-inverse
    {
        order: 5;
    }
}

@media screen and (max-width: 729px){
    .button-a-absolut{
        transform: translate(0px,-60px);
    }

    .width-500{
        width: 350px;
    }
}

@media screen and (max-width: 609px){
    .button-a-absolut{
        width: 35%;
    }

    .width-500{
        width: 210px;

    }

}


@media screen and (max-width: 500px)
{
    .footer-liste
    {
        display: none;
    }

    .footer-liste-mobile
    {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 1286px;
        margin: auto;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .footer-liste-mobile button
    {
        border: 1px solid transparent;
        background-color: transparent;
        cursor: pointer;
        padding: 30px 0px 20px;
        font-size: 16px;
        color: #AF0202;

    }

    .footer-liste-mobile ul{
        color: white;
        padding-inline-start: 15px;
        font-size: 12px;
    }

    .footer-liste-mobile ul li{
        font-size: 12px;
        padding: 5px 0;
    }


    .footer-liste-mobile a{
        text-decoration: none;
        color: white;
    }

    .footer-item1
    {
        display: none;
    }

    .footer-item2
    {
        display: none;
    }

    .footer-item3
    {
        display: none;
    }

    .footer-item4
    {
        display: none;
    }

    .footer-item1.open
    {
        display: block;
    }

    .footer-item2.open
    {
        display: block;
    }

    .footer-item3.open
    {
        display: block;
    }

    .footer-item4.open
    {
        display: block;
    }

    .footer-logo{
        flex-direction: column;
    }

    .index{
        z-index: 10;
    }

    .avantage{
        flex-direction: column;
        align-items: center;
    }

    .item{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 10px;
    }

    .container
    {
        justify-content: center;
    }

    .padding-mobile
    {
        padding: 8px;
    }

    .liste-garage
    {
        justify-content: center;
    }

    .mobile
    {
        display: block;
    }

    .imgconfiance
    {
        width: 90%;
    }

    .div-logo{

    }

    .prestation-image img{

    }

    .centre-item{

    }

    .liste-garage-item{

    }

    .prestation-item-carateristique-item{

    }

    .heroes-title{
        width: 90%;
    }

    .google-avis-interieur{
        margin: 8px;
    }

    .medias-logo img{
        max-width: 150px;
    }

    h1{
        margin: auto 8px;
    }

    .heroes {
        height: 460px;

    }

    .heroes-title{

    }

    .heroes-interieur{
        background-image: url("");
        height: 460px;
    }

    .heroes-title h1{
        font-size: 30px;
        text-align: center;
    }

    .img-section-mobile{
        height: 230px;
        margin: 20px 0px;
        width: 100%;
        border-radius: 20px;
        background-image: url("../images/centre/main.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right 30% top 0%;
    }

    .nav-logo{
        justify-content: flex-start;
    }

    .logo-mobile-idgarage{
        width: 150px;
    }

    .logo-mobile-1{
        width: 50px;
    }

    .mobile-logo-media img {
        width: 80px;
    }

    .bloc-title-partenaire-principal{
        width: 100%;
        top: 0;
        font-size: 12px;
    }

    .section1-partenaire-cle-item{
        width: 90%;
        padding: 20px;

    }

    .section1-partenaire-cle{
        flex-direction: column;
        width: 100%;
    }

    .border-section-double-left{
        border-left: none;
    }

    .border-section-double-right{
        border-right: none;
    }

    .section2-partenaire-int{
        flex-direction: column-reverse;
        gap: 25px;
    }

    .section2-partenaire-int-video
    {
        width: 100%;
    }

    .section2-partenaire-int-video img{
        width: 100%;
    }

    .section2-partenaire{
    }

    .section2-partenaire-int-info{
        width: 100%;
    }

    .section2-partenaire-int-info-width p{
        margin: 0 15px;
    }

    .a-button{
    }

    .condition-partenaire-icon
    {
        margin-top: 20px;
        flex-wrap: wrap;
        gap: 20px;
    }

    .icon-block{
        width: 40%;
    }

    .image-devenir-partenaire{
        width: 95%;
    }

    .img-notre-accompagnement{
        width: 100%;
    }

    .button-formilaire-candida{

    }

    .a-button-mobile{
        margin: 20px auto;
        background-color: #AF0202;
        color: white;
        padding: 18px;
        text-decoration: none;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        max-width: 350px;
        font-size: 17px;
        font-weight: 900;
        line-height: 1.7em;
        letter-spacing: 1.4px;
    }

    .h2-franchise{
        font-size: 27px;
        margin-top: 10px;
    }

    .image-mobile-none{
        display: none;
    }

    .heroes-black{
        background-color: transparent;
        background-image: url("/images/image-section-principal.png");
        background-size: cover;
        background-position-x:center ;
    }

    .mobile-padding-top{
        padding-top: 70px;
    }

    .button-a-absolut{
        font-size: 7px;
        margin: 0px 8px;
        transform: translate(0px,-35px);
        width: 30%;
        padding: 4px 6px;
    }

    .mobile-none{
        display: none;
    }

    .mobile-display-inline-block{
        display: inline-block;
    }

    .button-etape-partenaire
    {
        display: block;
    }

    .suivi-section-video{
        min-width: 0px;
    }

    .legende-suivi-int{
        flex-wrap: wrap;
        gap: 0;
    }

    .legende-suivi-int p{
        width: 100%;
        margin-bottom: 0;
        font-size: 15px;
    }

    .button-complet{
        padding: 0.7em 1.5em;
        font-size: 15px;
        margin: 10px 0px;
    }

    .button-urgent{
        padding: 0.7em 1.5em;
        font-size: 14px;
        margin: 10px 0px;
    }

    .suivi-section-info-table table td{
        padding: 0em 0.3em;
    }
}