{
    "breakpoints": {
        "xs": 320,
        "sm": 768,
        "md": 1025,
        "lg": 1280,
        "xlg": 1440,
        "xl": 1920,
        "xxl": 2560
    },
    "columns": {
        "xs": 4,
        "sm": 8,
        "md": 12,
        "lg": 12,
        "xlg": 16,
        "xl": 16,
        "xxl": 16
    },
    "gutters": {
        "xs": 8,
        "sm": 16,
        "md": 16,
        "lg": 16,
        "xlg": 16,
        "xl": 16,
        "xxl": 16
    },
    "offsets": {
        "xs": 12,
        "sm": 16,
        "md": 16,
        "lg": 24,
        "xlg": 24,
        "xl": 24,
        "xxl": 24
    },
    "queries": {
        "xs": "(max-width: 767px)",
        "sm": "(min-width: 768px) and (max-width: 1024px)",
        "md": "(min-width: 1025px) and (max-width: 1279px)",
        "lg": "(min-width: 1280px) and (max-width: 1439px)",
        "xlg": "(min-width: 1440px) and (max-width: 1919px)",
        "xl": "(min-width: 1920px) and (max-width: 2559px)",
        "xxl": "(min-width: 2560px)"
    }
}