.responsive-logo {
    max-width: 100%;
    height: auto;
}

/* Ekran boyutlarına göre logo boyutlandırma */
@media (min-width: 1200px) {
    .responsive-logo {
        width: 500px; /* Büyük ekranlar için */
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .responsive-logo {
        width: 400px; /* Orta boy ekranlar için */
    }
}

@media (max-width: 767px) {
    .responsive-logo {
        width: 300px; /* Mobil ekranlar için */
    }
}

@media (max-width: 480px) {
    .responsive-logo {
        width: 250px; /* Çok küçük ekranlar için */
    }
}