.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.center,
%center {
    margin:0 auto;
}

.imgcenter,
%imgcenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.text-center,
%text-center {
    text-align:center;
}

.left,
%left {
    float:left;
}

.right,
%right {
    float:right;
}

.no-float,
%no-float {
    float:none;
}

.relative,
%relative {
    position:relative;
}

.absolute,
%absolute {
    position:absolute;
}

.fixed,
%fixed {
    position:fixed;
}

.width-33,
%width-33 {
    width:33.33%;
}

.width-50,
%width-50 {
    width:50%;
}

.width-66,
%width-66 {
    width:66.66%;
}

.width-100,
%width-100 {
    width:100%;
}

.overflow-hidden,
%overflow-hidden {
    overflow:hidden;
}

.overflow-visible,
%overflow-visible {
    overflow:visible;
}

.hidden,
%hidden {
    display:none;
}

.block,
%block {
    display:block;
}

.inline-block,
%inline-block {
    display:inline-block;
}

.inline,
%inline {
    display:inline;
}

.table,
%table {
    display:table;
}

.table-row,
%table-row {
    display:table-row;
}

.table-cell,
%table-cell {
    display:table-cell;
}

.middle,
%middle {
    vertical-align:middle;
}

.list-style-none,
%list-style-none {
    list-style:none;
    margin:0;
    padding:0;
}

%reset,
.reset {
    margin:0;
    padding:0;
}

.border,
%border {
    border:1px solid $border-color;
}

%border-top,
.border-top {
    border-top:1px solid $border-color;
}

%border-right,
.border-right {
    border-right:1px solid $border-color;
}

%border-bottom,
.border-bottom {
    border-bottom:1px solid $border-color;
}

%border-left,
.border-left {
    border-left:1px solid $border-color;
}

.nomargin {
    margin:0;
}

@mixin mobileHelpers($widths: $list) {
    @each $width in $widths {
        @media screen and (max-width:#{$width}px) {
            .width-100-#{$width} {
                width:100%;
            }
            .width-50-#{$width} {
                width:50%;
            }
            .hide-#{$width} {
                display:none;
            }
            .noborder-#{$width} {
                border:0;
            }
        }
    }
}

@include mobileHelpers();