.hidden { display: none !important; }

.hidden-sr {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.hidden-mobile-only  { @include mobile  { display: none !important; } }
.hidden-tablet-only  { @include tablet  { display: none !important; } }
.hidden-desktop-only { @include desktop { display: none !important; } }

.hidden-mobile  { @include mobile  { display: none !important; } @include not-mobile  { display: block !important; } }
.hidden-tablet  { @include tablet  { display: none !important; } @include not-tablet  { display: block !important; } }
.hidden-desktop { @include desktop { display: none !important; } @include not-desktop { display: block !important; } }

.hidden-not-mobile,  .show-mobile  { @include not-mobile  { display: none !important; } @include mobile  { display: block !important; } }
.hidden-not-tablet,  .show-tablet  { @include not-tablet  { display: none !important; } @include tablet  { display: block !important; } }
.hidden-not-desktop, .show-desktop { @include not-desktop { display: none !important; } @include desktop { display: block !important; } }

.hidden-mq-phone             { @include mq('phone', 'only') { display: none !important; } }
.hidden-mq-phone-up          { @include mq('phone', 'min')  { display: none !important; } }
.hidden-mq-phone-down        { @include mq('phone', 'max')  { display: none !important; } }

.hidden-mq-phone-wide        { @include mq('phone-wide', 'only') { display: none !important; } }
.hidden-mq-phone-wide-up     { @include mq('phone-wide', 'min')  { display: none !important; } }
.hidden-mq-phone-wide-down   { @include mq('phone-wide', 'max')  { display: none !important; } }

.hidden-mq-phablet           { @include mq('phablet', 'only') { display: none !important; } }
.hidden-mq-phablet-up        { @include mq('phablet', 'min')  { display: none !important; } }
.hidden-mq-phablet-down      { @include mq('phablet', 'max')  { display: none !important; } }

.hidden-mq-tablet-small      { @include mq('tablet-small', 'only') { display: none !important; } }
.hidden-mq-tablet-small-up   { @include mq('tablet-small', 'min')  { display: none !important; } }
.hidden-mq-tablet-small-down { @include mq('tablet-small', 'max')  { display: none !important; } }

.hidden-mq-tablet            { @include mq('tablet', 'only') { display: none !important; } }
.hidden-mq-tablet-up         { @include mq('tablet', 'min')  { display: none !important; } }
.hidden-mq-tablet-down       { @include mq('tablet', 'max')  { display: none !important; } }

.hidden-mq-tablet-wide       { @include mq('tablet-wide', 'only') { display: none !important; } }
.hidden-mq-tablet-wide-up    { @include mq('tablet-wide', 'min')  { display: none !important; } }
.hidden-mq-tablet-wide-down  { @include mq('tablet-wide', 'max')  { display: none !important; } }

.hidden-mq-desktop           { @include mq('desktop', 'only') { display: none !important; } }
.hidden-mq-desktop-up        { @include mq('desktop', 'min')  { display: none !important; } }
.hidden-mq-desktop-down      { @include mq('desktop', 'max')  { display: none !important; } }

.hidden-mq-desktop-wide      { @include mq('desktop-wide', 'only') { display: none !important; } }
.hidden-mq-desktop-wide-up   { @include mq('desktop-wide', 'min')  { display: none !important; } }
.hidden-mq-desktop-wide-down { @include mq('desktop-wide', 'max')  { display: none !important; } }