@media screen and (max-width: 560px) {
    .section-top img {
        height: 260px;
    }
    .section-top .h1 {
        font-size: 28px;
    }
    .section-top .p1,
    .section-top .p2 {
        font-size: 12px;
    }
    .step {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 8px;
    }
    .step-item {
        flex: 0 0 96px;
        width: 96px;
        font-size: 11px;
        margin-right: 24px;
    }
    .category .item {
        width: calc(50% - 6px);
    }
    .list {
        padding: 16px;
    }
    .list-item,
    .thirdlist-item,
    .list-item.edit {
        width: calc(50% - 8px);
    }
    .item__text .name,
    .thirdlist-item .name {
        font-size: 12px;
    }
    .slick-prev {
        left: -8px;
    }
    .slick-next {
        right: -8px;
    }
}