/*============= MEDIA QUERIES =============*/

/* Devices over 1200px (xl) */
@media (min-width: 1200px) {

}

/* Devices under 1200px (lg) */
@media (max-width: 1199.98px) {
	.property-gallery-wrap {
    column-count: 3;
  }

  .property-gallery-wrap .external-gallery-item {
    flex: 0 0 32%;
    max-width: 32%;
  }
}

/* Devices under 992px (md) */
@media (max-width: 991.98px) {
  nav.navbar {
    padding: 24px 15px;
  }

  .navbar-inner ul {
    margin-right: 0;
  }

	.navbar-inner ul li a.nav-divider::before {
    right: -12px;
  }

  .navbar-inner ul li {
    margin-right: 20px;
  }

  .navbar-inner ul li a {
    font-size: 17px;
  }

  .property-gallery-wrap .external-gallery-item {
    flex: 0 0 47%;
    max-width: 47%;
  }

  .cf-pl {
    margin-left: 0;
  }

  .cf-pr {
    margin-right: 0;
  }
}

/* Devices under 768px (sm) */
@media (max-width: 767.98px) {
  .navbar-inner ul {
    display: none;
    visibility: hidden;
  }

  .mobile-ul {
    opacity: 1;
  }

  .mobile-ul ul {
    display: flex;
    visibility: visible;
    flex-flow: column;
    padding-top: 160px;
    justify-content: flex-end;
    text-align: right;
    margin-left: 85px;
  }

  .mobile-ul ul li {
    margin-bottom: 15px;
    font-size: 26px;
  }

	.navbar-toggle {
    display: block;
    visibility: visible;
  }

  .property-gallery {
    padding: 30px;
  }

  .property-gallery-wrap {
    column-count: 2;
  }

  .property-desc p {
    margin-bottom: 15px;
  }

  .footer-inner p {
    display: block;
    text-align: center;
  }
}

/* Devices under 576px (xs) */
@media (max-width: 576.98px) {
  .mobile-ul {
    width: 75%;
  }

  .property-gallery {
    padding: 15px;
  }

  .property-gallery-wrap {
    column-count: 1;
  }

	.landing-caption p span.headline {
    font-size: 50px;
  }

  .landing-caption-inner {
    padding-left: 30px;
  }

  .landing-caption .landing-description {
    margin-top: 0;
    font-size: 20px;
}

  .about-img img {
    margin-top: 20px;
  }

  .about-divider svg {
    width: calc(200% + 1.3px);
  }

  #properties .container {
    padding-top: 7rem;
  }

  .property-gallery-wrap .external-gallery-item {
    flex: 0 0 99%;
    max-width: 99%;
  }

  .properties-info .properties-info-img img {
    margin-bottom: 20px;
  }

  .property-heading h2 {
    font-size: 24px;
  }

  .pdf-download .row {
    margin-left: 10px;
    margin-right: 10px;
    padding: 25px;
  }

  .rental-form {
    margin-left: 20px;
    margin-right: 20px;
  }

  .download-link {
    margin-bottom: 10px;
  }
}
@media (max-width: 381.98px) {
  .mobile-ul {
    width: 100%;
  }
}

/*============ FRAMEWORK BREAK POINTS: =============*/

/* Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Framework

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... } */