@media (max-width: 576px) {
    
    /* Header & Navigation */
    .head-header {
        display: none;
    }
    
    .navbar-collapse {
        padding: 20px 0;
        border-radius: 5px;
    }
    
    .header-btn {
        width: 200px;
        margin-bottom: 10px !important;
    }
    
    /* Search Section */
    .search-section {
        background-repeat: no-repeat !important;
        background-size: contain !important;
        background-position: top !important;
        padding: 0 0 120px 0 !important;
        height: 100% !important;
    }
    
    .search-container {
        display: block !important;
        width: 90% !important;
    }
    
    .search-form-label p {
        font-size: 16px !important;
        margin: 15px 0 20px 0;
    }
    
    .search-icon {
        display: none !important;
    }
    
    /* Hidden Elements on Mobile */
    .left-4-3,
    .card img,
    .right-actualites-image,
    .left-conseils-image,
    .logo-adom,
    .step-icon {
        display: none !important;
    }
    
    /* Forms & Buttons */
    #questionnaireForm #prevPage,
    #questionnaireForm #nextPage,
    #questionnaireForm #submitBtn {
        width: 90%;
        display: block;
        margin: 5px;
    }
    
    /* Comment ça marche Section */
    .comment-ca-marche-section {
        padding: 0 !important;
    }
    
    .comment-ca-marche.container {
        padding: 10px !important;
        width: 90% !important;
    }
    
    .step-title {
        font-size: 16px !important;
        line-height: 25px !important;
    }
    
    /* Demande Devis Section */
    .demande-devis {
        margin: 0!important; 
    }
    
    .demande-devis.row {
        flex-direction: column !important;
    }
    
    .demande-devis.col {
        justify-content: center;
    }
    
    #iyie-2,
    #iyie {
        width: auto !important;
        font-size: 20px !important;
    }
    
    #i21uq-2,
    #i21uq {
        width: auto !important;
    }
    
    .z-10 {
        top: -21px !important;
        right: -31px !important;
    }
    
    #ispp {
        margin: 0 8px 0 50px !important;
    }
    
    /* Qui Sommes Nous Section */
    .section.qui-sommes-nous {
        height: auto !important;
    }
    
    .container-qui-sommes-nous {
        padding: 0 !important;
    }
    
    #isyy-2 {
        font-size: calc(1.325rem + 0.9vw) !important;
    }
    
    #left-2,
    #left-4-3 {
        display: none !important;
    }
    
    #right-2 {
        max-width: 100% !important;
    }
    
    .qui-sommes-nous-btn-container {
        display: block !important;
    }
    
    .qui-sommes-nous-btn.btn.btn-outline-success {
        margin-bottom: 20px !important;
    }
    
    /* Pourquoi Nous Choisir Section */
    .pourquoi-nous-choisir {
        padding: 5px 5px 40px !important;
    }
    
    .pq-btn-container {
        margin-left: 30px !important;
    }
    
    .pourquoi-nous-btn.btn.btn-outline-success {
        margin: 0 40px 10px 0 !important;
    }
    
    /* Actualités Section */
    .description-actualite {
        width: 50% !important;
        height: auto !important;
        margin-left: 90px !important;
        text-align: justify !important;
    }
    
    .actualities.row {
        flex-direction: column !important;
    }
    
    .newest-posts.row {
        padding: 10px !important;
    }
    
    #i3s5 {
        margin-bottom: 30px !important;
    }
    
    /* Besoin Aide Section */
    .besoin-aide {
        max-width: 100% !important;
    }
    
    .title-besoin-aide {
        font-size: 22px !important;
    }
    
    .besoin-aide.btn.btn-outline-success {
        margin-bottom: 10px !important;
    }
    
    .besoin-aide.row.justify-content-between.mt-4 {
        margin: 0 !important;
    }
    
    /* Implantation Territoriale Section */
    .description-implantation-terriotoriale {
        width: 90% !important;
    }
    
    .title-implantation-territoriale {
        font-size: 28px !important;
    }
    
    .btn-container {
        margin-bottom: 20px !important;
    }
    
    /* Keep Informed Section */
    .section-keep-informed {
        width: 100% !important;
    }
    
    #keep-informed-left-2 {
        display: none !important;
    }
    
    #keep-informed-right-2 {
        max-width: 576px !important;
    }
    
    .keep-informed.mb-3 {
        margin: 0 !important;
    }
    
    .keep-informed-label.form-label {
        margin: 20px 0 10px 0;
        text-align: center;
        width: 100%;
        display: block;
    }
    
    .form-check {
        justify-content: center;
        text-align: center;
    }
    
    .form-check-label {
        width: 300px !important;
        text-align: justify !important;
    }
    
    /* Footer */
    .footer-content {
        margin-top: 40px !important;
    }
    
    .footer-bottom {
        justify-content: center !important;
    }
    
    .footer-bottom ul {
        display: none !important;
    }
    
    .social-icon {
        text-align: center !important;
    }
    
    .subcategories {
        display: flex !important;
    }
}

/* =================================================================
   TABLET - Min-width: 767px
   ================================================================= */
