@mixin for-tablets {
    @media all and (max-width: 1200px) {
        @content;
    }
}

@mixin for-mobile {
    @media all and (max-width: 767px) {
        @content;
    }
}


@mixin for-max-width {
    @media all and (max-width: 1224px) {
        @content;
    }
}