/*
Sanctum - responsive.css
Desktop first, the house ladder: 1399 / 1199 / 991 / 767 / 575
*/

@media (max-width: 1399px) {
  .give-row {
    grid-template-columns: 240px minmax(0, 1fr) 380px;
    gap: 30px;
  }
  .header-count {
    display: none;
  }
  .sc-nav > ul > li > a {
    padding: 10px 14px;
  }
  .mega-inner {
    grid-template-columns: 290px minmax(0, 1fr);
  }
  .mega-panes {
    padding: 24px 24px 22px;
  }
}

@media (max-width: 1199px) {
  .give-row {
    grid-template-columns: 220px minmax(0, 1fr);
  }
  .give-pages {
    grid-column: 2;
  }
  .sc-nav {
    display: none;
  }
  .sc-burger {
    display: inline-flex;
  }
  .sc-colonnade {
    gap: 12px;
  }
  .arch-name {
    font-size: 19px;
  }
  .arch-place {
    font-size: 10px;
    letter-spacing: 0.12em;
  }
  .brand-row {
    grid-template-columns: repeat(4, 1fr);
  }
  .suite-col.is-offset {
    padding-top: 0;
  }
  .tpl-body {
    padding: 30px 28px 32px;
  }
  .hero-stats {
    grid-template-columns: repeat(3, 1fr);
  }
  .hero-stats li:nth-child(4) {
    padding-left: 0;
    border-left: 0;
  }
  .footer-templates {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 991px) {
  .sc-pt {
    padding-top: 100px;
  }
  .sc-pb {
    padding-bottom: 100px;
  }
  .sc-hero {
    padding-top: 150px;
  }
  .sc-head {
    margin-bottom: 48px;
  }
  .sc-colonnade {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 34px;
  }
  .arch:nth-child(n) {
    margin-top: 0;
  }
  .clock-stage,
  .clock-panel {
    min-height: 520px;
  }
  .footer-cta {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    padding: 90px 0 56px;
  }
  .footer-main {
    padding: 56px 0 50px;
  }
}

@media (max-width: 767px) {
  .give-row {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 28px 18px;
  }
  .give-pages {
    grid-column: auto;
  }
  .sc-colonnade {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .brand-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .hero-stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .hero-stats li:nth-child(n) {
    padding-left: 0;
    border-left: 0;
  }
  .hero-stats li:nth-child(even) {
    padding-left: 22px;
    border-left: 1px solid var(--sc-line);
  }
  .tpl-facts {
    grid-template-columns: 1fr;
  }
  .tpl-facts > div:nth-child(even) {
    padding-left: 0;
    border-left: 0;
  }
  .clock-inner {
    padding: 34px 26px 32px;
  }
  .clock-facts {
    grid-template-columns: 1fr;
  }
  .clock-facts > div + div {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid var(--sc-line);
  }
  .footer-bottom {
    flex-wrap: wrap;
  }
  .footer-bottom > p {
    flex: 1 1 100%;
  }
}

@media (max-width: 575px) {
  .give-facts > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .give-name {
    font-size: 26px;
  }
  body {
    font-size: 16px;
  }
  .sc-logo img {
    height: 34px;
  }
  .header-bar {
    gap: 12px;
  }
  .header-end {
    gap: 8px;
  }
  .round-btn {
    width: 42px;
    height: 42px;
    font-size: 16px;
  }
  .lang-btn {
    height: 42px;
    padding: 0 12px;
  }
  .lang-btn [data-lang-code] {
    display: none;
  }
  .lang-menu {
    right: -50px;
    width: 262px;
  }
  .hero-title {
    font-size: 11.5vw;
  }
  .sc-colonnade {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 16px;
  }
  .hero-actions .sc-btn {
    flex: 1 1 100%;
  }
  .tpl-body {
    padding: 26px 20px 28px;
  }
  .tpl-homes {
    grid-template-columns: repeat(2, 1fr);
  }
  .tpl-num {
    font-size: 36px;
  }
  .kit-col {
    padding: 26px 22px 20px;
  }
  .std-tile {
    padding: 30px 24px;
  }
  .footer-cta-title {
    font-size: 11vw;
  }
  .footer-cta-actions .sc-btn {
    flex: 1 1 100%;
  }
  .footer-templates {
    grid-template-columns: 1fr;
  }
  .footer-switches {
    flex-wrap: wrap;
  }
}