Breakpoints

Name Width
break_a1 320px
break_a2 480px
break_b1 768px
break_c1 1024px
break_c1 1366px

Page Dimensions

Image > 1366px > 1024px > 768px > 480px > 380px
Page Width 960px 960px 100% 100% 100%
           
           
           

Image Sizes

Image > 1366px > 1024px > 768px > 480px > 380px
Hero Image 960px 960px 1024px 768px  
Article Image 480px 480px 768px 480px  
Tile Image 2 480px 480px 768px 480px  
Tile Image 3 320px 320px 768px 480px  
           
           
Image > 1024px 1023px - 768px 767px - 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