@media screen and (max-width: 1440px) {
    .wrap {
        padding: 0 20px;
    }

    .fastLinks-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .amenities-item {
        flex-wrap: wrap;
        gap: 15px;
    }

    .amenities-item-text,
    .amenities-item-text-photos {
        width: 100%;
    }
}

@media screen and (max-width: 950px) {}

@media screen and (max-width: 939px) {}

@media screen and (max-width: 900px) {
    .fastLinks-content {
        max-width: none;
        padding: 20px;
        justify-content: space-between;
    }

    .fastLinks-content .title {
        font-size: 30px;
    }

    .fastLinks-content .des {
        font-size: 20px;
    }

    .seta img {
        width: 50px;
    }

    .tour video {
        width: calc(100% - 20px);
    }

    .seta-amenities {
        text-align: end;
    }

    .slick-prev {
        left: 0;
    }

    .slick-next {
        right: 0;
    }

    .contactus-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    a.contactus-item {
        width: 100%;
        max-width: 300px;
    }

    .amenitiespage-item-text-photos,
    .interiorspage-item-text-photos {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .section-title .title-top {
        font-size: 40px;
        letter-spacing: 4px;
        hyphens: auto;
    }

    .qs-description {
        text-align: center;
    }

    .floorplans-stage {
        flex-wrap: wrap;
    }

    .apartments-details {
        flex-wrap: wrap;
    }

    .details {
        max-width: none;
        padding-top: 20px;
    }

    .details .des {
        max-width: none;
    }

    .video-container {
        display: block;
    }

    .video-content {
        max-width: none;
    }

    .video-content-two {
        max-width: none;
        padding-top: 25px;
    }

    .interiors-items {
        grid-template-columns: repeat(2, 1fr);
    }

    .amenities-item-text-title {
        font-size: 32px;
    }

    .neighborhood-groups {
        grid-template-columns: 1fr;
    }

    .neighborhood-group:first-child,
    .neighborhood-group:last-child {
        grid-column: auto;
    }
}

@media screen and (max-width: 700px) {
    .more-amenities-container {
        flex-wrap: wrap;
    }

    .more-amenities-container .content {
        max-width: none;
    }

    .more-amenities-container .content .des {
        max-width: none;
    }

    .about-us .wrap {
        flex-wrap: wrap;
    }

    .apartments .wrap .section-title .title-top {
        font-size: 40px;
    }

    .amenities-one .wrap .section-title .title-top {
        font-size: 40px;
    }

    .amenities-one-container .content .title {
        font-size: 36px;
    }

    .testimonial-title {
        font-size: 30px;
    }

    .amenitiespage-item-text-photos,
    .interiorspage-item-text-photos {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {

    .section-title .title-bottom,
    .virtualtour-title {
        font-size: 15px;
        font-weight: 500;
        color: #9e6e52;
        letter-spacing: 2px;
    }

    .virtualtour-subtitle {
        line-height: 44px;
    }

    .header-btn {
        display: none;
    }

    header {
        padding: 7px 0;
    }

    header.header__scroll {
        padding: 5px 0;
    }

    header .wrap {
        align-items: center;
        padding: 0 10px;
    }

    .banner .wrap {
        flex-wrap: wrap;
    }

    .banner-container {
        width: 100%;
        height: auto;
        overflow: unset;
    }

    .banner-item {
        height: 240px;
        border-top: #000 solid 1px;
    }

    .banner-item:first-child {
        height: 280px;
    }

    .banner-content {
        grid-template-columns: repeat(1, 1fr);
        height: auto;
    }

    .banner-text {
        transform-origin: 0 0;
        transform: none;
        top: auto;
        bottom: 0px;
        left: 0px;
        padding: 10px;
        width: 100%;
        line-height: 1em;
        font-size: 40px;
        text-shadow: 0 0 40px #0000006e;
        color: #ece7dcf0;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .banner-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.1);
        z-index: 1;
        transition: all 200ms linear;
    }

    .fastLinks-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .floorplans-stage {
        width: 100%;
    }

    .floorplans-menu {
        padding: 0px;
        width: 100%;
    }

    .interiors-items {
        grid-template-columns: repeat(1, 1fr);
    }

    .virtualtour-content {
        padding: 40px;
    }

    .testimonial-slider {
        padding: 0;
    }

    .testimonial-slider [class*="slickslider-arrow-"] {
        display: none !important;
    }

    .page__header-title {
        font-size: 44px;
        letter-spacing: 4px;
    }

    .neighborhood-photos-items img {
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

    .neighborhood-photos-item {
        padding: 0;
        width: 100%;
    }

    .amenitiespage-item-text-photos,
    .interiorspage-item-text-photos {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 564px) {
    .apartments-details {
        justify-content: center;
        gap: 20px;
    }

    .ad-img {
        width: 100%;
    }

    .ad-img img {
        width: 100%;
    }
}

@media screen and (max-width: 439px) {
    .floorplans-items [class*="slickslider-arrow-"] {
        display: none !important;
    }
}

@media screen and (max-width: 400px) {
    .floorplans-items {
        max-width: 360px;
    }
}