/* 大筆電 */
@media (max-width: 1600px) {
    .image-showcase{
        /* width: 170%; */
        margin-top: 5rem;
    }

    .integration-points-sidebar{
        padding-left: 7vw;
    }

    .point-two-mask {
        left: -3%;
        top: 77%;
        width: 20%;
        height: 5.5%;
    }

    .point-three-mask {
        left: 17%;
        top: 77.5%;
        width: 32%;
        height: 5%;
    }

    .point-four-mask {
        top: 77.5%;
        height: 5.5%;
    }
}

/* 筆電 */
@media (max-width: 1440px) and (min-width: 991px) {
    .feature-title{
        padding-right: 1rem;
    }

    .background-image{
        width: 175%;
    }

    .image-showcase{
        margin-top: 7rem;
        margin-bottom: 2rem;
    }

    .point-one-mask {
        left: 9.5%;
        width: 80%;
    }

    .point-two-mask {
        left: -1%;
        width: 21%;
        height: 5.5%;
    }

    .point-three-mask {
        left: 18%;
        top: 77%;
        width: 31%;
        height: 5.5%;
    }

    .point-four-mask {
        left: 64%;
        top: 77.5%;
        width: 35%;
        height: 5.5%;
    }
}

/* 大橫式平板(例: 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/computerPeripherals/peripheral_banner_mobile.jpg");
    }

    .visual-container{
        overflow-y: hidden;
    }

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

    .image-showcase{
        margin-top: -1rem;
        margin-bottom: 2rem;
    }

    .background-image{
        width: 150%;
    }

    .point-one-mask {
        left: 13%;
        top: 20%;
        width: 73%;
        height: 52%;
    }

    .point-two-mask {
        left: 1%;
        top: 76%;
    }

    .point-three-mask {
        left: 22%;
        top: 75.5%;
        width: 30%;
    }

    .point-four-mask {
        left: 63%;
        top: 76%;
        height: 5%;
    }

    #num2{
        top: 0%;
    }

    #num3{
        left: 48%;
        top: 0%;
    }

    #num4{
        top: 0%;
    }
}

/* 小型手機（<=576px） */
@media (max-width: 576px) {
    .image-showcase{
        margin-top: 6rem;
        margin-bottom: 6.5rem;
    }

    .point-one-mask {
        left: 13%;
        top: 19%;
        width: 73%;
        height: 53%;
    }

    .point-two-mask {
        left: 2%;
        top: 75%;
        width: 20%;
        height: 5.5%;
    }

    .point-three-mask {
        left: 23%;
        top: 75.5%;
        width: 31%;
        height: 4.75%;
    }

    .point-four-mask {
        left: 65.5%;
        top: 76.5%;
        width: 26%;
        height: 4%;
    }

    #num1{
        left: 46%;
        top: 44%;
    }

    #num2{
        left: 25%;
        top: -15%;
    }

    #num3{
        left: 44%;
        top: -30%;
    }

    #num4{
        left: 33%;
        top: -47.5%
    }

    .visual-container {
        overflow-y: unset;
    }
}