/* Desktop */
html {
  font-size: 16px;
  /* 1rem = 16px */
}

/* tablets */
@media (max-width: 992px) {
  html {
    font-size: 14px;
    /* 1rem = 14px */
  }
    .openEnquireForm {
    left: auto;
    right: 10px;
    transform: none;
    position: absolute;
  }
  .headerProjectTitle{
    display: none;
  }
}

/* mobile */
@media (max-width: 768px), (max-height: 768px) {
  .mobileHide {
    display: none;
  }

  .mobileVisible {
    display: block;
  }

  html {
    font-size: 12px;
  }

  .rightSide {
    align-items: center;
  }

  .rightSide>* {
    text-align: center;
  }

  body[data-page-url="start"] .pageBg {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.753) 0%, rgba(0, 0, 0, 0) 100%), none !important;
  }

  body[data-page-url="start"] main {
    justify-content: center
  }

  .renderLabel {
    left: 0;
  }

  .contactsAddress {
    display: none;
  }

  .leftSide hr {
    margin: 0.3rem 0;
    background: none;
  }

  body[data-page-url="unit-list-specs"] .filter {
    justify-content: center
  }

  body[data-page-url="unit-list-specs"] .filterTitle {
    display: none;
  }


}

/* mobile vertical */
@media (orientation: portrait) and ((max-width: 768px) or (max-height: 768px)) {
  .mobileVerticalHide {
    display: none;
  }

  body[data-page-url="executive-summary"] h1 {
    text-align: center;
  }

  body[data-page-url="project-location"] .pageBg,
  body[data-page-url="ground-360-view"] .pageBg,
  body[data-page-url="interior-360-view"] .pageBg,
  body[data-page-url="interactive-masterplan"] .pageBg,
  body[data-page-url="aerial-360-view"] .pageBg {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.753) 0%, rgba(0, 0, 0, 0) 50%), none !important;
  }

  main {
    flex-direction: column;
    overflow-y: auto;
  }

  .leftSide,
  .rightSide {
    width: 100%;
    height: auto;
    overflow-y: visible;
    max-height: none;
  }

  .threeColumn {
    flex-direction: column;
    gap: 2rem;
  }

  .contactsLogo {
    display: none;
  }

  .contactUsPersonas {
    flex-direction: column;
    width: fit-content;
    margin: 0 auto;
  }

  .viewDisclaimersButton {
    position: relative !important;
    bottom: auto !important;
    margin-top: 1rem;
    width: fit-content;
  }

  body[data-page-url="interactive-masterplan"] .filters {
    flex-direction: row;
  }
}

/* mobile horizontal */
@media (orientation: landscape) and ((max-width: 768px) or (max-height: 768px)) {
  .mobileHorizontalHide {
    display: none;
  }

  .start_logo,
  .contactsLogo {
    width: 80px;
  }

  body[data-page-url="project-location"] .pageBg {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.753) 0%, rgba(0, 0, 0, 0) 50%), none !important;
  }
}

/* mobile small */
@media (max-width: 480px) {
  html {
    font-size: 10px;
    /* 1rem = 10px */
  }
}


/* Fixes */
/* Floor Plan */
@media (max-width: 480px) {

  .slideTitleContainer,
  .headerProjectTitle {
    display: none;
  }
}