@media (max-width: 576px) {
    .head-header {
        display: none;
    }

    /*Responsive navbar */
    .navbar-collapse {
        background: #ffffff;
        padding: 20px;
        border-radius: 5px;
    }

    .header-btn {
        margin-bottom: 10px !important;
        margin-left: 70px !important;
    }

    /* Responsive of search section */
    .search-section {
        background-repeat: no-repeat !important;
        padding: 0 !important;
        height: 50vh !important;

    }

    .search-form-label p {
        font-size: 18px !important;
    }

   .search-container{
    width: auto !important;
    gap: 0px !important;

   }

    .custom-search-button {
        padding: 4px 5px !important;
        font-size: 12px !important;
    }

    /* Responsive of comment-ca-marche section */
    .comment-ca-marche-section {
        padding: 0px !important;
    }

    .step-title {
        font-size: 16px !important;
        line-height: 25px !important;
    }

    
    .comment-ca-marche.container {
        padding: 10px !important;
        width: auto !important;
    }

    /* Responsive of demande-devis section **/

    .demande-devis.row {
        flex-direction: column !important;
    }

    .demande-devis.col {
        justify-content: center;
    }

    .card img {
        display: none !important;
    }

    #iyie-2,
    #iyie {
        width: auto !important;
        font-size: 20px !important;
    }

    #i21uq-2,
    #i21uq {
        width: auto !important;
    }

    #ispp {
        margin: 0px 8px 0px 50px !important;
    }

    /* Responsive qui sommes nous section */
    .section.qui-sommes-nous {
        height: auto !important;
        background-image: none !important;
    }

    #isyy-2 {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

  .d-flex.justify-content-around.align-items-center{padding:0px !important;margin:20px 0px 50px 0px;}

    .right-side{
        max-width: 100% !important;
    }
    .qui-sommes-nous{
        padding: 20px !important;
    }
    .container-qui-sommes-nous {
        padding: 0px !important;
    }
    #left-4 {
        display: none !important;
    }

    .qui-sommes-nous-btn-container {
        display: block !important;
    }


    .pq-btn-container {
        display: block !important;
        margin-left: 30px !important;
    }

    .pourquoi-nous-btn.btn.btn-outline-success {
        margin: 0px 40px 10px 0px !important;
    }

    /* Responsive actualites section */
    .right-actualites-image {
        display: none !important;
    }

    .left-conseils-image {
        display: none !important;
    }

    .description-actualite {
        width: 50% !important;
        height: auto !important;
        margin-left: 90px !important;
        text-align: justify !important;
    }

    /* Responsive of 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;
    }

    /* Responsive implantation territoriale section */

    #left-2 {
        display: none !important;
    }

    #left-4 {
        display: none !important;
    }

    .description-implantation-terriotoriale {
        width: 90% !important;
    }

    .title-implantation-territoriale {
        font-size: 28px !important;
    }

    .btn-container {
        margin-bottom: 20px !important;
    }

    /* Responsive of 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: 0px !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;
        margin: 10px 0px 0px 0px !important;
    }

    .form-check-label {
        width: 100% !important;
        text-align: justify !important;
    }

    .form-check {
        justify-content: center;
        text-align: center;
        margin: 10px 0px 0px 0px !important;
    }

    .form-check-label {
        width: 300px !important;
        text-align: justify !important;
    }

    /* .keep-informed-btn.btn.btn-success {
          right: 50px !important;
    }
    */
    /*Reponsive 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;
    }

    .actualities.row {
        flex-direction: column !important;
    }

    .newest-posts.row {
        padding: 10px !important;
    }

    #i3s5
    {
        margin-bottom: 30px !important;
    }

    
}

@media (max-width: 769px) {
    .navbar-brand {
        display: none !important;
    }

    .head-header {
        display: none;
    }

    .header-btn {
        margin-bottom: 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: auto !important;
    }

    .header-btn {
        margin-bottom: 10px !important;
        margin-left: 70px !important;
    }

    /* Responsive of search section*/
    .search-section {
        margin: 0 !important;
    }

    .search-form-label p {
        font-size: 18px !important;
    }

    .search-container{
        width: auto !important;
        gap: 0px !important;
    }

    .custom-search-button {
        padding: 4px 5px !important;
        font-size: 12px !important;
    }

    /* Responsive of comment-ca-marche section */

    .comment-ca-marche-section {
        padding: 0px !important;
    }

   .left-side{
    display: none;
   }
   .section.actualites{
        background-image: none !important;
   }
    /* Responsive of actualities 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;
    }

    /* Responsive of keep-informed section **/

    .container-keep-informed {
        width: 100% !important;
        margin: 0px !important;
    }

    .keep-informed.mb-3 {
        margin: 0px -60px 20px;
    }

    #keep-informed-left-2 {
        margin-bottom: 20px;
    }

    /*#keep-informed-right-2 {
        max-width: 100% !important;
    }*/

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

    .keep-informed-form.form-control {
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: left;
    }

    .form-check {
        justify-content: center;
        text-align: center;
        margin: 10px 0px 0px 0px !important;
    }

    .form-check-label {
        text-align: justify !important;
    }

    .devis.container-fluid {
        padding: 10px 0px 30px 0px !important;
    }

    h1.devis-title-page::before {
        width: 2px !important;
        height: 31px !important;
    }

    .devis-title-page {
        font-size: 28px !important;
    }
}

