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

    .visual-content-column{
        padding-left: 1vw;
    }
}

/* 筆電 */
@media (max-width: 1440px) and (min-width: 991px) {
    .content-container{
        padding-bottom: 4vw;
    }
}

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

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

/* 小平板或大手機（<=768px） */
@media only screen and (max-width: 768px) {
    .div_mobile_img{
        background: url("/images/application/communicationsNetwork/network_banner_moblie.jpg");
    }

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

    .background-image{
        width: 110%;
    }

    .point-one-mask {
        left: 18%;
        top: 49%;
        width: 26%;
        height: 17%;
    }
    .point-two-mask {
        left: -2%;
        top: 76%;
        width: 36%;
        height: 8%;
    }
    .point-three-mask {
        left: 60%;
        top: 52%;
        width: 28%;
        height: 13%;
    }

    .span_num img{
        max-width: 35px !important;
        max-height: 35px !important;
    }

    #num1{
        left: 44%;
        top: 31%;
        width: 39%;
    }
    #num2{
        left: 46%;
        top: 6%;
        width: 28%;
    }
    #num3{
        left: 43%;
        top: 26%;
        height: 87%;
    }
}

/* 小型手機（<=576px） */
@media (max-width: 576px) {
    #num1{
        left: 34%;
        top: 17%;
        width: 39%;
    }
    #num2{
        left: 39%;
        top: -18%;
        width: 28%;
    }
    #num3{
        left: 32%;
        top: 5%;
        height: 87%;
    }
}