.circle-Pro1 {
    color: #B01D03;
    margin: 9px 10px;
}
.circle-Pro2 {
    margin: 9px 10px;
    color: #F5F5F5;
}
.circle-Pro3 {
    margin: 9px 10px;
    color: #F5F5F5;
}
.circle-Pro4 {
    margin: 9px 10px;
    color: #F5F5F5;
}
.circle-Ord1 {
    color: #B01D03;
    margin: 9px 10px;
}
.circle-Ord2 {
    color: #B01D03;
    margin: 9px 10px;
}
.circle-Ord3 {
    margin: 9px 10px;
    color: #CDCDCD;
}
.circle-Ord4 {
    margin: 9px 10px;
    color: #CDCDCD;
}
.circle-Car1 {
    color: #B01D03;
    margin: 9px 10px;
}
.circle-Car2 {
    color: #B01D03;
    margin: 9px 10px;
}
.circle-Car3 {
    color: #B01D03;
    margin: 9px 10px;
}
.circle-Car4 {
    margin: 9px 10px;
    color: #CDCDCD;
}
.circle-Res1 {
    color: #B01D03;
    margin: 9px 10px;
}
.circle-Res2 {
    color: #B01D03;
    margin: 9px 10px;
}
.circle-Res3 {
    color: #B01D03;
    margin: 9px 10px;
}
.circle-Res4 {
    color: #B01D03;
    margin: 9px 10px;
}
.pro-text {
    font-size: 14px;
    font-weight: bold;
    display: inline;
}
.pt-dsbl {
    color: #F5F5F5;
}
@media only screen and (min-width: 319px) and (max-width: 480px) {
    .circle-Pro1{
        margin: 9px 11px;
    }
    .circle-Ord1{
        margin: 9px 11px;
    }
    .circle-Car1{
        margin: 9px 11px;
    }
    .circle-Res1{
        margin: 9px 11px;
    }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
    .circle-Pro1{
        margin: 9px 34px;
    }
    .circle-Ord1{
        margin: 9px 34px;
    }
    .circle-Car1{
        margin: 9px 34px;
    }
    .circle-Res1{
        margin: 9px 34px;
    }
}