@media (max-width: 1292px) {
  

    /* Responsive of header */
    .head-header {
        display: none;
    }

    /* Responsive of navbar */
    .header-btn {
        margin-bottom: 10px !important;
    }

    #iunet {
        margin: 0px 10px 15px 0px !important;
    }

    /* Responsive of search section*/

    .search-section {
        background-repeat: no-repeat !important;
        background-size: contain !important;
        background-position: unset !important;
    }

    /* Responsive of comment-ca section */

    .comment-ca-arrows {
        display: none !important;
    }

    .comment-ca-marche-section {
        padding: 0;
    }

    .comment-ca-marche.container {
        padding: 0;
    }

    #title-3 {
        width: 100%;
        justify-content: center;
    }

    /* Responsive of demande-devis section */

    .demande-devis.col {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    /*.card 
    { 
        height: auto;
        flex-direction: column;
        text-align: center;
        padding: 20px;
        position: relative;
        margin: 0px !important;
    }*/

    #icegz,
    #icegz-2 {
        width: 232px !important;
    }

    /* section qui sommes nous ? */
    #right-2 {
        padding: 20px;
    }

    .qui-sommes-nous-btn-container button {
        font-size: 0.875rem !important;
        /* Taille du texte plus petite */
        padding: 5px 10px !important;
        /* Réduction du padding */
        margin-left: 0.75rem !important;
        /* mx-3 équivaut à 0.75rem */
        margin-right: 0.75rem !important;
    }

    /* Responsive of keep-informed section **/

    .section-keep-informed {
        width: 100% !important;
    }

    #keep-informed-right-2 {
        max-width: 100% !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;
        margin: 10px 0px 0px 0px !important;
    }

    .form-check-label {
        width: 100% !important;
        text-align: justify !important;
    }

    .keep-informed-btn.btn.btn-success {
        right: 30px !important;
    }

    .tab-menu {
        margin-left: 20px !important;
        margin-top: -20px !important;
    }

    .tab-menu li {
        font-size: 26px !important;
    
    }

    .form-check-label {
        width: 100% !important;
        text-align: justify !important;
    }

    .keep-informed-btn.btn.btn-success {
        right: 30px !important;
    }

    .tab-menu {
        margin-left: 20px !important;
        margin-top: -20px !important;
    }

    .tab-menu li {
        font-size: 26px !important;
    }

    .prestations-btn-container {
        margin: 0px !important;
        flex-direction: column;
        gap: 10px !important;
    }

    .prestations.col {
        margin-left: 0px !important;
    }

    .tarifs.col {
        margin-left: 0px !important;
    }

    .tarifs-btn-container.btn {
        margin: 0px !important;
    }

    .header-release {
        padding: 0px !important;
    }

    .release.col-4.mb-5 {
        width: 100% !important;
    }

    .faq-body {
        margin: 0px !important;
    }

    #ikejx {
        padding: 0px !important;
    }

    .actualities.card-body {
        width: 100% !important;
    }

    .section-keep-informed {
        overflow: hidden;
    }

    .actualities.row {
        flex-direction: row;
        align-items: flex-start;
    }

    .actualities.col.mb-5 {
        flex: 1 0 20%;
    }

    .devis.container-fluid {
        padding: 0px !important;
    }

    .contact-us-container {
        padding: 0px !important;
    }

    .col-md-6.mb-3 {
        width: 100% !important;
    }

    #keep-informed-left-2 {
        display: none !important;
    }

    .keep-informed-label.form-label {
        margin: 55px 0 15px 0 !important;
    }

    .keep-informed-form.form-control {
        margin: 0 !important;
    }

    .form-check {
        justify-content: center;
        text-align: center;
        margin: 10px 0px 0px 0px !important;
    }

    .form-check-label {
        text-align: justify !important;
    }

    .keep-informed-btn.btn.btn-success {
        right: 187px;
    }

    /** Entete des pages */
    .devis.container-fluid {
        padding: 20px 20px 40px 20px !important;
    }

    h1.devis-title-page::before {
        width: 2px !important;
        height: 31px !important;
    }

    .devis-title-page {
        font-size: 28px !important;
    }
}

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

    .nav-links.active {
        display: flex;
    }

    .burger {
        display: block;
    }

    .contact-us-description {
        padding: 0px !important;
    }
}