@mixin clearfix {
    *zoom: 1;
    &:before,
    &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
}
%clearfix{
    @include clearfix;
}



@mixin inline-block($valign:middle) {
    display: inline-block;
    vertical-align: $valign;
    *vertical-align: $valign;
    *display: inline;
    *zoom:1;    
}
%inline-block{
    @include inline-block;
}