// Responsive Breakpoints
@mixin sm {
    @media screen and (max-width: 576px) {
        @content;
    }
}
@mixin md {
    @media screen and (max-width: 767px) {
        @content;
    }
}
@mixin lg {
    @media screen and (max-width: 992px) {
        @content;
    }
}
@mixin xl {
    @media screen and (max-width: 1200px) {
        @content;
    }
}
@mixin xxl {
    @media screen and (max-width: 1400px) {
        @content;
    }
}
// Responsive Breakpoints End