Breakpoints

NameWidth
break_a1320px
break_a2480px
break_b1768px
break_c11024px
break_c11366px

Page Dimensions

Image> 1366px> 1024px> 768px> 480px> 380px
Page Width960px960px100%100%100%
      
      
      

Image Sizes

Image> 1366px> 1024px> 768px> 480px> 380px
Hero Image960px960px1024px768px 
Article Image480px480px768px480px 
Tile Image 2480px480px768px480px 
Tile Image 3320px320px768px480px 
      
      
Image> 1024px1023px - 768px767px - 480px< 479px 
lightbox(min-width: 1367px) 1920px(min-width: 1024px) and (max-width: 1366px) 1366px(max-width: 1023px) and (min-width: 768px) 1024px(max-width: 767px) and (min-width: 480px) 768px(max-width: 479px) 480px
hero(min-width: 1024px) 960px(max-width: 1023px) and (min-width: 768px) 1024px(max-width: 767px) and (min-width: 480px) 768px(max-width: 479px) 480px 
article(min-width: 1024px) 480px(max-width: 1023px) and (min-width: 768px) 480px(max-width: 767px) and (min-width: 480px) 768px(max-width: 479px) 480px 
tile_2col(min-width: 1024px) 480px(max-width: 1023px) and (min-width: 768px) 480px(max-width: 767px) and (min-width: 480px) 768px(max-width: 479px) 480px 
tile_3col(min-width: 1024px) 320px(max-width: 1023px) and (min-width: 768px) 320px(max-width: 767px) and (min-width: 480px) 768px(max-width: 479px) 480px 
gallery(min-width: 1024px) 320px