{
    "layout": {
      "breakpoint": {
        "media-xxxs": { "value": "320px" }, 
        "media-xxs": { "value": "375px" }, 
        "media-xs"     : { "value": "600px" },
        "media-xs-large"     : { "value": "768px" },
        "media-sm"    : { "value": "960px" },
        "media-sm-large"    : { "value": "1024px" },
        "media-md-sm"   : { "value": "1280px" },
        "media-md"   : { "value": "1440px" },
        "media-lg"    : { "value": "1920px" }
     }
  }
}