/* grid-min.css — Minimal layout grid for Seoul Loft Apartments
   Extracted from Bootstrap Grid v5.0.0-beta3 (MIT License)
   Only classes confirmed used across live pages: container, container-big,
   container-fluid, row, col-xl-6
   ------------------------------------------------------------------ */

/* Base container */
.container,
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

/* Site-specific wide container (not Bootstrap — from site CSS) */
.container-big {
  max-width: 1700px;
  margin: 0 auto;
  padding: 0 60px;
}

@media (max-width: 991px) {
  .container-big {
    padding: 0 30px;
  }
}

@media (max-width: 767px) {
  .container-big {
    padding: 0 20px;
  }
}

/* Row */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* col-xl-6 — used on index and a few pages */
.col-xl-6 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1200px) {
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
}