/* Section, slider ve slider-item yapılarını tam ekran kapsayacak şekilde ayarlar */
p{
    overflow-wrap: break-word;
}
.flat-row, .flat-slider, .slider, .slider-item {
    width: 100vw; /* Ekranın tüm genişliğ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 */
    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: 100vw;
    }
}

/* Orta boy ekranlar (tabletler) için */
@media (min-width: 768px) and (max-width: 1199px) {
    .img-resize {
        width: 100vw;
        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: 100vw;
        object-fit: cover;
    }
}