@media (max-width: 991px) {
      :root { --section-padding: 60px; }
      .visible-xs { display: block !important; }
      .hidden-xs { display: none !important; }
      .header-container { padding: 10px 0; }
      .navbar-brand img { margin: 0 15px; }
      .hero { height: 70vh; }
      .hero .item { height: 70vh; }
      .hero-content h1 { font-size: clamp(28px, 5vw, 40px); }
      .hero-content p { font-size: 16px; }
      .search-bar { width: 100%; padding: 12px 20px; }
      .play-btn { width: 50px; height: 50px; font-size: 20px; bottom: 30px; right: 30px; }
      
      .section-title { font-size: clamp(20px, 4vw, 36px); }
      .section-subtitle { font-size: 16px; }
      
      .info-section .content-section { padding: 15px 8px; }
      .main-title { font-size: clamp(24px, 4vw, 32px); }
      .about-info {
        flex-direction: column;
        align-items: center;
        gap: 25px;
      }
      .tripadvisor-box, .box_info {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 5px;
      }
      .image-container img { margin-bottom: 25px; }

      .card-meta-info { flex-wrap: wrap; }
      .meta-item { min-width: 45%; }
      
      .adventure-nav-list { display: grid; gap: 5px; }
      .adventure-nav-item:not(:last-child)::after { display: none; }
      
      .clouds { display: none; }
      
      .footer-contact-item { justify-content: flex-start; margin-bottom: 20px; }
      .footer-main { padding: 40px 0; }
    }

    @media (max-width: 576px) {
      .section {padding: 10px 15px; }
      .hero-content h1 { font-size: clamp(24px, 4vw, 32px); }
      .destination-header { font-size: 1.1rem; }
      .destination-details p { font-size: 13px; }
      .list-group-item { font-size: 13px; }
      .quote-box { font-size: 14px; padding: 20px; }
      .feature-box { margin: 8px 0;padding: 8px 0; }

      .small_blogs { display: grid; }
      
      .card-content-wrapper { padding: 20px; }
      .card-title { font-size: 1.25rem; }
      .card-actions { flex-direction: column; }
      .card-meta-info {
        flex-direction: column;
        gap: 15px;
      }
      .meta-item { align-items: center; }

      .footer-bottom { text-align: center; }
      .footer-bottom-links {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 15px;
      }
      .footer-bottom-links a { margin: 0 10px 10px; }
    }