/* ============================================================
   DEMO.CSS - SLIDER YÜKSEKLİK VE ORİJİNAL ARKA PLANLAR
   ============================================================ */

.client-slideshow { min-height: 40px }

/* MOBİL (767px ve altı) - custom-slider.css ile uyumlu 480px */
.carousel-contrast,
.carousel-contrast .item { height: 500px }

/* TABLET (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) { 
    .carousel-contrast,
    .carousel-contrast .item { height: 500px }
}

/* MASAÜSTÜ (992px - 1599px) - custom-slider.css ile uyumlu 680px */
@media (min-width: 992px) and (max-width: 1599px) { 
    .carousel-contrast,
    .carousel-contrast .item { height: 550px }
}

/* GENİŞ EKRANLAR (1600px ve üzeri) - custom-slider.css ile uyumlu 750px */
@media (min-width: 1600px) { 
    .carousel-contrast,
    .carousel-contrast .item { height: 600px }
}



/* ------------------------------------------------------------
   Diğer Carousel Tipleri
   ------------------------------------------------------------ */
.carousel-blur,
.carousel-image,
.carousel-blur .item,
.carousel-image .item { height: 388px }

@media (min-width: 768px) and (max-width: 991px) { 
    .carousel-blur,
    .carousel-image,
    .carousel-blur .item,
    .carousel-image .item { height: 393px }
}

@media (min-width: 992px) { 
    .carousel-blur,
    .carousel-image,
    .carousel-blur .item,
    .carousel-image .item { height: 437px }
}