@media only screen and (max-width: 1824px) {
    .hero_breadcrumbs {
        -webkit-mask-size: 125%;
        mask-size: 125%;
    }
}

@media only screen and (max-width: 1450px) {
    .header.sticked .logo {
  left: -22rem;
  top: 0;
  height: 100%;
}
      .bim_logo {
        right: 1%;
        height: 54px;
        top: 12px;
    }

    .logo_header img {
        height: 135px;
    }

    .nav-link {
        font-size: 15px;
        padding: 0.5rem 0.9rem;
    }

    .home-section {
        width: 88.4%;
    }

    .caption-content {
        max-width: 55%;
        padding: 45px;
    }

    .bg-in-right {
        background-position: 105% 55%;
        background-size: 26%;
    }

    .qsm-image {
        margin-left: -20px;
    }

    .qualite_content {
        padding-left: 35px;
    }

    .title-2 {
        font-size: 28px;
    }

    .btn-style-2 {
        width: 100%;
    }

    .head-menu .nav-contact-us a {
        font-size: 17px;
    }

    .head-menu .nav-contact-us svg {
        height: 22px;
        width: 22px;
    }

    .head-menu .nav-contact-us {
        margin: 0 25px;
    }

    .two__menus-right {
        padding-right: 2rem;
    }

    .bg_hero {
        height: 750px;
    }

    .hero_diapo {
        height: 750px;
        -webkit-mask-size: 165%;
        mask-size: 165%;
    }

      .hero_diapo .carousel_item .diapo_content .indiapo_content
        {
            width: 80%;
            margin-left: -25px;
        }
    .hero_diapo .carousel_item .diapo_content .h2,
    .bg_breadcrumbs .breadcrumbs_content .h2 {
        font-size: 29px;
    }

    .hero_diapo .carousel_item .diapo_content .btn-diapo {
        width: 32%;
    }

    /* .header .logo {
        left: 4rem;
    } */
         .header .logo {
        left: -25rem;
    }

    .bg_hero::before {
        height: 70%;
    }

    @-webkit-keyframes bg_hero_before {
        0% {
            width: 0;
        }

        100% {
            width: 6rem;
        }
    }

    .diapo_prev {
        bottom: 7rem;
        left: 8rem;
    }

    .diapo_dots {
        left: 10rem;
    }

      .section_about_1.of_home .box_about {
        margin-right: -13rem;
       
    }
  
    .section_about_1 {
        margin-left: -15rem;
    }

    .about_number .experience-years {
        letter-spacing: -38px;
        line-height: 22rem;
        font-size: 23rem;
        z-index: 1;
        position: relative;
    }

      .about_number .experience-shadow {
        font-size: 25rem;
        right: -30%;
        bottom: -55%;
        z-index: 0;
    }

    .section_about {
        background-position: 100% 100%;
    }

    .bg_breadcrumbs,
    .hero_breadcrumbs {
        height: 400px;
    }

    .hero_breadcrumbs {
        height: 400px;
        -webkit-mask-size: 165%;
        mask-size: 165%;
    }

    .bg_breadcrumbs .breadcrumbs_content .in_breadcrumbs_content {
        width: 50%;
        margin-left: 13.3rem;
    }

    .bg_breadcrumbs .breadcrumbs_content .h2 span {
        font-size: 35px;
    }

       .president_img {
        height: 562px;
        margin-top: 2rem;
        margin-left: 2rem;
    }
    .president_img::after {
        width: 140px;
        right: -120px;
        bottom: -30px;
    }

    .compet_item .compet_content .h3 {
        font-size: 22px;
    }

    .compet_item .compet_content p {
        font-size: 15px;
    }

    .compet_item {
        height: 380px;
    }

    .compet_item .compet_content img {
        height: 65px;
    }

    .page2_section1 .ghost_title,
    .page3_section1 .ghost_title,
    .contact_section1 .ghost_title,
    .page4_section1 .ghost_title,
    .page5_section1 .ghost_title {
        font-size: 4.5rem;
    }

    .compt_details .box_compet .box_compet_title a {
        font-size: 18px;
    }

    .compt_details .box_compet .box_compet_icon img {
        height: 62px;
    }

    .actu_princip img {
        height: 400px;
        padding-right: 0rem;
    }

    .actu_thumbs {
        padding-top: 3rem;
    }

    .recent-blog-posts .actu_thumbs .post-box .post-img {
        height: 400px;
    }

    .filters-button-group .ref-btn {
        height: 170px;
    }

    .bg_breadcrumbs .breadcrumbs_content.compt_pages .in_breadcrumbs_content {
        width: 60%;
    }
.pos-img{
    position: relative;
    top: -75px;
    right: -185px;
}
.ghost_title {
  
    top: 84px;
   
}
.box_compet .box_compet_icon img {
    height: 54px;
}
.box_compet .box_compet_title a {
   
    font-size: 18px;
}












}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
    .header .logo {
        left: 0rem;
        top: 25px;
    }


