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


}

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


}

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



}

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


}

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



}

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




.cat-list {
    font-size: 19px;
}

.wrap-categorie-image {
    width: 40%;
}

.team-chapeau {
    font-size: 15px;
}

span.btn-style2 {
    font-size: 13px;
}

.parent-items-categorie .portfolio-btn .btn-style2::after {
    width: 32px !important;
}


    .item-etudes-de-cas {
      padding-left: 20px;
      width: 60%;
    }
    .content-item-etudes-de-cas h3 {
      font-size: 13px;
    }


}



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

    aside.aside_left {
        width: 100%;
        padding: 0;
    }
    
    


    .parent-items-categorie {
      width: 100%;
    }




}

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

   

}


@media  screen and (max-width: 500px) {
    .wrap-categorie-image img {
      border-radius: 10px 10px 0 0;
      height: 200px;
    }

   
    .parent-items-categorie:hover .wrap-categorie-image {
        /* top: 0; */
        /* border-radius: 10px 10px 0 0px; */
    }

    .wrap-categorie-image {
        width: 100%;
        left: unset;
        top: unset;
        margin: -20px -20px 20px;
    }

    
    
    .item-etudes-de-cas {
      padding-left: 0;
      width: 100%;
      margin-top: 200px;
    }
    



}

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

    .items-wrap-categorie {
        padding: 20px;
    }

    .cat-list {
        font-size: 17px;
    }

    .wrap-categorie-image {
    }


    .parent-items-categorie {
        margin-bottom: 30px;
    }


    span.btn-style2 {
        font-size: 12px;
    }

    .parent-items-categorie .btn-style2 span {
        font-size: 13px;
    }

    .team-chapeau {
        font-size: 14px;
    }

    .content-item-etudes-de-cas h3 {
        font-size: 12px;
    }



}


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

  .cat-list {
      font-size: 16px;
  }

  .parent-items-categorie .btn-style2 span {
      font-size: 12px;
  }

  .parent-items-categorie:hover .portfolio-btn .btn-style2::after {
      width: 100px !important;
  }

    
}


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


}