@media (max-width: 768px) {

    .floor-1 .grid-cols-3-card-box {
        height: auto !important;
    }

    .floor-1 .grid-cols-3-card-box .head-box img {
        width: 40px;
        height: 40px;
    }

    .floor-1 .grid-cols-3-card-box .head-box .title {
        font-size: 20px;
    }

    .service-capacity-box .floor-2 .grid-cols-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .service-capacity-box .floor-2 .grid-cols-4 .card-box .img-box {
        height: auto;
    }

    .service-capacity-box .floor-2 .grid-cols-4 .card-box .content-box {
        padding: 16px 16px 24px 16px !important;
    }

    .service-capacity-box .floor-2 .grid-cols-4 .card-box .content-box .title {
        font-size: 20px;
    }

    .floor-3 .container-box .process-grid-box {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 16px;
    }

    .floor-3 .container-box .process-grid-box .process-box {
        padding: 16px;
    }

    .floor-3 .container-box .process-grid-box .process-box .step {
        width: 30px;
        height: 40px;
    }

    .floor-3 .container-box .process-grid-box .process-box .step-name {
        font-size: 20px;
    }

    .floor-3 .container-box .process-grid-box .process-box .desc-box {
        height: auto;
    }

    .service-capacity-box .floor-4 .grid-cols-3 .card-box .img-box {
        height: auto !important;
    }

    .service-capacity-box .floor-4 .grid-cols-3 .card-box .content-box {
        padding: 16px !important;
    }

    .service-capacity-box .floor-4 .grid-cols-3 .card-box .content-box .title {
        font-size: 20px;
    }

    .floor-box .floor-6 .grid-cols-3 .grid-cols-3-card-box {
        height: auto;
    }

    .floor-box .floor-6 .grid-cols-3 .grid-cols-3-card-box .grid-tit {
        font-size: 20px;
    }

    .floor-box .floor-6 .grid-cols-3 .grid-cols-3-card-box .grid-img-box img {
        width: 68px;
        height: 68px;
    }
}