@media (max-width: 1600px){
    .amenities-floor {
        padding-top: 28em;
    }
    .wtv-bg {
        padding-top: 25em;
    }
}

@media (max-width: 1400px){
}

@media (max-width: 1366px){
    .navbar a, .navbar a:focus {
        font-size: 13px;
    }
    .modal.right .modal-dialog {
        width: 345px !important;
    }
    .line {
        width: 85%;
    }
    a.price-btn {
        padding: 8px 50px;
    }
    .tel-num {
        font-size: 15px;
    }
}


@media (max-width: 991px){
    
}

@media (max-width: 767px){

    #hero {
    height: 83vh;
    margin-top: 6em;
}
    .affordable-luxury figure.fig1.m-0 {
        margin-bottom: 1.5em !important;
    }
    .mobile-nav-toggle {
        color: #ffffff;
        font-size: 34px;
    }
    .modal.right .modal-dialog {
        top: 0 !important;
        right: 0 !important;
    }
    #hero {
        background: url("../img/Banner-1-path-mobile-min.jpg") top no-repeat;
        background-size: cover;
    }

    br{
        display: none;
    }

    p {
        text-align: center;
    }
    h1.heading {
        text-align: center;
    }
    
    h4.sub-heading {
        text-align: center;
    }
    
    h2.heading {
        text-align: center;
    }
    .center-sm{
        text-align: center;
    }
    h1.heading, h2.heading {
        font-size: 30px;
    }
    section#about figure.mb-0 {
        top: 65px;
    }

    .section-title p {
        width: 100%;
    }
    .section-padding {
        padding: 3em 0;
    }
    #overview {
        height: 93vh;
    }
    figure.about-img {
        bottom: -13px;
        top: auto;
    }
    .inner-content {
        margin-top: 2em;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
    .about-content {
        text-align: center;
    }
      .swiper.floorplanSwiper {
        padding: 15% 0;
    }

    .custom-navigation .swiper-button-next.nav-arrow-next  {
        right: 37%;
      }
      
      .custom-navigation .swiper-button-prev.nav-arrow-prev {
        left: 37%;
      }

      .swiper.cutviewSwiper {
        padding: 15% 0;
    }
    section#specifications .speci-accordion-wrapper {
        padding-top: 10%;
        padding-left: 0;
    }
    p.caption {
        top: -45px;
    }
    .footer {
        text-align: center;
    }

    .footer-logo {
        margin-bottom: 3em !important;
    }
    .card.qr-code .card-header {
        padding-top: 0;
    }
    .copyright {
        font-size: 10px;
        margin-bottom: 0;
    }
    ul.contact-nav {
        position: fixed;
        right: 0;
        left: 0;
        top: auto;
        z-index: 99;
        transform: rotate(0deg);
        bottom: -16px;
    }

    ul.contact-nav li {
        background-color: #DE5028;
        color: #fff;
        width: 170px;
        margin: 0 4px;
        text-align: center;
        padding: 10px 0;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    ul.contact-nav li a {
        color: #fff;
    }

    section#overview .about-content p {
        width: 100%;
    }
    .qr-wrapper {
        display: flex;
        flex-direction: column;
    }
    .card.qr-code {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }
    .card.qr-code .card-header {
        display: flex;
        flex-direction: column;
        margin-bottom: 1em;
    }
    .amenities-floor div#accordionExample .accordion-item {
        width: 100%;
    }
    .powered-by {
        font-size: 10px;
    }
    .footer {
        padding-bottom: 4em;
    }
    section.connectivity .card .card-header h5 {
        font-size: 20px;
    }
    .amenities {
        height: 40vh;
        overflow: unset;
    }
    .amenities-floor {
        padding-top: 9em !important;
    }
    .walkthrough {
        height: 45vh;
        overflow: unset;
    }
    .walkthrough  .play-icon {
        width: 15%;
    }
    section#specifications {
        padding-top: 2em !important;
    }
    ul.contact-nav li.call {
        background-color: #273b7e !important;
    }


}