.rank-number-mf-1, .rank-number-mf-2, .rank-number-mf-3, .rank-number-mf-4, .rank-number-mf-5, .rank-number-mf-6 {border-right: 6px solid #7cf77c;}
.rank-number-mf-7, .rank-number-mf-8, .rank-number-mf-9, .rank-number-mf-10, .rank-number-mf-11, .rank-number-mf-12 {border-right: 6px solid #ffff1c;}
.rank-number-mf-13, .rank-number-mf-14, .rank-number-mf-15, .rank-number-mf-16 {border-right: 6px solid #fc9797;}


@media (max-width: 767px) {
.rank-number-mf-1, .rank-number-mf-2, .rank-number-mf-3, .rank-number-mf-4, .rank-number-mf-5, .rank-number-mf-6, .rank-number-mf-7, .rank-number-mf-8, .rank-number-mf-9, .rank-number-mf-10, .rank-number-mf-11, .rank-number-mf-12, .rank-number-mf-13, .rank-number-mf-14, .rank-number-mf-15, .rank-number-mf-16 {border-right-width: 4px !important;}
}

@media (max-width: 222px) {
.rank-number-mf-1, .rank-number-mf-2, .rank-number-mf-3, .rank-number-mf-4, .rank-number-mf-5, .rank-number-mf-6, .rank-number-mf-7, .rank-number-mf-8, .rank-number-mf-9, .rank-number-mf-10, .rank-number-mf-11, .rank-number-mf-12, .rank-number-mf-13, .rank-number-mf-14, .rank-number-mf-15, .rank-number-mf-16 {border-right-width: 3px !important;}
}