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

/* 大筆電 */
@media (max-width: 1600px) {
    .integration-points-sidebar {
        padding-left: 8rem;
    }
}

/* 筆電 */
@media (max-width: 1440px) and (min-width: 991px) {
    .integration-points-sidebar {
        padding-left: 5.5rem;
    }

    .background-image{
        width: 120%;
    }

    .image-showcase{
        margin-top: 14rem;
    }

    .point-one-mask {
        left: 7%;
        top: 43%;
    }

    .point-two-mask {
        left: 15.2%;
        top: 38%;
    }

    .point-three-mask {
        left: 48%;
        top: 11.5%;
        width: 40.5%;
        height: 25%;
    }

    .point-four-mask {
        left: 35%;
        top: 47%;
        width: 48%;
        height: 14%;
    }

    .point-five-mask {
        left: 61%;
        top: 36.5%;
        width: 16%;
        height: 4.5%;
    }

    #num5 {
        left: 33%;
        top: 1%;
    }
}

/* 大橫式平板(例: iPad Pro/Air) */
@media (max-width: 1200px) and (min-width: 992px) {
    .text-content-column {
        width: 30%;
    }

    .visual-content-column {
        width: 40%;
    }

    .integration-points-sidebar {
        padding-left: 5rem !important;
        width: 30%;
    }

    .image-showcase{
        margin-top: 14rem;
    }
}

/* 平板（<=992px） */
@media (max-width: 992px) {
    .info_title{
        margin-top: 0;
    }
}

/* 小平板或大手機（<=768px） */
@media only screen and (max-width: 768px) {
    .div_mobile_img{
        background: url("/images/application/medTech/medTech_banner_mobile.jpg");
        height: clamp(300px, 18.75rem, 999px);
    }

    .image-showcase{
        margin-top: 5rem;
        margin-bottom: 15rem;
    }

    .background-image{
        height: auto;
        width: 110%;
        object-fit: cover;
    }

    .point-one-mask {
        left: 3%;
        top: 50%;
        width: 9%;
        height: 14%;
    }
    .point-two-mask {
        left: 18%;
        top: 42.5%;
        width: 11%;
        height: 15%;
    }
    .point-three-mask {
        left: 41%;
        top: 6.5%;
        width: 53%;
        height: 31%;
    }
    .point-four-mask {
        left: 31%;
        top: 61%;
        width: 71%;
        height: 18%;
    }
    .point-five-mask {
        left: 56%;
        top: 39%;
        width: 24%;
        height: 6%;
    }

    .span_num img{
        max-width: 35px !important;
        max-height: 35px !important;
    }
    #num1{
        left: 7%;
        top: -19%;
        width: 35px;
    }
    #num2{
        left: 26%;
        top: 28%;
        width: 35px;
    }
    #num3{
        width: 35px;
    }
    #num4{
        left: 87%;
        top: 7%;
        width: 35px;
    }
    #num5{
        width: 35px;
    }
}

/* 小型手機（<=576px） */
@media (max-width: 576px) {
    .visual-container{
        overflow: hidden;
    }

    .image-showcase{
        margin-top: 3rem;
        margin-bottom: 10rem;
    }

    .background-image{
        height: auto;
        width: 113%;
        object-fit: cover;
    }

    .point-one-mask {
        left: 2.5%;
        top: 50.5%;
        width: 9%;
        height: 15%;
    }
    .point-two-mask {
        left: 17.5%;
        top: 43%;
        width: 12%;
        height: 16%;
    }
    .point-three-mask {
        left: 41%;
        top: 7%;
        width: 53.5%;
        height: 31%;
    }
    .point-four-mask {
        left: 30%;
        top: 60%;
        width: 72%;
        height: 21%;
    }
    .point-five-mask {
        left: 55%;
        top: 39%;
        width: 27%;
        height: 7%;
    }
    
    #num1{
        left: -16%;
        top: -32%;
        width: 32px;
    }
    #num2{
        left: 8%;
        top: 13%;
        width: 32px;
    }
    #num3{
        left: 43%;
        top: 35%;
        width: 32px;
    }
    #num4{
        left: 80%;
        top: 12%;
        width: 32px;
    }
    #num5{
        left: 32%;
        top: 5%;
        width: 32px;
    }
}