/*Reponsive Mobile*/

@media screen and (max-height: 1025px) and (max-height: 1366px){

    header .contact a {
        font-size: 18px;
    }

    header .social-menu {
        bottom: 15px;
    }
    .images-metier .img2 {
        left: 250px;
    }
}

@media screen and (min-width: 1200px){
     .wrap-agences {
         padding-left: 0;
    }

    header .logo {
		display: none;
	}
}
 @media screen and (max-width: 1025px){
     .wrap-content {
         display: inherit;
         flex-direction: inherit;
    }
     html,body,p{
         font-size: 0.9rem;
    }
     h1 {
         font-size: 3rem;
         line-height: 4rem;
         margin-bottom: 0;
    }
     h2{
         font-size: 2.5rem;
    }
    /*Header*/
     .content {
         width: 100%;
         margin-right: 0;
    }
     .wrap-about{
         background-position: center;
    }
     .head-mobile,.head-mobile .logo{
         display: block;
    }
     .head-mobile{
         /*background: rgba(0,0,0,0.7);*/
         position: fixed;
         z-index: 10;
         width: 100%;
         height: 85px;
         top: 0;
         left: 0;
    }
     .logo{
         display: none;
    }
     .content-menu-mobile svg {
         position: absolute;
         top: 1.8rem;
         right: 1rem;
    }
     .menu-mobile,.content-menu-mobile{
         position: absolute;
         z-index: 10;
         right: 1rem;
         top: 1.3rem;
    }
     .content-menu-mobile {
         position: fixed;
         width: 100vw;
         height: 100vh;
         background: rgba(0,0,0,0.9);
         z-index: 1;
         transform: translate(100%);
         transform-origin: 100% 0;
         transition: all 1s ease-in-out;
         top: 0;
         right: 0;
    }
     .content-menu-mobile.open {
         transform: translate(0);
         z-index: 99;
    }
     .content-menu-mobile svg:hover g g,.menu-mobile .button svg:hover g g{
         fill: #00D8FA;
    }
     .content-menu-mobile ul {
         height: 100vh;
         width: 100vw;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
    }
     .content-menu-mobile ul li a {
         color: #fff;
         display: block;
         padding: 8px 0;
         font-family: 'Playfair Display', serif;
         font-size: 1.5rem;
         font-weight: bold;
         line-height: 1.222;
         letter-spacing: 1.05299996137619px;
    }
    /*Expertise*/
     .wrap-expertise h2{
         text-align: center;
    }
     .wrap-expertise,.wrap-adn {
         height: inherit;
         min-height: inherit;
         overflow: inherit;
         display: inherit;
         flex-direction: inherit;
         justify-content: inherit;
         background-position: right;
    }
     .wrap-expertise > div {
         width: 100%;
         padding: 20px 15px 30px 15px;
    }
     .wrap-expertise .btn-expertise {
         margin-top: 30px;
    }
     .wrap-expertise .block-expertise {
         font-size: 0.8rem;
    }
     .wrap-expertise .block-expertise .block-content {
         width: 32%;
         margin-right: 1%;
    }
    /*Realisation*/
     .wrap-realisation {
         height: inherit;
         min-height: inherit;
         overflow: inherit;
    }
     .wrap-realisation .content-realisation .block-realisation,.wrap-realisation > div {
         width: 100%;
    }
     .wrap-realisation .block-real{
         display: block;
    }
     .hover .block-realisation{
         opacity: 1;
    }
     .block-realisation a {
         width: 100%;
    }
     .block-realisation a:after{
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         transition: all 0.3s ease-in-out 0.1s;
         background: url(../images/trames.png) center center;
         background-size: cover;
    }
     .hover .block-realisation a:hover:after{
         content: none;
    }
     .wrap-realisation .content-realisation > div:nth-child(2n) .block-real, .wrap-realisation .content-realisation > div:nth-child(2n) .block-real, .wrap-realisation .content-realisation > div:nth-child(2n) .block-real{
         text-align: left;
         right: inherit;
    }
     .wrap-realisation .titre-realisation {
         font-size: 2.5rem;
         position: relative;
         left: inherit;
         top: inherit;
         margin-top: 30px;
         width: 100%;
    }
     .wrap-realisation .block-real {
         bottom: 15px !important;
    }
     .wrap-realisation .titre-real {
         font-size: 1.8rem;
    }
     .wrap-realisation .content-realisation {
         padding-bottom: 30px;
    }
    /*ADN*/
     .wrap-adn .container {
         width: 100%;
         margin-top: inherit;
         padding-top: 30px;
    }
     .wrap-adn .titre-adn{
         font-size: 2.5rem;
         text-align: center;
    }
     .wrap-adn p {
         font-size: 0.9rem;
    }
     .wrap-adn .btn-custom {
         margin-top: 30px;
    }
     .wrap-adn .container-fluid {
         padding: 0 2rem;
         margin-top: 30px;
    }
     .wrap-adn .block-logo .img-logo {
         flex: 1 0 30%;
         margin-top: 20px;
         margin-right: 10px;
         padding: 0 10px;
    }
     .wrap-adn .block-logo .img-logo img {
         filter: grayscale(0);
         -webkit-filter: grayscale(0);
    }
     .titre-news {
         font-size: 1.5rem;
         text-align: center;
         justify-content: center;
    }
     .newsletter .emailBox {
         margin-left: 0;
    }
     .emailBox input, .emailBox input:focus {
         width: 82%;
    }
     .newsletter .btn-arrow {
         margin-left: 0;
    }
     .newsletter .titre-input {
         font-size: 1rem !important;
    }
    /*Insight*/
     .wrap-insights > div {
         width: 100%;
         padding-top: 30px;
         padding-bottom: 30px;
    }
     .wrap-insights .titre-insights {
         font-size: 2.5rem;
         text-align: center;
         margin-bottom: 30px;
    }
     .wrap-insights .blog-item .post-img {
         opacity: 1;
    }
     .wrap-insights .blog-item .blog-item-title a {
         color: #fff;
    }
     .wrap-insights .blog-item .blog-item-more {
         color: #00D8FA;
         padding-top: 35px;
         text-decoration: none;
    }
     .wrap-insights .blog-item .blog-item-more::before {
         height: 25px;
    }
     .wrap-insights .block-insights > div:nth-child(2) .blog-item {
         border-left: solid 0.6670520231213873px #c1c1c1;
         border-right: solid 0.6670520231213873px #c1c1c1;
    }
    /*Contact*/
     .wrap-contact .titre-contact{
         font-size: 2rem;
         line-height: 3rem;
    }
     .wrap-contact #form-contact,.content-infos,.wrap-contact #telephone {
         width: 100%;
    }
     .emailBox {
         margin-left: 0;
    }
     #form-contact .emailBox input, #form-contact .emailBox input:focus {
         width: 78%;
    }
     .wrap-contact #telephone .tel {
         font-size: 1.5rem;
         padding: 17px 30px;
    }
    /*footer*/
     .wrap-region .titre-region {
         min-height: 100px;
         justify-content: center;
    }
     .block-region .content-region {
         width: 178px;
         height: 206px;
         margin: 0px auto 30px auto;
    }
     .block-region {
         flex-direction: row;
    }
     .content-region > img {
         transform: scale(1);
         opacity: 1;
    }
     .block-region .content-region::after {
         content: none;
    }
     .content-region .heures, .content-region .ville, .block-region .content-region svg, .content-region::after {
         opacity: 1;
         display: block;
         transform: scale(1);
         bottom: 20px;
    }
     #wrap-footer .copyright{
         margin-right: 0;
    }
    /*Header*/
    /*.header-desktop,.overlay,.overlay-search{
         display: none;
    }
    */
     .wrap-about .section-texte{
         font-size: 1rem;
         margin-bottom: 2rem;
    }
     .logo {
         position: absolute;
         z-index: 999;
         top: 1rem;
         left: 1rem;
    }
     .scroll-down {
         display: none;
    }
     #wrap-footer .form-footer input {
         width: 77%;
    }
     #wrap-footer {
         padding: 30px 0;
    }
     .content-region > img{
         top: 0;
         left: 0;
    }
     #wrap-footer .footer-forms {
         display: flex;
         justify-content: center;
    }
     .txt-center-v {
         align-self: center;
    }
     header {
         width: 100vw;
         max-width: 100vw;
         height: 65px;
         justify-content: space-between;
         flex-direction: row;
         align-items: center;
         top: 0px;
    }
     header nav {
         width: 68px;
         margin-top: 0;
         display: flex;
         justify-content: space-between;
    }
     header .search {
         margin-top: 0;
    }
     header .contact {
         top: 0;
    }
     header .social-menu {
         position: static;
         width: 230px;
         margin-top: 5px;
    }
     header .social-menu .reseaux {
         display: flex;
/*         justify-content: space-between; */    }
     header .contact a {
         transform: rotate(0);
    }
     header .social-menu li {
         margin-bottom: 0;
         margin-right: 15px;
    }
     .content .overlay svg, .content .overlay-search > svg {
         top: 15%;
         right: 80px;
    }
     .content .wrap {
         width: 100vw;
    }
     .content .wrap ul.wrap-nav li a {
         font-size: 39.65px;
    }
     .content .menu-wrap ul.wrap-nav > li:last-child {
         padding-right:0;
    }
     .content .overlay, .content .overlay-search {
         margin-right: 0;
         width: 100vw;
         margin-top: 40px;
    }

    .wrap ul#primary-menu li a {
        font-size: 42px;
    }

    .emailBox {
        justify-content: center;
    }

    div#form-contact .hbspt-form form {
    display: flex;
    justify-content: center;
    }
    .form-footer-hub form input {
        width: 160px !important;
    }
    .form-footer-hub .hbspt-form form .hs_email {
        width: 160px !important;
        margin-bottom: 40px;
    }
    .contact .textwidget p{
        margin-bottom: 0px;
    }
    .wrap-counter .content-counter > div:nth-child(2) .counter::before,
    .wrap-counter .content-counter > div:nth-child(2) .counter::after {
        bottom: 33px;
    }
    .wrap-counter .content-counter > div:nth-child(2) .counter::before {
        right: -80px;
    }

    .wrap-counter .content-counter > div:nth-child(2) .counter::after {
        left: -80px;
    }

    #insight-cas .images-insight .img1 {
        width: 427px!important;
        height: auto!important;
    }

    #groupe .images-metier .img2 {
        top: 254px!important;
        left: 194px!important;
    }

    .images-reseau .img2 {
        top: 295px;
        right: 149px;
    }

    .wrap-partenaire .box-detail .caption {
        width: 710px;
        min-height: 280px;
        top: 110px;
        right: 160px;
    }

    #about-metier .images-metier .img1 {
        top: -40px;
        left: -54px;
    }

    #about-metier .images-metier .img2 {
        top: 300px;
        left: 115px;
    }

    #offres .reseaux li {
        margin-right: 20px;
    }

    .work .images-metier .img2 {
        top: 240px !important;
    }

    .wrap ul#primary-menu li.menu-item-has-children.openMenu .sub-menu {
        display: block;
    }

    .wrap ul#primary-menu li.menu-item-has-children:not(.openMenu) .sub-menu {
        display: none;
    }

    #primary-menu .menu-item-has-children > a {
        position: relative;
    }

    #primary-menu .menu-item-has-children > a::after {
        content: "";
        display: block;
        border-width: 7px;
        border-style: solid;
        border-color:  transparent transparent #fff transparent ;
        position: absolute;
        top: 10px;
        right: -8px;
        transform: rotate(180deg) translateY(-9px);
        transition: all .5s ease;
    }

    #primary-menu .menu-item-has-children.openMenu > a::after {
       

        transform: rotate(0) translateY(0);
    }
    .wrap ul#primary-menu li.menu-item-has-children .sub-menu li a {
        font-size: 17.65px;
        }


}