.header.sticked .logo {
        left: 0rem;
        top: 0;
        height: 100%;
    }

.header.sticked .logo img {
    max-height: 100%;
}
    .bim_logo {
        right: 1%;
        height: 45px;
        top: 12px;
    }

  .section_about_1 .box_about .h3 {
    width: 100%;
    margin-bottom:5px !important;
    position: relative;
    font-size: 22px;
}


    .section_about_1.of_home .box_about {
        margin-right: -13rem;
        padding-left: 100px;
    }

    .ghost_title {
        top: 84px;
            font-size: 4.5rem;
    
    
    right: 3%;
    }



    .about_number .experience-shadow
 {
        font-size: 20rem;
        right: -22%;
        bottom: -55%;
        
    }


    .about_number .experience-years {
       
        font-size: 20rem;
        
    }
.section_about_1{
    padding-top: 0;
    margin-top: -2rem;
    z-index: 2;
         margin-left: 0rem; 
}



 .section_about_2 .box_about {
    padding: 60px 65px;
    position: relative;
    width: 478px;
}

.box_about.yellow {
   
    margin-left: 166px;
}

.bg2 {
    
    background-size: 60%;
    background-position: top left;
}


















}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    .hero_diapo .carousel_item .diapo_content .indiapo_content{
	width: 50%;
    /* background: rgb(2 2 47 / 60%); */
     background: rgb(2 2 47 / 20%);
		position: relative;
		padding: 40px;
		    margin-left: -15rem;
    margin-top: 0;
}
 .header .logo img {
        max-height: 100%;
    }
      .header .logo {
        left: 0rem;
        top: 0px;
    }
    .nowrap991 {
        white-space: normal;
    }
        .section_about_1.of_home .box_about {
        margin-right: -13rem;
        padding-left: 65px;
        width: 100%;
    }
        .hero_diapo .carousel_item .diapo_content .h2, .bg_breadcrumbs .breadcrumbs_content .h2 {
        font-size: 19px;
    }
        .hero_diapo .carousel_item .diapo_content .indiapo_content {
        width: 88%;
        margin-left: -25px;
    }
        .diapo_dots {
        left: 5rem;
    }
        .pos-img {
        position: relative;
        top: -75px;
        right: -9px;
    }
        .ghost_title {
        top: 25px;
        font-size: 4.5rem;
        right: 2%;
    }
    
    .btn-link.style1 {
    
    position: relative;
    top: 25px;
}

    .about_number .experience-shadow {
        font-size: 20rem;
        right: 4%;
        bottom: -40%;
    }

.bg_breadcrumbs .breadcrumbs_content .in_breadcrumbs_content {
        width: 70%;
        margin-left: 7.3rem;
    }
.hero_diapo .carousel_item .diapo_content .h2, .bg_breadcrumbs .breadcrumbs_content .h2 {
        font-size: 22px;
    }
    .president_img {
        height: 708px;
        margin-top: 2rem;
        margin-left: 2rem;
    }

.ref_item .h3 {
   
    font-size: 17px;
    padding: 10px 10px;
    
}
.filters-button-group .ref-btn span {
    position: relative;
    font-size: 14px;
}
.filters-button-group .ref-btn {
    flex: 0 0 23%;
}
.filters-button-group {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
}
    .bg_breadcrumbs .breadcrumbs_content.compt_pages .in_breadcrumbs_content {
        width: 82%;
    }

    .section_about_2 .box_about {
        padding: 60px 19px;
        position: relative;
        width:100%;
    }


    .box_about.yellow {
        margin-left: 0px;
    }


.box_about.yellow {
    
    margin-top: 1rem;
     margin-bottom: 1rem;
}

    .section_about_1 .box_about .h3 {
        width: 100%;
        margin-bottom: 18px !important;
        position: relative;
        font-size: 22px;
    }



