@media (min-width: 1400px) {
    /* Container */
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px;
    }
}

@media (min-width: 992px) {
    /* Spacing */
    .pe-132px-large {
        padding-left: 132px;
    }
    .ps-132px-large {
        padding-right: 132px;
    }
}

@media (min-width: 768px) {
    /* Spacing */
    .-mb-md-3 {
        margin-bottom: -1rem!important;
    }

    /* ================================================== */

    /* Offcanvas */
    .offcanvas#offcanvasBook {
        left: 50%;
        max-width: max-content;
        width: calc(100% - 32px)!important;
        height: fit-content;
        translate: -50% 0;
    }
    .offcanvas#offcanvasBook.show:not(.hiding), .offcanvas#offcanvasBookoff.showing {
        right: unset;
    }
    .offcanvas#offcanvasBook. .offcanvas-body > .container {
        max-width: fit-content;
    }
}

@media (max-width: 991.98px) {
    /* Spacing */
    .mt-120px-mobile {
        margin-top: 120px!important;
    }

    .mb-190px {
        margin-bottom: 53px!important;
    }

    /* ================================================== */

    /* Navigation Bar */
    .navbar .navbar-brand-wordmark {
        display: none;
    }

    /* ================================================== */

    /* Double Image Section */
    .double-image-section .double-image-grid {
        column-gap: var(--grid-cols-gap-small);
    }
    .double-image-section .double-image-grid .title-area {
        margin-right: 0;
    }
    .double-image-section .double-image-grid .right-area {
        margin-right: 0;
    }

    /* ================================================== */

    /* Fifty Fifty Section */
    .fifty-fifty-section .container-fluid > .row > .col-12:first-child h2 {
        font-size: 48px;
        letter-spacing: -0.64px;
    }
    .fifty-fifty-section .container-fluid > .row > .col-12:last-child h2 {
        font-size: 48px;
        letter-spacing: 3.2px;
    }

    /* ================================================== */

    /* Typography Breakouts Sections */
    .typography-breakout-section .typography-breakout-content h2 {
        font-size: 40px;
        font-style: normal;
        font-weight: 300;
        line-height: 100%;
        letter-spacing: -0.8px;
    }
    .typography-breakout-section .typography-breakout-content h2 span {
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    .typography-breakout-section .typography-breakout-content > div {
        gap: 16px;
    }

    /* Typography Breakout One Section */
    .typography-breakout-one-section .typography-breakout-content img {
        max-width: 120px;
    }

    /* Typography Breakout Two Section */
    .typography-breakout-two-section .typography-breakout-content {
        gap: 16px;
    }
    .typography-breakout-two-section .typography-breakout-content img {
        max-width: 120px;
    }

    /* Typography Breakout Three Section */
    .typography-breakout-three-section {
        padding-top: 205px;
        padding-bottom: 16px;
    }
    .typography-breakout-three-section .typography-breakout-content {
        gap: 12px;
    }

    /* ================================================== */

    /* Contact Page */
    .contact-card {
        margin-top: 0;
    }
}

@media (max-width: 767.98px) {
    /* Position */
    .top-50px {
        margin-top: 12px;
    }

    /* Spacing */
    .mt-110px {
        margin-top: 65px!important;
    }
    .mt-120px-mobile {
        margin-top: 120px!important;
    }
    .mb-124px {
        margin-bottom: 32px!important;
    }
    .mb-128px {
        margin-bottom: 56px!important;
    }
    .mb-190px {
        margin-bottom: 80px!important;
    }

    /* ================================================== */

    /* Navigation Bar */
    .navbar {
        margin: 16px 0;
    }
    .navbar > .container {
        padding: 16px;
    }
    .navbar .navbar-brand-wordmark {
        display: none;
    }
    .navbar .buttons-wrapper .language-switcher {
        margin-right: 12px;
    }

    /* Offcanvas */
    .offcanvas {
        max-width: 400px;
    }
    .offcanvas .offcanvas-body {
        padding: 32px 24px 24px 16px;
    }
    .offcanvas .navbar-nav {
        margin-bottom: 215px;
    }
    .offcanvas .navbar-nav .nav-item {
        font-size: 32px;
        letter-spacing: -0.64px;
    }
    .offcanvas .navigation-menu-gallery-swiper .offcanvas-swiper-navigation-wrapper {
        bottom: 16px;
        left: 16px;
    }
    .offcanvas .navigation-menu-gallery-swiper .swiper-slide {
        padding: 16px 16px 32px 16px;
    }
    .offcanvas .button-close {
        right: 24px;
    }

    /* ================================================== */

    /* Sections */
    section {
        padding: 56px 0;
    }

    /* ================================================== */

    /* Forms - Filters */
    .form-filters > div:first-child {
        width: 100%;
    }
    .form-filters > div:first-child .form-group:not(:last-child) {
        max-width: 100%;
    }
    .form-filters .form-group:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    }
    .form-filters .nice-select .list {
        margin-top: 10px;
    }

    /* ================================================== */

    /* Footer */
    .footer .footer-newsletter .title {
        font-size: 32px;
        letter-spacing: -0.64px;
    }

    .footer .footer-copyrights-wrapper {
        margin-top: 40px;
    }

    /* ================================================== */

    /* Inner Page Header */
    .inner-page-header .buttons-wrapper {
        width: max-content;
    }

    /* ================================================== */

    /* Double Image Section */
    .double-image-section .double-image-grid {
        grid-template-areas:
        "title"
        "largeImage"
        "txt"
        "smallImage";
        grid-template-columns: 1fr;
        gap: 0;
    }
    .double-image-section .double-image-grid .title-area {
        margin-bottom: 32px;
    }
    .double-image-section .double-image-grid .left-area {
        margin-bottom: 40px;
    }
    .double-image-section .double-image-grid .right-area {
        margin-top: 80px;
        text-align: right;
    }
    .double-image-section .double-image-grid .text-area {
        max-width: 100%;
    }

    /* ================================================== */

    /* Fifty Fifty Section */
    .fifty-fifty-section .content-container {
        min-height: 437px;
        padding: 16px 0;
    }

    /* ================================================== */

    /* Carousel Sections */
    .carousel-section {
        padding: 32px 0 85px 0;
    }

    /* ================================================== */

    /* Feature Split Section */
    .feature-split-section {
        padding: 24px 0!important;
    }
    .feature-split-section .container {
        min-height: calc(874px - 48px);
    }

    /* ================================================== */

    /* Availability Section */
    .availability-section .table {
        margin: 0 auto;
        width: 100%;
    }
    .availability-section .table tr {
        display: grid;
        row-gap: 16px;
        grid-template-columns: repeat(12, 1fr);
        padding: 16px 0 32px 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .availability-section .table td {
        display: inline-flex;
        align-items: center;
        text-align: left;
        white-space: normal;
        overflow: hidden;
        position: relative;
        border: none;
        padding: 0;
    }
    .availability-section .table td + td {
        padding: 0;
    }
    .availability-section .table .title {
        order: 1;
        grid-column: 1 / span 7;
        grid-row: 1;
    }
    .availability-section .table .amenity1 {
        order: 3;
        grid-column: 1 / span 2;
        grid-row: 2;
    }
    .availability-section .table .amenity2 {
        order: 4;
        grid-column: 3 / span 2;
        grid-row: 2;
    }
    .availability-section .table .amenity3 {
        order: 5;
        grid-column: 5 / span 2;
        grid-row: 2;
    }
    .availability-section .table .price {
        order: 2;
        grid-column: 8 / span 5;
        grid-row: 1;
        justify-content: end;
    }
    .availability-section .table .floorplan-button {
        order: 7;
        grid-column: 8 / span 5;
        grid-row: 3;
        justify-content: end;
        margin-top: 8px;
    }
    .availability-section .table .enquire-button {
        order: 6;
        grid-column: 1 / span 7;
        grid-row: 3;
        margin-top: 8px;
    }

    /* ================================================== */

    /* Blog Article Page */
    .blog-article-header {
        min-height: auto;
    }
    .blog-article-header .row {
        height: auto!important;
    }
    .blog-article-header > .row > div:first-child {
        height: 300px!important;
    }
    .blog-article-header .blog-article-header-content {
        padding: 40px 0 40px 0;
    }
    .blog-article-content .container > .row:not(:first-child) {
        margin-top: 75px;
    }
    .blog-article-content .container > .row:not(:last-child) {
        margin-bottom: 75px;
    }
}

@media (max-width: 575.98px) {
    /* Typography */
    h1 span, .h1 span,
    h2 span, .h2 span,
    h3 span, .h3 span,
    h4 span, .h4 span,
    h5 span, .h5 span,
    h6 span, .h6 span {
        letter-spacing: 3.2px;
    }

    h1, .h1 {
        font-size: 32px;
    }
    h2, .h2 {
        font-size: 32px;
        letter-spacing: -0.64px;
    }
    h3 .h3 {
        font-size: 24px;
    }

    /* ================================================== */

    /* Spacing */
    .mb-46px {
        margin-bottom: 32px!important;
    }
    .mb-138px {
        margin-bottom: 80px!important;
    }

    /* Max Width */
    .max-w-448px {
        max-width: 100%;
    }

    /* ================================================== */

    /* Navigation Bar */
    .navbar {
        margin: 0;
    }

    /* Offcanvas */
    .offcanvas {
        right: 0!important;
        top: 0!important;
        max-width: 100%;
    }

    /* ================================================== */

    /* Footer */
    .footer .footer-newsletter p {
        max-width: 246px;
    }

    /* ================================================== */

    /* Fifty Fifty Section */
    .fifty-fifty-section .container-fluid > .row > .col-12:first-child h2 {
        font-size: 32px;
        letter-spacing: -0.64px;
    }
    .fifty-fifty-section .container-fluid > .row > .col-12:last-child h2 {
        font-family: var(--ff-sans-extended);
        font-size: 32px;
        letter-spacing: 3.2px;
    }
}