/* Section, slider ve slider-item yapılarını tam ekran kapsayacak şekilde ayarlar */
.flat-row, .flat-slider, .slider, .slider-item {
    width: 100vw; /* Ekranın tüm genişliğini kaplar */
    height: 100vh; /* Ekranın tüm yüksekliğini kaplar */
    overflow: hidden; /* Taşmaları gizler */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Resimleri istenen ölçüye göre boyutlandır */
.img-resize {
    width: 100vw; /* Ekran genişliğini tamamen kaplar */
    height: 100vh; /* Ekran yüksekliğini tamamen kaplar */
    object-fit: cover; /* Görüntüyü oranını koruyarak kırpar */
    display: block;
}

/* Masaüstü ekranlar için 1720x500 çözünürlüğe göre optimize et */
@media (min-width: 1200px) {
    .img-resize {
        width: 1720px;
        height: 500px;
    }
}

/* Orta boy ekranlar (tabletler) için */
@media (min-width: 768px) and (max-width: 1199px) {
    .img-resize {
        width: 100vw;
        height: auto;
        object-fit: cover;
    }
}

/* Küçük ekranlar (mobil) için 400x827 çözünürlüğe göre optimize et */
@media (max-width: 767px) {
    .img-resize {
        width: 400px;
        height: 827px;
        object-fit: cover;
    }
}