/* About Section Responsive Fix - Basé sur Restoria-1-Minimal-Hero */

/* Cacher certaines images sur mobile comme dans le template original */
@media (max-width: 768px) {
    .about-section .abt-image1,
    .about-section .abt-image3 {
        display: none !important;
    }
    
    .about-section .floating-images {
        height: auto;
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }
    
    .about-section .floating-images > div {
        position: relative;
    }
    
    .about-section .abt-image2 {
        width: auto;
    }
    
    .about-section .abt-image2 img {
        margin: 0 auto;
    }
    
    .about-section {
        padding-bottom: 0;
    }
    .inner-banner .inner .sub_text
	{
		padding: 0px;
		
	}
    .title-box h2{
        font-size  : 2rem;
    }
    .story-section .text-col .inner{
        padding: 0px;
    }
    
    .story-section .booking-info{
        display: inline-block !important;
        text-align: center !important;
        margin: 0 auto !important;
        width: 100% !important;
    }

    /* Fix pour bk-title et link-box sur mobile */
    .bk-title {
        display: block !important;
        width: 100% !important;
        margin-bottom: 15px;
    }
    
    .link-box {
        display: block !important;
        width: 100% !important;
        margin-top: 15px;
        margin-bottom: 45px;
    }
    
    /* Amélioration du footer en mobile */
    .main-footer .upper-section {
        padding: 40px 0 !important;
    }
    
    .main-footer .footer-col {
        margin-bottom: 30px !important;
    }
    
    .main-footer .contact-form {
        margin-top: 20px !important;
    }
    
    .main-footer .contact-form h4 {
        font-size: 1.5rem !important;
        margin-bottom: 15px !important;
    }
    
    .main-footer .contact-form .text {
        font-size: 0.9rem !important;
        margin-bottom: 20px !important;
    }
    
    .main-footer .contact-form .form-group {
        margin-bottom: 15px !important;
    }
    
    .main-footer .contact-form input,
    .main-footer .contact-form textarea {
        font-size: 14px !important;
        padding: 12px 38px !important;
    }
    
    .main-footer .footer-image {
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    
    .main-footer .footer-image img {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 8px !important;
    }
    
    /* Bottom footer mobile */
    .bottom_footer {
        padding: 20px 0 !important;
        text-align: center !important;
    }
    
    .bottom_footer .col-lg-3,
    .bottom_footer .col-md-3,
    .bottom_footer .col-sm-12 {
        margin-bottom: 15px !important;
        width: 100% !important;
    }
    
    .bottom_footer .footer-links {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 15px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .bottom_footer .footer-links li {
        display: inline-block !important;
        margin: 0 !important;
    }
    
    .bottom_footer .social_media {
        display: flex !important;
        justify-content: center !important;
        gap: 15px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .bottom_footer .social_media li {
        display: inline-block !important;
        margin: 0 !important;
    }
    
    .bottom_footer .social_media a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border-radius: 50% !important;
        transition: all 0.3s ease !important;
    }
    
    .bottom_footer .social_media a:hover {
        background: rgba(255, 255, 255, 0.2) !important;
        transform: translateY(-2px) !important;
    }
}

/* Ajustements pour tablettes */
@media (max-width: 991px) and (min-width: 769px) {
    .about-section .abt-image3 {
        width: 300px;
    }
    
    .about-section .abt-image3 img {
        border-radius: 60px 0 60px 0;
    }
    
    .about-section .abt-image1 {
        width: 250px;
    }
    
    .about-section .abt-image2 {
        width: 350px;
    }
    
    .about-section .abt-image2 img {
        border-radius: 0 60px 0 60px;
    }
    
    .about-section .floating-images {
        height: 100px; 
    }
}

/* Ajustements pour écrans moyens */
@media (max-width: 1199px) and (min-width: 992px) {
    .about-section .abt-image3 {
        width: 350px;
    }
}