.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after, #wizard{
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

form.checkout{
    display:none;
}

.error-msg{
     color: #8a1f11;
}

label.error-class{
    color: #8a1f11 !important;
    display: block;
}

#s2id_billing_state.invalid-state, #s2id_shipping_state.invalid-state{
    border: 1px solid #a00 !important;
}

@media(max-width: 767px){
.wizard.three-steps > .steps > ul > li {
    width: 100%;
}

.actions.clearfix li {
    clear: none !important;
    display: inline-block;
    float: left;
}
}