.table tr {
    height: 56px;
    }
    
    .table tr .center {
        text-align: center;
    }
    
    .table tr td{
        padding: 0px 8px;
    }

    .table .dark{
        background: #f8f8f8;
    }

    .table .light{
        background: #ffffff;
    }

    .table .header {
        font-size: 13px;
        font-weight: 600;
        color: #5e6569;
    }
    
    .table .content {
        font-size: 13px;
        font-weight: 400;
        color: #2d3134;
    }
    
    .table .fancy-check .outer {
        margin: 0 auto;
    }
    
@media screen and (min-width: 0px) and (max-width: 800px) { 
    
    .table .header {
        font-size: 11px;
    }
    
    .table .content {
        font-size: 11px;
    }
}

@media screen and (min-width: 0px) and (max-width: 640px) { 
    
    .table .header {
        font-size: 10px;
    }
    
    .table .content {
        font-size: 10px;
    }
    
}

@media screen and (min-width: 0px) and (max-width: 470px) { 
    
    .table tr td {
        padding: 0px 5px;
    }
    
}