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

  

}


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

  

}


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


}


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

  

}

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

 /****************************** apropos **********************/

    .wrapper-about {
        padding: 65px 0 30px;
        margin: 0;
    }

    .about-technicien-icon {
        width: 100px;
    }
    



}


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

   /****************************** A Propos **********************/
    

    .about-counter {
        padding: 10px 25px;
    }
    
    .count-num span {
        font-size: 30px;
    }
    
    .wrap-item-chiffres .title-counter {
        font-size: 16px;
    }
    
    .wrap-chiffres-cles.row-container {
        padding: 20px 0;
        margin-top: 20px;
    }

   /****************************** chiffres cles **********************/

    .count-num {
        font-size: 35px;
        line-height: 40px;
    }
   
}


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

    /************************* A Propos **********************/

    .about-counter {
        padding: 10px 15px;
    }
    
    /************************* chiffres cles**********************/

    .wrap-item-chiffres {
        padding: 0;
    }

    .wrap-chiffres-cles {
        padding: 22px 0 30px 0;
    }

    .title-counter {
        font-size: 15px;
        line-height: 24px;
    }
    
    .count-num {
        font-size: 22px;
    }    

    .about-counter-wrapper {
        padding: 15px;
    }

    
}


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

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

    .about-technicien-icon {
        width: 60px;
    }

    .about-counter .about-counter-title {
        font-size: 28px;
        line-height: 29px;
    }
    
    .about-counter {
        padding: 5px 10px;
    }
    
    .item-about.left {
        width: 100%;
    }
    
    .wrapper-about {
        padding: 30px 0 20px !important;
    }
    
    .count-num span {
        font-size: 18px;
    }
    
    .wrap-item-chiffres .title-counter {
        font-size: 13px;
    }
    
    .wrap-item-chiffres .count-num {
        line-height: 20px;
    }
    
   /****************************** chiffres cles **********************/

    .item-chiffres {
        width: 33%;
        padding-left: 6px;
    }
    
    .count-num {
        line-height: 30px;
        font-size: 25px;
    }
    
    .title-counter {
        font-size: 13px;
    } 

}


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

  

}


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


}


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

  

}