/* Lucknow Estates | Project Partners Family responsive overrides */
/* Include this stylesheet after css/gallery.css. Scoped to this section only. */
#lpp-gallery, #lpp-gallery * { box-sizing: border-box; }
#lpp-gallery .le-gallery-container { width: min(1200px, 100%); margin-inline: auto; }
#lpp-gallery .le-gallery-header,
#lpp-gallery .le-gallery-heading { text-align: center; }
#lpp-gallery .le-gallery-heading { width: 100%; margin-inline: auto; }
#lpp-gallery .le-gallery-eyebrow { display: flex; align-items: center; justify-content: center; gap: 9px; }
#lpp-gallery .le-partners-title { text-align: center; }
#lpp-gallery .le-partners-title > span { display: block; }
#lpp-gallery .le-gallery-tagline { text-align: center; }
#lpp-gallery .le-gallery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
#lpp-gallery .le-gallery-card { display: block; min-width: 0; width: 100%; overflow: hidden; }
#lpp-gallery .le-gallery-card img { display: block; width: 100%; height: auto; object-fit: contain; }
@media (min-width: 768px) and (max-width: 1023px) {
  #lpp-gallery .le-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  #lpp-gallery { overflow-x: clip; }
  #lpp-gallery .le-gallery-container { width: 100%; max-width: 100%; padding-inline: 16px; }
  #lpp-gallery .le-gallery-header,
  #lpp-gallery .le-gallery-heading { width: 100%; max-width: 100%; margin-inline: auto; text-align: center !important; }
  #lpp-gallery .le-gallery-eyebrow { justify-content: center; text-align: center; flex-wrap: wrap; font-size: 10px; letter-spacing: .12em; line-height: 1.6; }
  #lpp-gallery .le-partners-title { width: 100%; max-width: 100%; margin-inline: auto; text-align: center !important; font-size: clamp(26px, 7.4vw, 38px); line-height: 1.14; overflow-wrap: break-word; }
  #lpp-gallery .le-partners-title > span { display: block; width: 100%; text-align: center !important; }
  #lpp-gallery .le-heading-gold { font-size: .93em; }
  #lpp-gallery .le-gallery-tagline { width: 100%; margin-inline: auto; text-align: center !important; font-size: 10px; letter-spacing: .13em; line-height: 1.6; }
  #lpp-gallery .le-gallery-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px; width: 100%; margin-inline: auto; }
  #lpp-gallery .le-gallery-card { width: 100%; max-width: 100%; margin: 0 auto; }
  #lpp-gallery .le-gallery-card img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; }
}