.checkout-breadcrumb {
    position: relative;
    width: 100%;
}

.checkout-step {
    display: block;
    float: left;
    background-color: #ccc;
    border-bottom: solid 2px #999;
    color: #444;
    font-size:12px;
    width: 24.3%;
    text-align: center;
    margin-right: 2px;
}

.checkout-step.active {
    border-bottom: solid 2px #4f0;
}

/* Mobile Landscape */
@media only screen and (min-width: 480px) {

}

/* Tablet Portrait */
@media only screen and (min-width: 768px) {

    .checkout-step {
        width: 20%
    }
}

/* Tablet Landscape / Desktop */
@media only screen and (min-width: 1024px) {

}