{
  "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)"
  }
}