.ballstep-pages{padding-bottom:20px;}
.step-table{padding:0;margin-bottom:8px;}
.step-table, .step-cols{border-color:#fff !important;}
.step-row{display:flex;}
.step-row.r-header .step-cols{
    background:#a3492b;color:#fff;font-family:"Kanit-medium",Tahoma,Arial;
    font-weight:normal;padding:4px 0;border-color:#fff !important;
}
.step-cols{
    width:17%;padding:6px 6px;text-align:center;background:#e6cbbf;
    border-left:1px solid;border-bottom:1px solid;font-family:"Kanit",Tahoma,Arial;
}
.step-cols:last-child{border-right:1px solid;}
.step-cols.step{width:7%;}
.step-cols.result{width:8%;}
.step-cols.result.values{font-family:"Kanit-medium",Tahoma,Arial;color:#a32b2b;}
.step-cols a{color:#111;}
.step-cols .bg-step{
    display:inline-block;vertical-align:middle;width:20px;height:20px;line-height:20px;
    background:#2ba32b;color:#fff;
    font-family:"Kanit-medium",Tahoma,Arial;font-weight:normal;font-size:0.8rem;
    border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;
}

@media screen and (min-width:550px) and (max-width:849px){
    .step-cols{font-size:0.8rem;padding:4px 4px;}
}

@media screen and (min-width:280px) and (max-width:549px){
    .step-row{flex-wrap:wrap;}
    .step-row.r-header .step-cols.result{display:none;}
    .step-cols{width:20%;padding:3px 3px;font-size:0.8rem;}
    .step-cols.step{width:100%;}
    .step-cols.result{width:100%;border-right:none;}
    .step-cols.result > span::before{content: 'สรุปผล : ';}
    .step-cols .bg-step{
        width:100%;height:auto;padding:0 20px;
        border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
    }
    .step-cols .bg-step::before{content: ' STEP ';}
    
}