.page2_section1 .ghost_title, .page3_section1 .ghost_title, .contact_section1 .ghost_title, .page4_section1 .ghost_title, .page5_section1 .ghost_title {
           font-size: 3.5rem;
    top: 38px;
    right: 11px;
}

.icono__2{
        justify-content: center;
}


.encart__1.left {
    margin-right: 0rem;
}
.encart__1.right {
    
    margin-left: 0rem;
}

.h3, h3 {
    font-size: 24px;
}

.section_about {
    padding: 10rem 0 100px 0;
   
}

.header.sticked .logo {
        left: 0rem;
        top: 2px;
        height: 100%;
    }

    .header.sticked .logo img {
        max-height: 100%;
    }




}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
        .header .logo img {
    max-height: 60px;
}
    .header .logo {
        left: 2rem;
        top: -23px;
    }
}

/* Extra Small Devices, Phones */
@media (max-width: 667px) {
     .header .logo {
        left: 0rem;
        top: 4px;
    }
        .diapo_dots {
        left: 3rem;
    }
    .hero_diapo .carousel_item .diapo_content .indiapo_content {
    
    padding: 15px;
    width: 85%;
        margin-left: -21px;
    margin-top: -248px;
}
    .hero_diapo .carousel_item .diapo_content .btn-diapo

 {
        width: 41%;
    }



    .bg_hero {
        height: 559px;
    }

.ghost_title_2 {
   
    font-size: 4rem;
    
    top: 34px;
    right: 4%;
}




}

@media (max-width: 568px) {

    .section_about_1.of_home .box_about {
        margin-right: -17rem;
        padding-left: 21px;
            padding: 67px 19px;
        width: 100%;
    }




.hero_diapo .carousel_item {
    height: 38%;
    position: relative;
}


    .bg_hero {
        height: 355px;
    }
   .bg_hero:before {
  
    bottom: -3rem;
   
}
.header .logo img {
    max-height: 60px;
}

    /* .header .logo {
        left: 0.5rem;
            top: -25px;
    } */
        .header .logo {
        left: -0.5rem;
        top: -3px;
    }
.hero_diapo .carousel_item .diapo_content .indiapo_content {
   
    padding: 9px;
   
}

    .diapo_dots {
        left: 2rem;
    }
    .ghost_title {
        top: 43px;
        font-size: 2.5rem;
        right: 7%;
    }



    .hero_diapo .carousel_item .diapo_content .btn-diapo {
        width: 65%;
    }

.hero_diapo .carousel_item .diapo_content .h2, .bg_breadcrumbs .breadcrumbs_content .h2 {
        font-size: 16px;
    }

.hero_diapo .carousel_item .diapo_content p, .bg_breadcrumbs .breadcrumbs_content p {

    font-size: 13px;
    
}
    .section_about_1 .box_about .h3 {
      
        font-size: 17px;
    }


.box_about p{
    font-size: 15px;
}
    .about_number .experience-shadow {
        font-size: 14rem;
        right: 4%;
        bottom: -52%;
    }
    .h3, h3 {
        font-size: 19px;
    }

    .bim_logo {
     
        height: 37px;
     
    }

    .hero_diapo .carousel_item .diapo_content .indiapo_content {
        width: 88%;
        margin-left: -5px;
        height: auto;
        top: 12px;
    }


.bg_breadcrumbs {
    margin-bottom: 0rem;
}


    .filters-button-group .ref-btn {
        flex: 0 0 47%;
    }
    .filters-button-group .ref-btn span {

        font-size: 15px;
    }


  .grid {
        display: flex;
        flex-wrap: wrap;
    }

    .grid .shuffle-item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .ref_item img {
        height: auto;       
        width: 100%;         
        object-fit: cover;
    }

.section_about_1 .box_about, .section_about_2 .box_about {
    padding: 26px 30px;
    position: relative;
}

       .bg_breadcrumbs .breadcrumbs_content.compt_pages .in_breadcrumbs_content {
        width: 90%;
        margin-left: 0rem;
        margin-bottom: -128px;
        padding: 20px;
    }
.section-header .title {
    margin-top: 25px;
    color: #0303eb;
    font-size: 20px;
}

    .page2_section1 .ghost_title, .page3_section1 .ghost_title, .contact_section1 .ghost_title, .page4_section1 .ghost_title, .page5_section1 .ghost_title {
        font-size: 2rem;
        top: 70px;
        right: 30px;
    }

.h4, h4 {
    font-size: 19px;
}

    .h3, h3

 {
        font-size: 18px;
    }
.accordPanel button .span_buton {
    font-size: 16px;
  
    padding: 4px 0px;
 
}
.accordPanel button:before, .accordPanel button:after {
   
    top: 69%;
   
}


    .ghost_title {
        top: 23px;
        font-size: 2rem;
        right: 4%;
    }
   .ghost_title_2 {
        top: 46px;
        font-size: 2rem;
        right: 4%;
    }

.encart__1 {
    display: flex;
    flex-direction: column;
   
}

.encart__1.right {
    flex-direction: column;
    margin-left: 0rem;
}
.encart__1 .encart_thumb {
  
    flex: 0 0 100%;
    max-width: 100%;
   
}


    /* .bg_breadcrumbs, .hero_breadcrumbs {
        height: 300px;
    } */
.contact_item p {
   
    font-size: 14px;
}

.contact_item img {
    width: 36px;
    height: 52px;
   
}

.contact_section1 .contact-form

 {
    width: 100%;
    background: var(--color-white);
    justify-content: center;
    align-items: center;
    display: contents;
}

.check_group .checkbox-text {
    font-size: 12px;

}
    .hero_breadcrumbs {
        height: 345px;
        -webkit-mask-size: 216%;
        /* mask-size: 249%; */
    }

.btnStyled {
  
    font-size: 15px;
    margin-top: 15px;
   
}



.box_compet {
  
    margin-bottom: 13px;
    
}


.bg_breadcrumbs .breadcrumbs_content {
  
    top: -97px;
    
}

    .bg_breadcrumbs .breadcrumbs_content .in_breadcrumbs_content {
        width: 100%;
        margin-left: 0rem;
    }



    .president_img {
        height: 400px;
        margin-top: 2rem;
        margin-left: 0rem;
    }



.svg{
        left: 2%;
    width: 359px;
    top: 0%;
    overflow: hidden;
    vertical-align: middle;
    position: absolute;
}



    .bg_breadcrumbs .breadcrumbs_content .h2 span {
        font-size: 25px;
        margin-top: 8px;
    }

.bleu_italic {
  
    margin-bottom: 31px;
}
.president_img::after {
        width: 43px;
        right: -15px;
        bottom: -30px;
    }

.footer .footer-content h4, .footer .footer-content .h4 {
    font-size: 16px;
  
}


    .about_number .experience-years {
        font-size: 18rem;
    }



.inner-page {
    padding: 60px 0;
    padding-top: 0px !important;
    position: relative;
}

    .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
        color: var(--color-white) !important;
    }

