/* Responsive Logo Styles */

/* Desktop - Large screens (default) */
.site-logo img {
    height: 84px !important;
    width: auto !important;
    max-width: 336px !important;
    object-fit: contain !important;
}

/* Tablet - Medium screens */
@media (max-width: 991px) {
    .site-logo img {
        height: 72px !important;
        max-width: 288px !important;
    }
}

/* Mobile - Small screens */
@media (max-width: 767px) {
    .site-logo img {
        height: 60px !important;
        max-width: 240px !important;
    }
}

/* Mobile - Extra small screens */
@media (max-width: 575px) {
    .site-logo img {
        height: 54px !important;
        max-width: 216px !important;
    }
}

/* Mobile - Very small screens */
@media (max-width: 400px) {
    .site-logo img {
        height: 48px !important;
        max-width: 192px !important;
    }
}