/* Responsive Design */
        @media (max-width: 1024px) {
            .main-container {
                grid-template-columns: 1fr;
                gap: 2rem;
                padding: 2rem 1rem;
                margin: 0px;
            }

            .left-column {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 1.5rem;
            }

            .article-title.featured {
                font-size: 2rem;
            }

            .nav {
                display: none;
            }

            .search-container {
                width: 150px;
            }
        }




@media (max-width: 768px) {
    .logo-icon{
    height:20px;
    width:auto;
}
.footer-logo{
    height:30px;
    width:auto;
}
  .live-label {
    font-size: 16px;
  }

  .play-btn {
    width: 50px;
    height: 50px;
    font-size: 22px;
  }

  .video-box {
    width: 70%;
    left: 15%;
    top: 20%;
  }
  .header-container {
                padding: 0 1rem;
            }

            .left-column {
                grid-template-columns: 1fr;
            }

            .article-title.featured {
                font-size: 1.8rem;
            }

            .article-title {
                font-size: 1.2rem;
            }

            .search-container {
                width: 120px;
            }
            .scroll-text {
            animation-duration: 40s;
            font-size: clamp(1.5rem, 4vw, 3rem);
            gap: 40px;
            }

            .business_section_start h2 {
            text-align: center;
             }

            .card-business h3 {
                font-size: 1.1rem;
            }

            .card-grid-business {
            gap: 24px;
            }
            .stats-header .main-title {
            font-size: 28px;
            }

            .stat-number {
             font-size: 48px;
             }

             .stat-label {
             font-size: 14px;
             }
             .grid-container{
                display: block;
             }
             .logo-left, .logo-right {
                font-size: 18px;
                padding: 8px 43px;
             }
             .newsletter-content h1 {
                font-size: 2rem;
             }
              .nav {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }

  .header-container {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .hamburger {
    display: flex;
  }

  .nav{
    display: none;
    flex-direction: column;
    width: 100%;
    background: #000;
  }

  .nav.show {
    display: flex;
  }

  .search-container {
    width: 100%;
    margin-top: 1rem;
    order: 2;
  }

  .header-container > .search-container {
    display: none; /* Hides header search on mobile */
  }
  .main-container {
                grid-template-columns: 1fr;
                gap: 2rem;
                padding: 2rem 1rem;
                margin: 0px;
            }
            .social-buttons{
                gap:10px
            }
            .sidebar{
                margin: 0px;
            }
            .card-grid-business {
                margin: 60px 18px 0px 20px;
            }
            .img-text-overlay {
                  width: 96%;
                    left: 6px
            }
            .newsletter-form button{
                margin-top: 20px
            }
            .economy-section{
                margin: 0px;
            }
            .publications-container {
                margin: 20px 14px ;
            }
            .publications-container h1{
                font-size: 37px;
            }
            .pub-card{
                margin-top: 20px;
            }
            .footer-nav {
                display: grid;
            }
            .social-buttons a{
                padding: 8px 20px;
            }
            .economy-section-cat {
                margin: 0px;
            }
            .detail-paragraph-section p{
                text-align: justify;
            }
            .detail-paragraph-section h3{
                font-size: 28px;
            }
            .newsletter-content-detail h3{
                font-size: 2.3rem;
            }
            .newsletter-form-detail button{
                margin-top: 26px;
            }


@media (min-width: 600px) {
  .newsletter-form {
    flex-direction: row;
    justify-content: center;
  }

  .newsletter-form input {
    border-radius: 6px 0 0 6px;
  }

  .newsletter-form button {
    border-radius: 0 6px 6px 0;
  }
}
}