@media (min-width: 767px) {
    
    /* Header & Navigation */
   
    .header-btn {
        margin: auto 10px 10px auto !important;
    }
    
    /* Search Section */
    .search-section {
        margin: 0 !important;
    }
    
    /* Comment ça marche Section */
    .comment-ca-marche-section {
        padding: 0 !important;
    }
    
    /* Demande Devis Section */
    .demande-devis.row {
        gap: 20px;
    }
    
    .container-qui-sommes-nous {
   
        padding: 12px !important;
    
    }
   
    /* Actualités Section */
    .container-actualites,
    .container-conseils {
        flex-direction: column;
        align-items: center;
        text-align: center;
        overflow-x: hidden;
    }
    
    .right-actualite,
    .right-conseils {
        width: 50%;
        margin: 20px 0;
    }
    
    .actualite-image {
        width: 100% !important;
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
    
    .right-conseils button {
        margin-top: 15px;
    }
    
    /* Keep Informed Section */
    .container-keep-informed {
        width: 100% !important;
        margin: 0 !important;
    }
    
    .keep-informed.mb-3 {
        margin: 0 -60px 20px;
    }
    
    #keep-informed-left-2 {
        margin-bottom: 20px;
    }
    
    
    
    .keep-informed-form.form-control {
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: left;
    }
    
    .form-check {
        justify-content: center;
        text-align: center;
    }
    
    .form-check-label {
        text-align: justify !important;
    }
    
    /* Devis Section */
    .devis.container-fluid {
        padding: 10px 0 30px 0 !important;
    }
    
    h1.devis-title-page::before {
        width: 2px !important;
        height: 31px !important;
    }
    
    .devis-title-page {
        font-size: 28px !important;
    }

    .position-relative{
        max-width: 100% !important;
    }
}

/* =================================================================
   DESKTOP - Max-width: 1292px
   ================================================================= */
@media (max-width: 1292px) {
    
    /* Header & Navigation */
    .header-btn {
        margin-bottom: 10px !important;
    }
    
    #iunet {
        margin: 0 10px 15px 0 !important;
    }
    
    /* Search Section */
    .search-section {
        height: 50vh !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        background-position: top !important;
   
    }
    
    /* Comment ça marche Section */
    .comment-ca-arrows {
        display: none !important;
    }
    
    .comment-ca-marche-section {
        padding: 0;
        margin: 0 0 0 0 !important;
    }
    
    .comment-ca-marche.container {
        padding: 0;
    }
    
    #title-3-3-3 {
        width: 100%;
        justify-content: center;
    }
    
    .step-title.mt-3.font-weight-bold {
        height: 50px !important;
    }
    
    /* Demande Devis Section */
    .demande-devis.col {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .demande-devis {
        margin: 0px !important; 
    }
    .col-lg-4.col-md-4.col-4.align-items-center.d-flex.justify-content-center
     {
        padding: 0px 5px !important;
    }
    #icegz,
    #icegz-2 {
        width: 232px !important;
    }
    
    .row.card-body.g-0 {
        padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x) !important;
    }
    
    /* Qui Sommes Nous Section */
    #right-2 {
        padding: 20px;
    }
    
    .qui-sommes-nous-btn-container button {
        font-size: 0.875rem !important;
        padding: 5px 10px !important;
        margin: 0 0.75rem !important;
    }
    
    /* Prestations & Tarifs */
    .prestations-btn-container {
        margin: 30px 0px 50px 0px !important;
        gap: 10px !important;
    }
    
    .prestations.col {
        margin-left: 0 !important;
    }
    
   
  
    
    /* Releases & FAQ */
    .header-release {
        padding: 0 !important;
    }
    
    .release.col-4.mb-5 {
        width: 100% !important;
    }
    
    .faq-body {
        margin: 0 !important;
    }
    
    #ikejx {
        padding: 0 !important;
    }
    
    /* Actualités */
    .actualities.card-body {
        width: 100% !important;
    }
    
    .actualities.row {
        flex-direction: row;
        align-items: flex-start;
    }
    
    .actualities.col.mb-5 {
        flex: 1 0 20%;
    }
    
    /* Keep Informed Section */
    .section-keep-informed {
        width: 100% !important;
        overflow: hidden;
    }
    
    #keep-informed-left-2 {
        display: none !important;
    }
    
    #keep-informed-right-2 {
        max-width: 100% !important;
    }
    
    .keep-informed-label.form-label {
        margin: 55px 0 15px 0 !important;
        text-align: center;
        width: 100%;
        display: block;
    }
    
    .keep-informed-form.form-control {
        margin: 0 !important;
    }
    
    .form-check {
        justify-content: center;
        text-align: center;
    }
    
    .form-check-label {
        width: 100% !important;
        text-align: justify !important;
    }
    
    .keep-informed-btn.btn.btn-success {
        right: 187px;
    }
    
    /* Contact & Forms */
    .devis.container-fluid {
        padding: 20px 20px 40px 20px !important;
    }
    
    .contact-us-container {
        padding: 0 !important;
    }
    
    .col-md-6.mb-3 {
        width: 100% !important;
    }
    
    h1.devis-title-page::before {
        width: 2px !important;
        height: 31px !important;
    }
    
    .devis-title-page {
        font-size: 28px !important;
    }
     .position-relative{
        max-width: 100% !important;
    }
}

/* =================================================================
   TABLET NAVIGATION - Max-width: 768px
   ================================================================= */
@media screen and (max-width: 768px) {
    
    /* Navigation Menu */
    .nav-links {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 60px;
        right: 0;
        background: #2c5f2d;
        width: 100%;
        text-align: center;
        padding: 20px;
    }

    .head-header {
        display: none !important;
    }
     .article-title, .breadcrumb{
        margin:0px !important;
    }
    .nav-links.active {
        display: flex;
    }
    
    .burger {
        display: block;
    }
    
    /* Contact Description */
    .contact-us-description {
        padding: 0 !important;
    }

    .keep-informed-label.form-label {
        margin: 20px 0 10px 0 !important;
        width: 100%;
        display: block;
    }
}