#boardBox #listBox .plan-table {
    margin-top: 30px;
}

#boardBox #listBox .plan-table .table tr {
    counter-increment: count;
}
/* 
#boardBox #listBox .plan-table .table tr>td:first-child:before {
    content: counter(count) " ";
} */

#boardBox #listBox .plan-table .table tr>td:first-child,
#boardBox #listBox .plan-table .table tr>th:first-child {
    width: auto;
    color: var(--color-text);
    font-weight: 600;
    background-color: #fafafa;
    text-align: center  !important;
}

#boardBox #listBox .table td, #boardBox #listBox .table th{
    text-align: left ;
}
#boardBox #listBox .plan-table .table th{
    background-color: #fafafa;
}
#boardBox #listBox .plan-table .table th {
    text-align: center !important;
}

#boardBox #listBox .plan-table .table td {
    line-height: 1.7;
}

#boardBox #listBox .plan-table .table td b {
    color: var(--color-text);
}
#boardBox #listBox .plan-table .action-button>div {
    justify-content: center;
}
#boardBox #listBox .plan-table .action-button>div .btn {
    width: 100%;
    max-width: 200px;
    margin: 0 5px;
}
#boardBox #listBox .table td, #boardBox #listBox .table th {
    padding: 20px 30px;
}
/* Desktop ( 1024px ~)*/
@media all and (min-width:1024px) {}

/* Laptop ( 1024px ~ 1300px)*/
@media all and (min-width:1024px) and (max-width:1300px) {}

/* Tablet ( 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) {
    h1 {
        font-size: 38px;
    }
}

/* Moble ( ~ 767px)*/
@media all and (max-width:767px) {

    #boardBox #listBox .plan-table .table tr>td:first-child,
    #boardBox #listBox .plan-table .table tr>th:first-child {
        text-align: left !important;
    }

    #boardBox #listBox .plan-table .table td {
        padding: 15px 20px;
    }
}