.section_about {
    padding: 9rem 0 100px 0;
   
}

.header.sticked .logo img {
    max-height: 100%;
}

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
        color: #0000ff !important;
    }



}

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


.hero_diapo .carousel_item .diapo_content .indiapo_content {
        width: 88%;
        margin-left: -5px;
        height: auto;
        top: 136px;
    }



}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
        .hero_diapo .carousel_item .diapo_content .h2, .bg_breadcrumbs .breadcrumbs_content .h2 {
        font-size: 15px;
        margin-bottom: 6px;
    }
        .hero_diapo .carousel_item .diapo_content .indiapo_content {
        width: 100%;
        margin-left: 0px;
        height: auto;
        top: 134px;
    }
        .hero_diapo .carousel_item .diapo_content p, .bg_breadcrumbs .breadcrumbs_content p {
        font-size: 12px;
    }
        .hero_diapo .carousel_item .diapo_content .btn-diapo {
        width: 50%;
        font-size: 13px;
        margin-bottom: 34px;
        padding: 5px 5px;
    }
        .bg_hero {
        height: 280px;
    }
        .diapo_dots {
        left: 1rem;
        bottom: 42%;
    }
        .navbar-mobile a, .navbar-mobile a:focus {
       
        padding: 12px 20px;
        font-size: 12px;
        
    }
        .navbar-mobile .dropdown ul, .navbar-mobile .dropdown .dropdown ul {
        
        padding: 10px 0;
        margin: 7px 1px;
       
    }
        .compet_item .compet_content .h3 {
        font-size: 16px;
    }
        .compet_item {
        height: 260px;
    }
        .compet_item .compet_content p {
        font-size: 13px;
    }
        .compet_item .compet_content img {
        height: 50px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {}