.home-pro {
    background-image: url(../../../Design/img/new-bg-pro_03.png);
    background-size: cover;
    background-repeat: no-repeat;
}

    .home-pro .p-pro-cate {
        margin-bottom: 0;
        padding-bottom: 32px;
    }



.home-pro-container {
    padding: 77px 0;
    padding-bottom: 0;
}



.home-pro .content {
    margin-top: calc(60px - 13px);
}

.home-pro .btn-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 41px;
}

    .home-pro .btn-more a {
        font-size: 19px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #6f6f6f;
        background-color: #ffffff;
        border-radius: 8px;
        padding: 19px 48px;
        border: 1px solid #c2c2c2;
        line-height: 100%;
        -webkit-transition: all linear .3s;
        -o-transition: all linear .3s;
        transition: all linear .3s;
    }

        .home-pro .btn-more a:hover {
            background-color: var(--default-color-1);
            color: #fff;
            border-color: var(--default-color-1);
        }

.home-pro .list-pro {
}

    .home-pro .list-pro .col {
        padding: 0 calc(16px / 2);
    }



@media(max-width:1023px) {
    .home-pro .p-pro-cate {
        padding-bottom: 0;
    }
}

@media(min-width:740px) and (max-width:1023px) {
   
}

@media(max-width:739px) {
   
}