/* 4. MOBİL GÖRÜNÜM (767px ve altı) */
        @media (max-width: 767px) { 
            
            /* Ana Büyük Afiş Düzeltmesi */
            .banner-big {
                height: 210px !important; 
                min-height: 210px !important; 
                padding: 0 !important; 
                background-size: cover !important; 
            }
            
            .banner-hero.banner-1 .banner-small {
                height: 160px !important;      /* 238px olan değeri 150px'e düşürdük */
                min-height: 150px !important;  
                padding-top: 15px !important; 
                background-size: 100% auto !important; 
                background-position: bottom center !important; 
            }
            
            .banner-hero.banner-1 .banner-small h4 {
                font-size: 15px !important;
                margin-bottom: 5px !important;
                line-height: 1.2 !important;
            }
            .banner-hero.banner-1 .banner-small span {
                font-size: 12px !important;
            }
        }

        /* 1. MASAÜSTÜ GÖRÜNÜM (992px ve Üzeri Ekranlar) */
    @media (min-width: 992px) {
        /* Ana büyük afişi sağdaki kutularla aynı hizaya uzatıyoruz */
        .banner-hero.banner-1 .banner-big {
            min-height: 480px !important; /* Sağdaki alanla tam hiza için */
            /*height: 100% !important;*/
            
            /* İŞTE BURASI: Resmin kırpılmasını önler, kutuya tam esnetir */
            background-size: 100% 100% !important; 
            background-position: center !important;
            background-repeat: no-repeat !important;
        }

        /* Slider noktalarını boşluktan alıp resmin içine yerleştiriyoruz */
        .swiper-group-1 {
            padding-bottom: 0 !important;
        }
        .swiper-pagination-1 {
            position: absolute !important;
            bottom: 25px !important;
            left: 0;
            width: 100%;
            z-index: 10;
        }
    }

    /* 2. TABLET GÖRÜNÜMÜ (768px - 991px arası) */
    @media (max-width: 991px) { 
        .banner-big {
            min-height: 350px !important; 
            background-size: cover !important;
            background-position: center center !important;
        }
        .banner-small {
            min-height: 220px !important; 
            background-size: cover !important;
            background-position: center center !important;
        }
    }

    /* 3. MOBİL GÖRÜNÜM (767px ve altı) */
    @media (max-width: 767px) { 
        /* Ana Büyük Afiş Düzeltmesi */
        .banner-big {
            height: 210px !important; 
            min-height: 210px !important; 
            padding: 0 !important; 
            background-size: cover !important; 
            background-position: center center !important;
        }
        
        /* 4'lü Küçük Afiş Düzeltmesi */
        .banner-hero.banner-1 .banner-small {
            height: 150px !important; /* Temadaki 238px'i ezdiğimiz değer */
            min-height: 150px !important;  
            padding-top: 15px !important; 
            background-size: 100% auto !important; 
            background-position: bottom center !important; 
        }
        
        /* Mobilde yan afiş yazıları çok büyük kalmasın diye ufaltıyoruz */
        .banner-hero.banner-1 .banner-small h4 {
            font-size: 15px !important;
            margin-bottom: 5px !important;
            line-height: 1.2 !important;
        }
        .banner-hero.banner-1 .banner-small span {
            font-size: 12px !important;
        }
    }