/* Logo 響應式設計 */
.responsive-logo {
    /* display: flex; */
    align-items: left;
    justify-content: center;
}

.responsive-logo img {
    max-width: 100%;
    height: auto;
    min-width: 300px; /* 設置最小寬度，防止過度縮小 */
}

/* 超小型設備（手機，540px 以下） */
@media (max-width: 539.98px) {
    .responsive-logo img {
        /* min-width: 240px; */
        width: 75%;
        max-height: 35px;
        object-fit: contain;
    }

    /* .logo_container {
        padding: 5px 0;
    } */
}

/* 超小型設備（手機，659px 以下） */
@media (min-width: 540px) and (max-width: 659.98px) {
    .responsive-logo img {
        /* min-width: 240px; */
        width: 80%;
        max-height: 35px;
        object-fit: contain;
    }

    /* .logo_container {
        padding: 5px 0;
    } */
}

/* 小型設備（手機，768px 以下） */
@media (min-width: 660px) and (max-width: 767.98px) {
    .responsive-logo img {
        /* min-width: 240px; */
        width: 90%;
        max-height: 40px;
        object-fit: contain;
    }

    /* .logo_container {
        padding: 5px 0;
    } */
}

/* 中型設備（平板，768px 到 991.98px） */
@media (min-width: 768px) and (max-width: 991.98px) {
    .responsive-logo img {
        /* min-width: 320px; */
        width: 95%;
        max-height: 40px;
        object-fit: contain;
    }
}

/* 大型設備（桌面，992px 以上） */
@media (min-width: 992px) {
    .responsive-logo img {
        min-width: 360px;
        max-height: 40px;
        object-fit: contain;
    }
}