@mixin responsive($breakpoint) {
    @if $breakpoint == small-phones {
        @media only screen
        and (max-height: 667px) {
            @content;
        }
    }
    @if $breakpoint == tablet {
        @media only screen
        and (min-width: 768px) {
            @content;
        }
    }
    @if $breakpoint == desktop {
        @media only screen
        and (min-width: 1366px)
        {
            @content;
        }
    }
}