/*  Media Query Mixins */
$screen-xs-min: 320px;
$screen-xxs-max: 374px;
$screen-xs-max: 767px;
$screen-sm-min: 768px;
$screen-sm-max: 1023px;
$screen-md-min: 1024px;
$screen-md-max: 1249px;
$screen-lg-min: 1250px;

@mixin col-xxs() {
    @media (min-width: $screen-xs-min) and (max-width: $screen-xxs-max) {
        @content;
    }
}

@mixin col-xs() {
    @media (min-width: $screen-xs-min) and (max-width: $screen-xs-max) {
        @content;
    }
}

@mixin col-sm() {
    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
        @content;
    }
}

@mixin col-md() {
    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
        @content;
    }
}

@mixin col-lg() {
    @media (min-width: $screen-md-max + 1) {
        @content;
    }
}

@mixin notxs() {
    @media (min-width: $screen-sm-min) {
        @content;
    }
}

@mixin notdesktop() {
    @media (max-width: $screen-sm-max) {
        @content;
    }
}

@mixin desktop() {
    @media (min-width: $screen-md-min) {
        @content;
    }
}

@mixin desktopPlus() {
    @media (min-width: $screen-md-min + 1) {
        @content;
    }
}

@mixin ipad-landscape() {
    @media only screen and (min-device-width: $screen-md-min) and (max-device-width: $screen-ipad-max) and (orientation: landscape) {
        @content;
    }
}
@mixin ipad-portrait() {
    @media only screen and (min-device-width: $screen-md-min) and (max-device-width: $screen-ipad-max) and (orientation: portrait) {
        @content;
    }
}