// LARGE DESKTOP
@mixin xxxl {
    @media only screen and (min-width: 1581px) {
        @content;
    }
}

// DESKTOP
@mixin xxl {
    @media only screen and (min-width: 1440px) and (max-width: 1580px) {
        @content;
    }
}

// LAPTOP TO SMALL DESKTOP
@mixin xl {
    @media only screen and (min-width: 1200px) and (max-width: 1439px) {
        @content;
    }
}

// IPAD PRO TO IPAD
@mixin lg {
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        @content;
    }
}

// TABLET
@mixin md {
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        @content;
    }
}

// 0 TO 991PX TABLET
@mixin mmd {
    @media only screen and (max-width: 991px) {
        @content;
    }
}

// MOBILE DEVICE
@mixin sm {
    @media only screen and (max-width: 767px) {
        @content;
    }
}

// SMALL MOBILE DEVICE
@mixin ssm {
    @media only screen and (max-width: 479px) {
        @content;
    }
}

// EXTRA SMALL MOBILE DEVICE
@mixin xsm {
    @media only screen and (max-width: 374px) {
        @content;
    }
}

// SCROLL BAR FOR MOBILE
@mixin height {
    @media only screen and (max-height: 767px) {
        @content;
    }
}