/* Küçük ekranlar için logo boyutunu ayarla */
@media (max-width: 768px) {
    #preloader img {
        max-width: 80%;
    }

    #contact img {
        max-width: 100%;
        max-height: 75px;
    }

    .hero-section {
        background-position: 55% 45%;;
    }
}

@media (min-width: 992px) {

    /* Duyarlı tasarım - Kart gösterimini ayarlama */
    .card-container {
        width: calc(100% / 3);
    }

    #preloader {
        /* Logonun orijinal boyutunu koru */
        background-size: auto;
        /* İsteğe bağlı: Minimum bir boyut belirleyebilirsin */
        /* background-size: 300px auto;  */
    }

}

@media (min-width: 768px) and (max-width: 991.98px) {
    .card-container {
        width: calc(100% / 2);
    }
}

@media (max-width: 767.98px) {
    .card-container {
        width: 100%;
    }
}