Solutions.css

$queryMaxNotEnough: 'only screen and (max-width: 1140px) and (min-width: 1024px)';
$queryMaxMobile: 'only screen and (max-width: 1023px)';
@mixin queryMaxMobile {
    @media #{$queryMaxMobile}
    {
        @content;
    }
}

@mixin queryMaxNotEnough {
    @media #{$queryMaxNotEnough}
    {
        @content;
    }
}

@mixin queryRetina {
   @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
       @content;
   }
}