web/assets/css/tool.scss

$breakpoints: (
    "phone": (0px,
        1399px),
    'pc1':(1400px,
        1905px),
    "pc": 1905px,

);

@mixin responseTo($breakname) {
    $bp: map-get($breakpoints, $breakname);

    @if type-of($bp)=="list" {
        @media (min-width: nth($bp, 1)) and (max-width: nth($bp, 2)) {
            @content;
        }
    }

    @else {
        @media (min-width: $bp) {
            @content;
        }
    }
}