@media (max-width: 575px) {
    .navbar-light .navbar-brand {
        width: 75% !important ;
    }
    .ContacterNav {
        display: none;
    }
    .ContacterNav2{
        text-align: center;
        display: inline;
    }
  }
  @media (min-width: 576px){
    .ContacterNav2{
        /* text-align: center; */
        display: none;
    }
  }
  
  @media (min-width: 575px) and (max-width: 1058px) {
    .ContacterNav label {
        display: none;
    }
    /* .sociaText{
        display: none;
    } */
    
  }

  

  @media (max-width: 1199px) {
    .footerNormal {
        display: none;
    }
    .docText h4 {
        margin-top: 22px;
        font-size: 19px;
    }
    .docText h3 {
        font-size: 22px;
    }
    .docText p {
        font-size: 15px;
    }
    .footerSlid{
        display: block;
    }
  }
  @media (min-width: 1400px) {
  .engagementCol strong {
    font-size: 21px;
    }
  }

  @media (max-width: 1400px) {
    .engagementCol strong {
        font-size: 1.7vh;
    }
    }
    

  @media (min-width: 768px) {
    .produitFirstcol{
        margin-left: 11.5%;
    }
  }

  @media (max-width: 768px) {
    .secondCarouselContainer{
        display: none;
    }
    .firstTitleIndex {
        margin-top: 16px;
    }
    .firstTitleIndex h1{
        font-size: 23px;
    }
    .numberParalax{
        margin-top: 0 !important;   
    }
    #img3D{
        width: 94%;
    }
    .detailImgSmall div{
        width: 50%;
    }
    .detailImgSmall img{
        padding-top: 0;
    }
    .secondTextIndex {
        font-weight: 400;
    }

  }
  
  @media (min-width: 581px) and (max-width: 765px) {
    .navbar-nav .nav-item {
        margin-left: 0;
    }
 }
 @media (min-width: 1000px) and (max-width: 1500px) {
    .fadeInRight {
        font-size: 18px;
    }
 }
 @media (min-width: 1440px) and (max-width: 2000px) {
    .paralasic h1{
        padding: 7.8% 25%; 
        }
 }
 @media (min-width: 1024px) and (max-width: 1439px) {
    .paralasic h1{
        padding: 6.3% 25%; 
        }
 }

 @media (min-width: 768px) and (max-width: 1023px) {
    .paralasic h1{
        padding: 4.4% 25%; 
        }
 }

 @media (max-width: 575px) {
    .contenuRowIndex {
        margin-left: 10px;
        margin-right: 10px!important;
    }
    .engagementCol:nth-child(2) , .engagementCol:last-child {
        margin-top: 10px;
    }
    .docImg {
        padding-right: 15px;
    }
    .docText{
        margin: 0px 15px;
    }
 }

 @media (min-width: 288px) and (max-width: 375px){
    .svgIcon{
        padding: 0px 100px 107px 100px!important;
        margin-bottom: -107px;
    }
    
 }
 @media (min-width: 376px) and (max-width: 425px){
    .svgIcon{
        padding: 0px 150px 107px 150px!important;
        margin-bottom: -107px;
    }
    
}

 @media (max-width: 425px) {
    .catgoText{
        padding-left: 0px;
        padding-right: 0px;
    }
    .categorie{
        font-size: 34px; 
        margin-top: 75px;
    }
    .brIndex{
        display: none;
    }
    .colCategorie .txtIcon {
        background-color: #dceefc;
        padding-top: 15px;
        margin-bottom: 14px;
        font-weight: 800;
        
    }
    .docText{
    margin-top: 1rem;
    margin: 15px;
    height: 100%;
    left: 0;
    }
    .SlideIndexH{
        height: 95.5vw;
    }
    .rowCirc{
        padding-left: 15PX;
        padding-right: 15px;
    }

   
 }


 @media (min-width: 425px) and (max-width: 991px) {
    .docText{
        /* margin-top: 1rem; */
        height: 100%;
        }
    .rowCirc{
        padding-left: 39PX;
        padding-right: 39px;
    }
 }

 @media (min-width: 992px ) and (max-width: 1362px){
    .docText{
        /* margin-top: 1rem; */
        height: 100%;
        }
    .rowCirc {
        padding-left: 39PX;
        padding-right: 39px;
    }

  }