/* CSS de correction responsive pour le site Mediwalk */
        
        /* Corrections générales pour mobile */
        @media (max-width: 768px) {
            
            /* Fix du conteneur principal des avis */
            .clients .container {
                padding-left: 10px !important;
                padding-right: 10px !important;
            }
            
            .w3l_form {
                width: 100% !important;
                margin: 0 !important;
                padding: 15px !important;
            }
            
            .left_grid_info {
                width: 100% !important;
                padding: 15px !important;
                margin: 0 !important;
                box-sizing: border-box;
            }
            
            /* Amélioration des blocs d'avis individuels */
            .left_grid_info h4 {
                font-size: 14px !important;
                line-height: 1.4 !important;
                margin-bottom: 10px !important;
                word-wrap: break-word !important;
                overflow-wrap: break-word !important;
            }
            
            .left_grid_info p {
                font-size: 14px !important;
                line-height: 1.5 !important;
                margin-bottom: 15px !important;
                padding: 0 !important;
                word-wrap: break-word !important;
                overflow-wrap: break-word !important;
                text-align: justify !important;
            }
            
            /* Fix des étoiles */
            .fa-star {
                font-size: 16px !important;
                margin-right: 2px !important;
            }
            
            /* Espacement entre les avis */
            .left_grid_info h4:not(:first-child) {
                margin-top: 25px !important;
                padding-top: 20px !important;
                border-top: 1px solid #eee !important;
            }
            
            /* Fix du header et navigation */
            .navbar-brand {
                font-size: 14px !important;
            }
            
            .navbar-brand img {
                max-width: 30px !important;
                height: auto !important;
            }
            
            .navbar-nav {
                text-align: center !important;
            }
            
            .nav-link {
                font-size: 14px !important;
                padding: 10px !important;
            }
            
            /* Fix des sections principales */
            .banner-bottom-w3layouts .container {
                padding-left: 15px !important;
                padding-right: 15px !important;
            }
            
            .about-w3ls-mk {
                padding: 15px !important;
                margin-top: 20px !important;
            }
            
            .about-w3ls-mk h3 {
                font-size: 18px !important;
                line-height: 1.3 !important;
                margin-bottom: 15px !important;
            }
            
            .about-w3ls-mk h4 {
                font-size: 16px !important;
                line-height: 1.3 !important;
                margin-bottom: 10px !important;
            }
            
            .about-w3ls-mk p {
                font-size: 14px !important;
                line-height: 1.5 !important;
                margin-bottom: 10px !important;
            }
            
            /* Fix de l'image about */
            .about-img {
                margin-bottom: 20px !important;
            }
            
            .about-img img {
                max-width: 200px !important;
                height: auto !important;
            }
            
            /* Fix du formulaire de contact */
            .contact .container {
                padding-left: 15px !important;
                padding-right: 15px !important;
            }
            
            .main_grid_contact {
                padding: 15px !important;
            }
            
            .form-group input,
            .form-group textarea {
                width: 100% !important;
                padding: 12px !important;
                font-size: 14px !important;
                border: 1px solid #ddd !important;
                border-radius: 4px !important;
                margin-bottom: 15px !important;
                box-sizing: border-box !important;
            }
            
            .top-inputs-agile .col-md-4 {
                width: 100% !important;
                padding: 0 !important;
                margin-bottom: 15px !important;
            }
            
            /* Fix des checkboxes d'étoiles */
            .form-group input[type="checkbox"] {
                width: auto !important;
                margin-right: 10px !important;
                margin-bottom: 10px !important;
            }
            
            /* Fix du slider/banner */
            .pogoSlider {
                height: 300px !important;
            }
            
            .pogoSlider h3 {
                font-size: 24px !important;
                line-height: 1.2 !important;
            }
            
            .pogoSlider p {
                font-size: 16px !important;
                line-height: 1.3 !important;
            }
            
            /* Fix des titres principaux */
            .main-title h3 {
                font-size: 20px !important;
                line-height: 1.3 !important;
                margin-bottom: 15px !important;
            }
            
            .main-title p {
                font-size: 14px !important;
                line-height: 1.4 !important;
            }
            
            /* Fix du footer */
            .copy-right-grids {
                font-size: 12px !important;
                text-align: center !important;
                padding: 10px !important;
            }
            
            /* Corrections spécifiques pour les liens dans les avis */
            .left_grid_info a {
                word-wrap: break-word !important;
                overflow-wrap: break-word !important;
            }
            
            /* Amélioration de la lisibilité */
            body {
                font-size: 14px !important;
                line-height: 1.5 !important;
            }
            
            /* Fix pour éviter le débordement horizontal */
            * {
                max-width: 100% !important;
                box-sizing: border-box !important;
            }
            
            .container-fluid,
            .container {
                width: 100% !important;
                max-width: 100% !important;
                padding-left: 15px !important;
                padding-right: 15px !important;
            }
            
            /* Masquer les éléments qui posent problème sur mobile */
            .title-icon,
            .title-icon2 {
                display: none !important;
            }
        }
        
        /* Corrections pour très petits écrans */
        @media (max-width: 480px) {
            .left_grid_info h4 {
                font-size: 13px !important;
            }
            
            .left_grid_info p {
                font-size: 13px !important;
            }
            
            .main-title h3 {
                font-size: 18px !important;
            }
            
            .about-w3ls-mk h3 {
                font-size: 16px !important;
            }
            
            .navbar-brand {
                font-size: 12px !important;
            }
            
            .pogoSlider h3 {
                font-size: 20px !important;
            }
            
            .pogoSlider p {
                font-size: 14px !important;
            }
        }
        
        /* Corrections pour tablettes */
        @media (min-width: 769px) and (max-width: 1024px) {
            .w3l_form {
                padding: 20px !important;
            }
            
            .left_grid_info {
                padding: 20px !important;
            }
            
            .left_grid_info h4 {
                font-size: 16px !important;
            }
            
            .left_grid_info p {
                font-size: 15px !important;
            }
        }