/*pin container size fit*/
/* Generated by python code:
/* def fn(x):
/*     gutter = 15
/*     image_width = 240
/*     border_width_of_parent = 24
/*     size = image_width * x + gutter * (x - 1)
/*     width = size + border_width_of_parent * 2
/*     print(template % (width, size))
/*
/* for i in range(1, 12):
/*     fn(i)
*/
@mixin screen-grid-layout($selector) {
  @media screen and (min-width: 288px) {
    #{$selector} {
      max-width: 240px;
    }
  }
  @media screen and (min-width: 543px) {
    #{$selector} {
      max-width: 495px;
    }
  }
  @media screen and (min-width: 798px) {
    #{$selector} {
      max-width: 750px;
    }
  }
  @media screen and (min-width: 1053px) {
    #{$selector} {
      max-width: 1005px;
    }
  }
  @media screen and (min-width: 1308px) {
    #{$selector} {
      max-width: 1260px;
    }
  }
  @media screen and (min-width: 1563px) {
    #{$selector} {
      max-width: 1515px;
    }
  }
  @media screen and (min-width: 1818px) {
    #{$selector} {
      max-width: 1770px;
    }
  }
  @media screen and (min-width: 2073px) {
    #{$selector} {
      max-width: 2025px;
    }
  }
  @media screen and (min-width: 2328px) {
    #{$selector} {
      max-width: 2280px;
    }
  }
  @media screen and (min-width: 2583px) {
    #{$selector} {
      max-width: 2535px;
    }
  }
  @media screen and (min-width: 2838px) {
    #{$selector} {
      max-width: 2790px;
    }
  }
}
