@mixin background-green {
    background-color: #004646;
}

@mixin background-blue-li {
    background-color: #EAF5F6;
}

@mixin text-orange {
    color: #FCBB11;
}

@mixin text-blueGreen {
    color: #00ADAD;
}

// @mixin respond($breakpoint) {
//     @if($breakpoint==medium) {
//         @media (max-width: 767.98px) {
//             @content
//         }
//     }
// }
// @mixin respond($breakpoint) {
//     @if($breakpoint==md-lg) {
//         @media (min-width: 768px) and (max-width: 991.98px) {
//             @content
//         }
//     }
// }
@mixin for-size($size) {
    @if $size==phone-only {
        @media (max-width: 500px) {
            @content;
        }
    }
    @else if $size==phone-tablet {
        @media (min-width: 500px) and (max-width: 991.98px) {
            @content;
        }
    }

    @else if $size==tablet-portrait-up {
        @media (max-width: 767.98px) {
            @content;
        }
    }
    @else if $size==tablet-landscape-desktop {
        @media (min-width: 991.98px) and (max-width: 1250px) {
            @content;
        }
    }
    @else if $size==tablet-landscape-up {
        @media (max-width: 991.98px) {
            @content;
        }
    }
    @else if $size==desktop-up {
        @media (min-width: 1200px) {
            @content;
        }
    }
    @else if $size==desktop-up-2 {
        @media (min-width: 1281px) {
            @content;
        }
    }

    @else if $size==big-desktop-up {
        @media (min-width: 1800px) {
            @content;
        }
    }
}