@media screen and (max-width: 768px) {
    .wrap ul#primary-menu li:after {
        display: none;
    }
 	.img1 img, .img2 img {
    object-fit: cover;
    width: 100%;
     height: auto; 
	}
 	body { overflow-x: hidden; }
    /*Header*/
    /*.header-desktop,.overlay,.overlay-search{
         display: none;
    }
    */
     .content {
         width: 100vw;
         margin-right: 0;
    }
     .menu-wrap .wrap-nav {
         display: flex;
         flex-direction: row;
    }
     .content .wrap ul.wrap-nav li::after {
         right: -10px;
         top: calc(50% - 5px);
         width: 36px;
         overflow: hidden;
    }
     .content .wrap .menu-wrap ul.wrap-nav li {
         padding-right: 34px;
    }
    .wrap ul#primary-menu li a {
         font-size: 22px;
    }

     .content .wrap-search .search-wrap input {
         width: 160px;
         margin: 0 auto;
    }

    .wrap ul#primary-menu {
        display: flex;
        flex-direction: column;
    }

    .wrap ul#primary-menu li::after {
        content: none;
    }

    .wrap ul#primary-menu li {
        padding-right: 15px;
    }

    .btn-custom {
        padding: 10px 17px!important;
        font-size: 13px;
    }

    button.btn-arrow svg {
        width: 32px;
    }

    .icn-news {
        width: 93px;
    }

    .wrap-insights .blog-item .blog-item-title a {
        font-size: 19px;
    }

    #region .box-vmobile {
        flex-direction: column;
    }

    #region .box-vmobile > div.col-sm-4, #region .box-vmobile > div.col-sm-7, #region .box-vmobile > div.col-sm-1 {
        max-width: 100%;
    }

    .block-region {
        flex-direction: row;
    }

    .scroll-top {
        right: -3px;
    }

    #wrap-footer .form-footer input {
        width: 72%;
    }

    #wrap-footer .lien-footer a {
        font-size: 16px;
    }
    .wrap-reseau > div { padding: 0 20px; }
    .wrap-reseau .titre-reseau h1, 
    .wrap-reseau h1 { font-size: 16px; line-height: 25px; }
    .wrap-capabilities .titre-capabilities,
    .wrap-logo-client h2,
    h2 {
	    font-size: 25px;
	    line-height: 40px;
	}
    .contact .textwidget { /*margin-top: 25px;*/ }
    .newsletter .container { width: 100%; }
    .newsletter .emailBox { margin-left: 7%; }
    #loader {
	    left: 35% !important;
	    top: 35% !important;
	    width: 33% !important;
	    height: 25% !important;
	}
	.wrap-metier .projet-option p,
	.wrap-reseau .projet-option p { margin:0px; font-size: 13px; line-height: 30px; letter-spacing: 1px; }
	.wrap-capabilities { margin: 0; }
	.mg-top80  {margin-top: 40px;}
	.mg-top50 {margin-top: 25px;}
	.projet-option { flex-direction: column; margin-bottom: 80px; }
	.projet-option .btn-custom2 {font-size: 12px; margin-top: 10px;}
	#about .wrap-strategie, 
	.wrap-capabilities > div {
	    padding: 50px 0;
	}

	.wrap-strategie .titre-section {
	    color: #fff;
	    font-size: 25px;
	    margin-bottom: 25px;
	}

	#about-metier .images-metier .img1 {
	    top: -160px;
	    width: 75% !important;
	}
	#about-metier .images-metier .img2 {
	    top: -210px;
	    width: 37% !important;
	    left: 225px;
	}
	#about .wrap-strategie, .wrap-capabilities > div {
	    padding: 50px 15px;
	}
	.work .images-metier .img1 { top: -250px !important; }
	.work .images-metier .img2 { top: -200px !important; }
	.wrap-about-metier { padding-top: 160px; padding-bottom: 50px; }
	.wrap-about-metier > div {padding-left:30px; padding-right: 30px; }
	.wrap-metier .container-fluid, 
	.wrap-logo-client .container-fluid {  padding: 0 15px; }
	.wrap-sectors { margin-top: 0rem; }
	.wrap-sectors .titre-sectors { font-size: 35px; }
	.wrap-testimonials .testimonial-quote { font-size: 18px; }
	.wrap-testimonials { min-height: 450px;  }
	.wrap-testimonials .testimonial { height: auto; min-height: 300px; }
	.wrap-insights-expertises > div {     padding: 50px 15px 50px 15px; }
	.wrap-reseau .titre-reseau { font-size: 25px;     line-height: 35px; }
	.wrap-about-reseau > div { padding: 0 15px; }
	#about-reseau { padding-top: 160px }
	.images-reseau .img1 {     top: -720px;     width: 75%;}
	.images-reseau .img2 {top: -655px;right: 230px;width: 35%;}
	.wrap-agences { margin-top: 50px; }
	.wrap-agences .container-fluid {   padding: 0 15px; }
	.wrap-agences .titre-agences { font-size: 25px;    margin-bottom: 30px; }
	.wrap-partenaire .container-fluid {   padding: 0 15px; }
	.wrap-partenaire { margin-top: -40px; }
	.wrap-agences .block-agences .content-agences { flex: 1 0 100%; }
	.wrap-partenaire .titre-partenaire { font-size: 25px; line-height: 30px; }
	#offres .wrap-insight-cas {padding: 50px 15px 50px 15px;}
	#offres .main-content h3 {font-size: 25px;}
	#offres .wrap-aventures {padding: 50px 15px;}
	#offres .titre-section {font-size: 24px; margin-bottom: 22px;}
	#offres .wrap-realisation .container-fluid { padding: 0 15px;}
	#offres .box-equipe h2.titre-real {font-size: 16px;margin-left: 15px;}
	#offres .wrap-about-metier .section-metier, #offres .main-content h3 {
    	font-size: 25px;
    	line-height: 40px;
	}
	.wrap-contact-content-page .container-fluid {padding: 0 15px 50px 15px;}
	.wrap-contact-content-page .wrap-testimonials .testimonial-quote {font-size: 18px; line-height: 35px;}
	.form-contact-page .hs_jobtitle, .form-contact-page .hs_mobilephone, .form-contact-page .hs_firstname { padding-left: 0;}

	.wrap-counter-sectors .content-sectors .counter {font-size: 50px; }
	.wrap-counter-sectors .btn-sectors {     margin: 25px auto 55px auto; }

	#counter-sectors .fond-counter .counter, #counter-expertises .fond-counter .counter,
	.content .wrap ul.wrap-nav li:after { display: none; }

	#form-contact .hbspt-form form .hs_email { width: 300px !important; }

	.wrap-capabilities .content-capabilities .box-capabilities a { border: solid 1px #e5e5e5;  }
	.block-logo .img-logo { flex: 1 0 40%;}
	.wrap-contact { height: auto; }
	.work .wrap-expertise { padding: 3rem 0 3rem 0 !important; }
	.main-content2 h1 { font-size: 55px; }
	.wrap-aventures {
    	padding: 3rem 15px;
	}
	.titre-section {font-size: 25px; margin-bottom: 15px;}
	.page-template-page-etude-cas .wrap-arterris h2 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.mg-top55 {margin-top: 25px;}
	#probleme .video {width: 100%;height: auto;}
	.wrap-probleme {    padding: 50px 15px; min-height: inherit;}
	.wrap-counter .counter {font-size: 40px; }
	.wrap-aventures p { font-size: 16px; }
	.wrap-insight-cas {padding: 0 15px;}
	.wrap-strategie {    padding: 0 15px 45px;}

    .page-template-page-etude-cas div.img1,
    .page-template-page-etude-cas div.img2 { display: none; }

    .p-fix1 {margin-top: 0px; }
    .wrap-insight-cas { min-height: 400px; }
    .wrap-strategie { min-height: 500px; }
    #probleme .video  { margin:0px auto -15px auto; }
	/* blog */
	/* #listing-blog-scroll { display: none } */
	.wrap-detail-blog .detail-blog {
	    padding: 45px 15px 60px 0px;
	     margin-left: 0; 
	}
	.single h3 {font-size: 20px;}
	.wrap-detail-blog .detail-blog .content-detail .titre2 { font-size: 25px; }
	.single h2 {font-size: 25px;}
	.wrap-detail-blog .detail-blog .content-detail p { font-size: 14px; }
	.titre3 .text-left a, .titre3 .text-right a {color: #000000;font-size: 16px;}
	div.comment-respond {padding: 40px 0 0 15px;}
	.form-blog input { width: 95%; }

    .emailBox.hubl-form-nwes .hbspt-form form .hs_email {
        width: 240px !important;
    }

    .emailBox.hubl-form-nwes .input , .emailBox.hubl-form-nwes form input {
        width: 240px !important;
    }

    .emailBox.hubl-form-nwes .hbspt-form form .hs_submit {
        width: 28px;
    }

    .block-capabilities .btn-custom2 {
        font-size: 10px;
    }

    .wrap-sectors-list .list-sector li.active a{
         display: inline-block;
         background: none;
         border: none;
         height: 67px;
         line-height: 52px;
         cursor: pointer;
         width: auto;
         padding: 0;
    }
    .wrap-sectors-list .list-sector li.active {
         background: url(../images/list-bg.png) center center;
         background-size: 100% 100%;     
         border: 7px solid #333;
         box-sizing: border-box;
    }

    #offres .reseaux li {
        margin-right: 15px;
    }

    #about-metier .images-metier .img2 {
        top: -195px;
    }

    #about-metier .images-metier .img1 {
        top: -144px;
    }

    .wrap-counter .content-counter > div:nth-child(2) .counter::before {
        right: -83px;
    }

    .wrap-counter .content-counter > div:nth-child(2) .counter::after {
        left: -83px;
    }

    #about-reseau .images-reseau .img2 {
        top: 330px;
        right: 10px;
    }

    #about-reseau .images-reseau .img1 {top: 0px;}

    .wrap-partenaire .menu-slide {
        height: 370px;
        top: -80px;
    }

    .wrap-partenaire .list-menu-slide {
        margin-bottom: 0px;
    }

    .wrap-partenaire .box-detail .caption {
        width: 708px;
        min-height: 290px;
        top: 180px;
        right: 131px;
    }

    .btn-custom3, .btn-custom2 {
        font-size: 13px;
    }

    #probleme .projet-option p {
        padding-left: 37px;
    }

    .wrap-infos-reseau .container-fluid {
        padding: 0 23px 0 17px;
    }

    .btn-custom2.btn-expertise {
        font-size: 11px;
        padding: 10px 8px;
    }

    #counter-expertises .content-counter > div:nth-child(2) .counter::after {
        left: -56px;
    }

    #counter-expertises .content-counter > div:nth-child(2) .counter::before {
        right: -67px;
    }

    #about .wrap-counter .content-counter > div:nth-child(3) .counter::before {
        right: -55px;
        bottom: 120px;
    }

    #counter-expertises .content-counter > div:nth-child(2) .counter::before, 
    #counter-expertises .content-counter > div:nth-child(2) .counter::after {
        bottom: 19px;
    }

    #about-metier .images-metier .img1 {
        top: -40px!important;
    }

    #about-metier .images-metier .img2 {
        top: -111px!important;
        left: 195px;
    }

    header .logo {
        display: block;
        position: relative;
        bottom: 35px;
        top: 0px;
        left: 0px;
    }


    header .contact a {
        font-size: 14px;
    }


    .page-template-page-contact .wrap-bandeau-reseau {
        visibility: hidden;
    }


    .wrap-contact-content-page .infos {
        margin-top: 150px;
    }
    .page-template-page-expertise .wrap-metier.wrap-reseau h1 { margin-top: 8rem;}
    .page-template-page-expertise  .wrap-metier.wrap-reseau h2 { margin-top: 5rem;}

    .page-template-blog .content-listing { height: inherit;}
    .wrap-listing-blog .container-fluid {
        padding: 0 0 0 15px;
    }
    .wrap-listing-blog .content-listing { padding-right: 30px;}
    .wrap-listing-blog .content-blog { width: 100%; }
    
    .actu-blog .blog-item .blog-item-title a { font-size: 30px; }

    .single-post .content-listing-blog { display: none; }
    .single-post .wrap-listing-blog .container-fluid { padding: 0px; }
    .single-post .wrap-detail-blog .detail-blog .content-detail>div { padding: 0px !important; }
    .single-post .wrap-detail-blog .detail-blog {padding: 45px 50px 60px 50px}
    .single-post .wrap-insights-expertises>div.container.etude-cas-simillaire { padding:0px;}
    .single-post .wrap-detail-blog .detail-blog .content-detail .titre2  { font-size: 20px; margin-bottom: 30px; }
    .single-post .form-blog input,
    .single-post  textarea#comment { width: 95% !important;}

        
    .breadcrumb {
        position: relative;
        z-index: 100;
        top: 81px;
        margin: 0;
        padding: 0;
        height: 40px;
        width: 100%;
        left: 0;
    }
    .wrap-listing-blog .option-blog {
        padding-top: 40px;
        margin-bottom: 15px;
    }
    section#bandeau-reseau { position: relative; min-height: 85px}
    .page-id-15844 .wrap-bandeau { min-height: 120px}
    .content .overlay, .content .overlay-search { margin-top: 25px;}
}
 @media screen and (max-width: 667px) {
    header .social-menu {
        display: none;
    }
    .form-footer-hub .hbspt-form form .hs_email {
        width: 220px !important;
    }
    .form-footer-hub form input {
        width: 220px !important;
    }
    .block-region {
        flex-direction: column;
    }
     .content .wrap .menu-wrap ul.wrap-nav li {
         padding-right: 15px;
    }
     .wrap-about h2, .wrap-arterris h2 {
         font-size: 45px;
    }
     .main-content h2 {
         font-size: 25px;
    }
     .content .wrap ul.wrap-nav li a {
         font-size: 25.65px;
    }
     .content .wrap ul.wrap-nav li::after {
         right: -10px;
         top: calc(50% - 11px);
         width: 20px;
         overflow: hidden;
         height: 15px;
    }

    .wrap-arterris .section-texte {
        margin-bottom: 13px;
    }

    .wrap-counter .content-counter > div:nth-child(2) .counter::before, 
    .wrap-counter .content-counter > div:nth-child(2) .counter::after {
        width: 69px;
    }

    ul#primary-menu .sub-menu {
        display: none;
        top: 41px !important;
        left: -137px!important;
        width: 100vw !important;
    }
    ul#primary-menu li.menu-item-has-children .sub-menu li {
        text-align: center !important;
        padding-right: 0px !important;
    }
}

 @media screen and (max-width: 486px) {
 	
 	div#box-call {
        right: initial;
        left: 20px;
    }
     .wrap-about-metier .container-fluid > div .col-sm-6:last-child {
        margin-left: initial;
    }
    
    .col-sm-8.main-content {
        margin-bottom: 40px;
    }


    #offres #insight-cas .images-insight .img1 {
        width: 100% !important;
    }
    .images-metier {
	    position: static;
	    width:100%;
	    height: auto;
	    padding-bottom: 100px;
	}


	.wrap-about-metier .container-fluid > div .col-sm-6:first-child {
	    position: inherit;
	}


	 #about-metier .images-metier .img1 {
	     position: static;
	     width: 100% !important;
	 }

	 #about-metier .images-metier .img2 {
	    position: relative;
	    left: 0px;
	    top: 50px !important;
	    height: auto !important;
	    width: 100% !important;
	 }

	.hover .block-realisation {
		margin-bottom: 20px;
	}


	.single-post .social {
	    text-align: center;
	}

	.wrap-detail-blog .detail-blog .content-detail .social .reseaux li {
	    margin-right: 25px;
	}


	.no-list.hs-error-msgs.inputs-list label {
	    width: 200px;
	    line-height: 15px;
    }
    .page-id-15844 .wrap-bandeau { min-height: 150px}

}

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

     .menu-wrap .wrap-nav {
         display: flex;
         flex-direction: column;
    }
     .content .wrap .menu-wrap ul.wrap-nav li::after {
         content: none;
    }

    .emailBox.hubl-form-nwes .hbspt-form form .hs_email {
        width: 272px !important;
    }

    .emailBox.hubl-form-nwes .input, .emailBox.hubl-form-nwes form input {
        width: 280px !important;
    }
    .page-id-15844 .wrap-bandeau { min-height: 170px}

}