/// Media Screen
/// Choose Size From This ( sm )
///
$sm: 576px;
$md: 768px;
$lg: 992px;
$xl: 1200px;
@mixin media($point) {
    @if $point == sm {
        @media (max-width: $sm) {
            @content;
        }
    } @else if $point == md {
        @media (min-width: $sm) and (max-width: $md) {
            @content;
        }
    } @else if $point == lg {
        @media (min-width: $md) and (max-width: $lg) {
            @content;
        }
    } @else if $point == xl {
        @media (min-width: $xl) {
            @content;
        }
    }
}
