@media screen and (max-width: 768px) {
    .home {
        background: #fff url(../../images/services_mobile_bg1.png) 0 0 no-repeat;
        background-size: cover;
        height: auto;
    }
    .home-mask {
        margin-top: 60px;
        height: 90vw;
    }
    .bg2 {
        height: 100vw;
    }
    .bg3 {
        height: 150vw;
    }
    .bg2-desc p {
        font-size: 5.5vw;
        line-height: 11.5vw;
    }
    .bg2-desc-mask {
        display: none;
    }
    .bg3-right {
        display: none;
    }
    .bg3-left {
        position: relative;
        top: 16%;
        left: 9%;
        color: #fff;
        font-weight: 600;
    }
    .bg3-desc-title {
        font-size: 4.417vw;
        letter-spacing: 8px;
    }
    .bg3-desc-subtitle {
        font-size: 3.101vw;
        letter-spacing: 1px;
    }
    .bg3-desc-content {
        width: 70%;
    }
    .bg3-desc-content p {
        font-size: 2.8vw;
    }
    .bg3-bottom {
        display: flex;
        justify-content: space-around;
        position: relative;
        top: 100px;
    }
    .dot.active {
        width: 3.735vw;
        height: 3.735vw;
    }
    .dot {
        width: 2.525vw;
        height: 2.525vw;
        margin-left: 50%;
        position: static;
    }
    .item {
        position: static;
    }
    .item a {
        font-size: 3.213vw;
        letter-spacing: 1px;
        line-height: 6.213vw
    }
    .item.active {
        color: #fff;
        font-size: 1.213vw;
        line-height: 6.213vw
    }
}