.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: #e2401c !important;
    display: block;
}

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

.wizard > .content > .body input[type="radio"]{
    display: inline-block
}

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

    .actions.clearfix li {
        clear: none !important;
        display: inline-block;
        float: left;
    }
    #wizard .steps ul li{
        width: 100% !important;
        
    }
}

/**************************/
@media (max-width: 568px){
	.single-product div.product {
		overflow-x: scroll !important;
	}
	.col-full {
	    margin-left: 0px;
	    margin-right: 0px;
	}
}