@media (min-width: 1280px) {
    #bannerTitle{
        width: 26vw !important;
    }
}

/* 大筆電 */
@media (max-width: 1600px) {
    
}

/* 筆電 */
@media (max-width: 1440px) and (min-width: 991px) {

}

/* 大橫式平板(例: iPad Pro/Air) */
@media (max-width: 1200px) and (min-width: 992px) {

}

/* 平板（<=992px） */
@media (max-width: 992px) {

}

/* 小平板或大手機（<=768px） */
@media only screen and (max-width: 768px) {
    .banner{
        padding-top: 3.4rem !important;
    }

    .div_mobile_img{
        height: clamp(510px, 32rem, 999px);
        background-position: right !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        padding: 0;
    }

    /* Contact Us Banner 手機版特殊布局 - 文字在下方 */
    #banner_company_contactUs .row {
        flex-direction: column;
    }
    
    #banner_company_contactUs .col-lg-5 {
        margin-top: -11rem;
        order: 2; /* 文字區塊移到下方 */
        width: 100%;
        padding: 0rem 5vw 2rem 5vw;
        text-align: center !important;
    }
    
    #banner_company_contactUs .col-lg-7 {
        order: 1; /* 圖片區塊移到上方 */
        width: 100%;
    }
    
    #banner_company_contactUs #bannerTitle {
        color: #000000; /* 改為黑色文字 */
        font-size: clamp(28px, 7vw, 2.5rem);
        margin-bottom: 1rem;
    }
    
    #banner_company_contactUs #bannerContent {
        color: #000000; /* 改為黑色文字 */
        font-size: clamp(18px, 1.125rem, 999px);
        margin-bottom: 2rem;
    }

    /* 在移動裝置必須隱藏則加上此Class */
    .hide_on_mobile{
        display: none !important;
    }

    .hide_on_desktop{
        display: block !important;
    }
}

/* 小型手機（<=576px） */
@media (max-width: 576px) {

}