.elementor-5215 .elementor-element.elementor-element-46c2877 .gallery-item .gallery-caption{text-align:center;}.elementor-5215 .elementor-element.elementor-element-b2f465a .gallery-item .gallery-caption{text-align:center;}@media(min-width:768px){.elementor-5215 .elementor-element.elementor-element-dace7e2{width:17.895%;}.elementor-5215 .elementor-element.elementor-element-16e8b64{width:82.105%;}}/* Start custom CSS *//* Right column galleries: hide all by default */
.gallery-box { display: none; }

/* Make the right column galleries visible container styling */
.right-gallery-column { position:relative; }

/* Show first gallery by default (optional) */
#gallery-hanbok { display: block; }

/* Force 3 columns on small screens (mobile) */
/* Targets the UL container Elementor creates for Basic Gallery */
@media (max-width: 767px) {
  /* List the classes you used for your galleries here */
  .gallery-hanbok ul.elementor-gallery__container,
  .gallery-fashion ul.elementor-gallery__container,
  .gallery-seniors ul.elementor-gallery__container,
  .gallery-events ul.elementor-gallery__container {
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 6px !important;
  }

  /* Make sure images scale nicely */
  .gallery-hanbok .elementor-gallery__item img,
  .gallery-fashion .elementor-gallery__item img,
  .gallery-seniors .elementor-gallery__item img,
  .gallery-events .elementor-gallery__item img {
      width:100%;
      height:auto;
      object-fit:cover;
      display:block;
  }
}

/* Optional: responsive two-column layout for tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .gallery-hanbok ul.elementor-gallery__container,
  .gallery-fashion ul.elementor-gallery__container,
  .gallery-seniors ul.elementor-gallery__container,
  .gallery-events ul.elementor-gallery__container {
      grid-template-columns: repeat(2, 1fr) !important;
  }
}/* End custom CSS */