@media (max-width: 390px) {
    body{
        position: relative;
    }

    .menu, .btn-search-wrapper{
        display: none;

    }
    .btn-menu-wrapper{
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border:1px solid #141414;
        border-radius: 5px;
    }
    .slider-wrapper{
        height: 400px;
    }
    .title-slide{
        font-size:1.5rem !important
    }
    .title-site{
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
    .title-description{
        font-size: 1.1em;
    }
    .h-card-400{
        height: auto !important;
    }
    .h-card-300{
        height: 300px !important;
    }
    .h-card-300 img{
        object-fit: cover;
    }
    .caption{
        display: none;
    }
    .center{
        text-align: center;
    }
    .list-number{
        width: 35px;
        height: 35px;
        font-size: 1rem;
    }
    .title-b{
        font-size: 1.1rem;
        font-weight: 600;
    }
    .bg-h-600{
        height: 600px;
    }
    .d-f{
        flex:1;
        display: flex;
        justify-content: center;
        padding-left: 2rem;
        height: 50%;
        gap: 20px !important;
    }
    .py-sm{
        padding: 5px 0;
    }
    #article{
        padding: 0 1rem !important;
    }
    .not-mobile{
        display: none !important;
    }
    .is-mobile{
        display: block !important;
    }
    .is-mobile h1{
        font-size: 1.3rem !important;
        padding: 0.8rem 0;
    }
    .sub-footer{
        min-height: 600px !important;
    }
    .img-pos-logo{
        top:60%;
        z-index: 1;
    }
    .img{
        position: relative;
        z-index: 10;
    }
    #footer{
        min-height: 700px !important;
    }
    #footer-links ul li{
        padding: 0.5rem 0;
    }
    #footer-links ul li a{
        display: block;
    }
    #footer .madeby{
        position: relative;
    }
    .is-mobile .card .card-body h4{
        color: #141414;
        font-size: 1.5rem;
        font-weight: 700;
    }
    .is-mobile .card .card-body p{
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
    .mobile-padding{
        padding: 0 0.8rem;
    }
    .breadcrumb{
        padding: 2rem 0;
    }
    .sidebar{
        display: flex;
    }
    .sidebar li{
        display: inline-block;
        width: calc(100%/3);
    }
    .sidebar li a{
        padding: 0.5rem 0rem;
        font-size: 0.6rem;
        display: flex;
        justify-content: center;
        text-align: center;
        height: 100%;
    }
    .sidebar li a span{
        padding: 0;
    }
    .sidebar li a::before{
        left: 5px;
    }
    .title-service{
        font-size: 1.1rem;
    }
    .is-mobile-article {
        display: flex;
        flex-direction: column;
    }
    #services .card .card-body .card-title{
        font-size: 1rem;
    }
    #services .card .card-body .card-text{
        font-size: 0.8rem;
    }
    #services .card .card-body a{
        font-size: 0.8rem;
    }
    .mb-sm-3{
        margin-bottom: 15px;
    }
    .h-card-500{
        height: 500px;
    }
    .caption-content{
        padding: 0;
    }
    .caption-work-card h4{
        font-size: 1rem;
    }
    .caption-work-card h2{
        font-size: 1rem;
    }
    #conseil .card .card-body h5{
        font-size: 1rem;
    }
    #conseil .card .card-text{
        font-size: 0.8rem;
    }
    #conseil .card-date{
        font-size: 0.6rem;
    }
    #conseil .card .card-body a{
        font-size: 0.8rem;
    }
    .pagination .page-link{
        font-size: 0.8rem !important;
    }
    .pagination{
        margin-top: 15px;
    }
    .form-contact{
        padding: 2rem 1rem;
    }
    .px-mobile{
        padding: 0 2rem !important;
    }
    .title{
        font-size: 1.3rem;
    }
    #chiffres{
        display: flex;
        gap: 25px;
        padding:  0;
    }
    #chiffres h1{
        font-size: 3rem;
    }
    #chiffres span{
        font-size: 1.2rem;
    }
    .our-story-content-p{
        padding: 1rem 1rem;
    }
    .our-story-content h3{
        font-size: 1.3rem;
    }
    .our-story-content span{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .our-story-content p{
        font-size: 0.8rem;
        line-height: 1.2rem;
        margin-bottom: 10px;
    }
    .img-pos-value{
        margin-top: 0;
    }
    .img-ml{
        margin-left: 1rem;
    }
    .green-block{
        width: 262px;
        height: 244px;
    }
    .our-values{
        margin-top: 0;
    }
    .mt-rn1{
        margin-bottom: 2rem;
    }
    .teams{
        margin-top: 0;
        padding: 0 0.6rem;
    }
    .teams .card .card-body .card-title{
        font-size: 1.2rem;
        padding-bottom: 0 !important;
    }
    .teams .card .card-body .card-text{
        font-size: 1rem;
    }
    .slide-nav{
        justify-content: center;
        gap: 10px;
        top: 100%;
        margin-top: 25px;
    }
    .slide-nav-btn{
        width: 40px;
        height: 40px;
    }
    .slide-nav-prev{
        position: relative;
        left: 0;
    }
    .slide-nav-next{
        position: relative;
        right: 0;
    }
    .sidebar-menu{
        width: 65%;
        height: 100%;
        background-color: #fff;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 50;
        left: -65%;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
        padding: 1rem 0rem;
        transition: all 0.3s ease-in-out;
        display: block;
    }
    .sidebar-menu .menu{
        display: flex !important;
        flex-direction: column;
        gap:0
    }
    .sidebar-menu .menu li a{
        border-bottom: 1px solid #DEDEDE;
        padding: 0.9rem 1rem;
    }
    .showmenu{
        left: 0;
        transform: translateX(0);
    }
    .submenu-wrapper{
        position: relative;
        left: 0;
        display: flex;
        flex-direction: column;
    }
    .submenu-wrapper::after{
        border: none !important;
    }
    .is-not-mobile-article{
        display: none;
    }
    .w-mobile{
        width: 100% !important;
    }
    .form-container h2{
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    .overlayer-container{
       padding: 3rem 1rem;
    }
    .form-container img{
        display: none;
    }
    .form-container a{
       z-index: 50;
    }
    .form-container a{
        width: 20px;
        height: 20px;
    }

    
}

@media (max-width: 750px) {
    body{
        position: relative;
    }

    .menu, .btn-search-wrapper{
        display: none;

    }
    .logo-c img{
        width: 50px;
    }
    .btn-menu-wrapper{
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border:1px solid #141414;
        border-radius: 5px;
    }
    .slider-wrapper{
        height: 400px;
    }
    .title-slide{
        font-size:1.5rem !important
    }
    .title-site{
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
    .h-card-400{
        height: auto !important;
    }
    .h-card-300{
        height: 300px !important;
    }
    .h-card-300 img{
        object-fit: cover;
    }
    .caption{
        display: none;
    }
    .center{
        text-align: center;
    }
    .list-number{
        width: 35px;
        height: 35px;
        font-size: 1rem;
    }
    .title-b{
        font-size: 1.1rem;
        font-weight: 600;
    }
    .bg-h-600{
        height: 600px;
    }
    .d-f{
        flex:1;
        display: flex;
        justify-content: center;
        padding-left: 2rem;
        height: 50%;
        gap: 20px !important;
    }
    .py-sm{
        padding: 5px 0;
    }
    #article{
        padding: 0 1rem !important;
    }
    .not-mobile{
        display: none !important;
    }
    .is-mobile{
        display: block !important;
    }
    .is-mobile h1{
        font-size: 1.3rem !important;
        padding: 0.8rem 0;
    }
    .sub-footer{
        min-height: 600px !important;
    }
    .img-pos-logo{
        top:60%;
        z-index: 1;
    }
    .img{
        position: relative;
        z-index: 10;
    }
    #footer{
        min-height: 700px !important;
    }
    #footer-links ul li{
        padding: 0.5rem 0;
    }
    #footer-links ul li a{
        display: block;
    }
    #footer .madeby{
        position: relative;
    }
    .is-mobile .card .card-body h4{
        color: #141414;
        font-size: 1.5rem;
        font-weight: 700;
    }
    .is-mobile .card .card-body p{
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
    .mobile-padding{
        padding: 0 0.8rem;
    }
    .breadcrumb{
        padding: 2rem 0;
    }
    .sidebar{
        display: flex;
    }
    .sidebar li{
        display: inline-block;
        width: calc(100%/3);
    }
    .sidebar li a{
        padding: 0.5rem 0rem;
        font-size: 0.6rem;
        display: flex;
        justify-content: center;
        text-align: center;
        height: 100%;
    }
    .sidebar li a span{
        padding: 0;
    }
    .sidebar li a::before{
        left: 5px;
    }
    .title-service{
        font-size: 1.1rem;
    }
    .is-mobile-article {
        display: flex;
        flex-direction: column;
        row-gap: 15px;
    }
    #services .card .card-body .card-title{
        font-size: 1rem;
    }
    #services .card .card-body .card-text{
        font-size: 0.8rem;
    }
    #services .card .card-body a{
        font-size: 0.8rem;
    }
    .mb-sm-3{
        margin-bottom: 15px;
    }
    .h-card-500{
        height: 500px;
    }
    .caption-content{
        padding: 0;
    }
    .caption-work-card h4{
        font-size: 1rem;
    }
    .caption-work-card h2{
        font-size: 1rem;
    }
    #conseil .card .card-body h5{
        font-size: 1rem;
    }
    #conseil .card .card-text{
        font-size: 0.8rem;
    }
    #conseil .card-date{
        font-size: 0.6rem;
    }
    #conseil .card .card-body a{
        font-size: 0.8rem;
    }
    .pagination .page-link{
        font-size: 0.8rem !important;
    }
    .pagination{
        margin-top: 15px;
    }
    .form-contact{
        padding: 2rem 1rem;
    }
    .px-mobile{
        padding: 0 2rem !important;
    }
    .title{
        font-size: 1.3rem;
    }
    #chiffres{
        display: flex;
        gap: 25px;
        padding:  0;
    }
    #chiffres h1{
        font-size: 3rem;
    }
    #chiffres span{
        font-size: 1.2rem;
    }
    .our-story-content-p{
        padding: 1rem 1rem;
    }
    .our-story-content h3{
        font-size: 1.3rem;
    }
    .our-story-content span{
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .our-story-content p{
        font-size: 0.8rem;
        line-height: 1.2rem;
        margin-bottom: 10px;
    }
    .img-pos-value{
        margin-top: 0;
    }
    .img-ml{
        margin-left: 1rem;
    }
    .green-block{
        width: 262px;
        height: 244px;
    }
    .our-values{
        margin-top: 0;
    }
    .mt-rn1{
        margin-bottom: 2rem;
    }
    .teams{
        margin-top: 0;
        padding: 0 0.6rem;
    }
    .teams .card .card-body .card-title{
        font-size: 1.2rem;
        padding-bottom: 0 !important;
    }
    .teams .card .card-body .card-text{
        font-size: 1rem;
    }
    .slide-nav{
        justify-content: center;
        gap: 10px;
        top: 100%;
        margin-top: 25px;
    }
    .slide-nav-btn{
        width: 40px;
        height: 40px;
    }
    .slide-nav-prev{
        position: relative;
        left: 0;
    }
    .slide-nav-next{
        position: relative;
        right: 0;
    }
    .sidebar-menu{
        width: 65%;
        height: 100%;
        background-color: #fff;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 50;
        left: -65%;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
        padding: 1rem 0rem;
        transition: all 0.3s ease-in-out;
        display: block;
    }
    .sidebar-menu .menu{
        display: flex !important;
        flex-direction: column;
        gap:0
    }
    .sidebar-menu .menu li a{
        border-bottom: 1px solid #DEDEDE;
        padding: 0.9rem 1rem;
    }
    .showmenu{
        left: 0;
        transform: translateX(0);
    }
    .submenu-wrapper{
        position: relative;
        left: 0;
        display: flex;
        flex-direction: column;
    }
    .submenu-wrapper::after{
        border: none !important;
    }
    .is-not-mobile-article{
        display: none;
    }
    .w-mobile{
        width: 100% !important;
    }
    .form-container img{
        display: none;
    }

    .list-protection{ margin-bottom: 30px; }
    .list-protection .container .holder{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        color: #fff;

        padding: 50px 5px;
        row-gap: 30px;
    }
    .list-protection .container .holder .first,
    .list-protection .container .holder .second{
        width: 100%;
        align-items: center;
    }
    .list-protection .container .holder .first{text-align: center; }
    .list-protection .container .holder .first h3{
        font-size: 1.5rem;
        color: #fff;
        font-weight: bold;
    }
    .list-protection .container .holder .second{ row-gap: 20px; }
    .list-protection .container .holder .second .line{
        width: 100%;
        display: flex;
        column-gap: 15px;
        justify-content: flex-start;
        align-items: center;
    }
    
    .list-number{
        background-color: #039246;
        width: 35px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        color:#fff;
        font-size: 1.0rem;
        font-weight: 700;
    }
    .list-protection .container .holder .second .line .title-b{ 
        width: 90%; 
        font-weight: 400;
    }

    .mobile-row{ margin: 0 0; }
    .services-page .sidebar-holder{ margin-bottom: 30px; }
    .services-page .row.services .is-mobile-article,
    .realisations-page .is-mobile-article,
    .conseils-page .is-mobile-article{
        display: grid;
        grid-template-columns: calc(50% - 7px) calc(50% - 7px);
        gap: 15px 14px;
    }

    .breadcrumb .title-site{ text-align: center; }
    .caption-content > div{ padding-right: 15px; }
    .conseils-post-content,
    .conseils-post-image{ width: 100%; }
    .conseils-post-image{ height: 200px; }

    #our-teams .card-img-top{
        width: 100%;
        height: 250px;
        object-fit: cover;
        object-position: center;
    }
}