.pageblock_responsive_table .table-block {
    margin-bottom: 0;
}
.pageblock_responsive_table .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    border: 1px solid rgb(128, 128, 128);
    background: rgb(29, 29, 29);
    width: 100%;
    padding: 0;
    margin: 0;
    color: #ffffff;
    height: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pageblock_responsive_table > div > div span {
    height: 73px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.pageblock_responsive_table .items-table .header-table .col, .pageblock_responsive_table .items-table .item-table .col {
    border-bottom: 1px solid rgb(128, 128, 128);
    border-left: 1px solid rgb(128, 128, 128);
}
.pageblock_responsive_table .items-table .header-table .last, .pageblock_responsive_table .items-table .item-table .last {
    border-right: 1px solid rgb(128, 128, 128);
}
.pageblock_responsive_table .items-table .item-table .button span {
    padding: 5px;
}
.pageblock_responsive_table .items-table .item-table .btn-table {
    width: 100%;
    height: 100%;
    border: 2px solid rgb(169, 169, 169);
    border-radius: 4px;
    background: rgb(169, 169, 169);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    color: #ffffff;
    transition: all 0.3s;
}
.pageblock_responsive_table .items-table .item-table .btn-table:hover {
    border: 2px solid rgb(255, 105, 0);
    background: rgb(255, 105, 0);
    transition: all 0.3s;
}
.pageblock_responsive_table .items-table .item-table {
    background-color: #ffffff;
    transition: all 0.3s;
}
.pageblock_responsive_table .items-table .item-table:hover {
    background: rgb(241, 241, 241);
    transition: all 0.3s;
}
.pageblock_responsive_table .block-image img{
    margin: auto;
    max-width: 300px;
}
.pageblock_responsive_table .block-image {
    height: 100%;
    display: flex;
}
.pageblock_responsive_table .block-image-border {
    border-right: 1px solid rgb(128, 128, 128);
    border-bottom: 1px solid rgb(128, 128, 128);
}

.pageblock_responsive_table .header-table div span {
    margin: auto;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 300px;
}

@media (max-width: 1199.98px) {
    .pageblock_responsive_table .title {
        max-width: 100%;
    }
    .pageblock_responsive_table .block-image-border {
        padding: 24px;
        border-left: 1px solid rgb(128, 128, 128);
    }
    .pageblock_responsive_table .items-table .item-table .button span {
        padding: 5px;
    }
    .pageblock_responsive_table .items-table .item-table .btn-table {
        border-radius: 0;
        background: rgb(255, 105, 0);
        border: 2px solid rgb(255, 105, 0);
        width: fit-content;
        padding: 0 10px;
    }
    .pageblock_responsive_table > div > div span {
        padding: 10px;
    }
    .pageblock_responsive_table .item-table span {
        height: 44px;
    }
}
@media (max-width: 768px) {
    .pageblock_responsive_table .table-block {
        padding-left: 0!important;
        padding-right: 0!important;
    }
}

@media (max-width: 565px) {
    .pageblock_responsive_table .block-image img {
        width: 100%;
    }
    .pageblock_responsive_table .header-table span {
        font-size: 12px;
        line-height: 100%;
        padding: 5px;
    }
}


