/* Responsive adjustments */
    @media (max-width: 768px) {
      .header_v2 .page-width-inner {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
      }
      .header__left {
        width: 100%;
        justify-content: center;
        margin-bottom: 15px;
      }
      .logo {
        margin-left: 0;
      }
      .nav-top-2 {
        width: 100%;
        justify-content: center;
        display: none; /* Hidden by default, toggled by JS menu-btn */
        flex-direction: column;
        gap: 10px;
      }
      .menu-btn_v2 {
        display: block;
        position: absolute;
        left: 15px;
      }
      .nav-top-2.active {
        display: flex;
      }
      .form-block {
        flex-direction: column;
      }
      .r-box {
        width: 100%;
      }
      .submit {
        width: 100%;
      }
      .feature {
        flex-direction: column;
      }
      .f-nav-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      .f-nav-box-column {
        width: 100%;
        min-width: unset;
      }
      .lang-box {
        order: 1;
        margin-bottom: 30px;
      }
      .f-nav-box {
        order: 2;
      }
      .display-none-max-500 { display: none; }

      .video-card { /* Adjust video card for smaller screens */
          flex-direction: column;
          align-items: center;
          text-align: center;
      }
      .video-thumbnail {
          width: 100%;
          height: auto;
      }
    }
    @media (min-width: 769px) {
      .display-none-min-500 { display: none; }
    }
    @media (min-width: 768px) {
        .col-md-5 { grid-column: span 5; }
        .col-md-7 { grid-column: span 7; }
        .col-md-6 { grid-column: span 6; }
        .col-md-12 { grid-column: span 12; }
        .d-md-flex { display: flex !important; }
    }





  /* 12. Responsive (Mobile) */      
  @media (max-width: 768px) {
            h1 { font-size: 2.2rem; }
            h2 { font-size: 1.8rem; }
            h3 { font-size: 1.3rem; }

            .top-nav {
                display: none; /* Simplification for mobile */
            }

            .main-header .logo-text {
                font-size: 1.5rem;
            }

            .hero-twitter-logo {
                display: none;
            }

            .download-form {
                flex-direction: column;
                border: none;
                border-radius: 0;
            }

            .download-form input[type="text"] {
                border: 1px solid #ccc;
                border-radius: 5px;
                margin-bottom: 10px;
            }
            
            .download-form button {
                padding: 15px;
                border-radius: 5px;
            }
            
            .hero-features {
                flex-direction: column;
                gap: 15px;
            }

            .article-container {
                flex-direction: column;
            }
            
            /* Reverse order for the second article */
            .article-container.reverse {
                flex-direction: column-reverse;
            }

            .article-text h2 {
                text-align: center;
            }

            .steps-grid, .footer-grid {
                flex-direction: column;
            }

            .mobile-promo .container {
                flex-direction: column;
                text-align: center;
            }
            
            .mobile-promo-text h2 {
                text-align: center;
            }
            
            .mobile-promo-text ul {
                text-align: left;
                display: inline-block;
            }

            .extension-promo .container {
                flex-direction: column;
                gap: 20px;
                text-align: center;
            }
}