@media only screen and (max-width: 767.99px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }

    .sm-none {
        display: none;
    }

    .md-none {
        display: block;
    }

    .banner-line {
        display: none;
    }

    .highlight-row {
        flex-direction: column-reverse;
    }

    #header {
        height: 72px;
    }

    .address-container span {
        font-size: 18px;
    }

    section {
        padding: 40px 0;
        overflow: hidden;
    }

    .address-container {
        font-size: 16px;
    }

    .company-detail {
        text-align: center;
        width: 100%;
    }

    #header .logo {
        width: 50px;
    }

    .logo-show img {
        width: 50%;
        margin-left: 20px;
    }

    .mob-logo {
        width: 50%;
    }

    .developer-logo-header {
        width: 50%;
        float: none;
    }

    .mobile-nav a {
        color: #E8E6E2 !important;
    }

    .enq-btn-mob {
        text-align: center;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 99;
        font-size: 20px;
    }

    .enquire-now {
        position: initial;
        background-image: linear-gradient(to right, #cda665, #FFE5B5, #cda665);
        border-radius: 2.62264px;
        color: #013237;
        text-decoration: none;
        padding: 20px 14px;
        line-height: 100%;
        font-weight: 500;
        z-index: 999999;
        border: none;
        width: 100%;
        color: #000;
        font-family: 'Poppins-Regular';
        border-radius: 0px !important;
    }

    .launch-text {
        flex-direction: column;
        line-height: 30px;
    }

    .pulse {
        animation: pulse-animation 0s infinite;
    }

    /*    ------------- about section ------------------*/
    section#about {
        padding: 20px 0px;
    }

    .about-us {
        padding: 0px;
    }

    .grandeur-column button.download-brochure {
        display: block;
        margin: 25px auto 25px;
    }

    .crown-slider .owl-dots,
    #amenities-carousel .owl-dots {
        margin-top: 10px;
    }

    .about h2.luxury {
        font-size: 22px;
        margin-bottom: 5px;
        font-weight: 700;
    }

    .about-details p {
        font-size: 16px;
    }

    .pad-top-3 {
        padding-top: 2rem;
    }

    /*.about-details .title {
        font-size: 18px;
    }*/

    .about .sub-title {
        font-family: 'Cinzel Decorative';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.5em;
        letter-spacing: 0.035em;

        background: linear-gradient(106.36deg, #F4E3BB 15.55%, #CDAA49 109.64%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .about-details>div:nth-child(1),
    .about-details>div:nth-child(2) {
        border-bottom: 2px solid #FFFBE5;
        border-right: 0px;
        padding-top: 1.5rem;
    }

    .launch-text {
        padding-bottom: 30px;
    }

    .about-details>div:nth-child(1),
    .about-details>div:nth-child(3) {
        border-right: 2px solid #FFFBE5;
    }

    .about-us .image-block {
        border: 1px solid #E0B580;
        padding: 10px;
    }

    .about-us h2 {
        text-align: center;
        font-size: 20px;
        padding: 8px;
    }

    .about-us .grandeur-column {
        padding: 0;
    }

    .about-us .mp-4 {
        margin: 25px 0px 0px 0px;
        padding: 0px 5px;
        font-size: 16px;
        text-align: center;
    }

    .about-us .mp-4-2 {
        margin: 5px 10px 25px 10px;
    }

    /*    ----------------------- CROWN SECTION --------------------------*/
    .crown-text h3 {
        font-size: 14px;
        text-align: center;
    }

    /*    -------------------------GALLERY SECTION ----------------*/
    .owl-item.active.center {
        padding: 25px;
    }

    .screenshot_slider .owl-nav {
        text-align: center;
        margin: 20px 0;
    }

    .owl-carousel .owl-stage-outer {
        overflow: hidden !important;
    }

    .screenshot_slider .owl-prev,
    .screenshot_slider .owl-next {
        position: relative;
        transform: translate(0px, 0px);
    }

    .crown-slider .owl-item img {
        display: initial !important;
    }

    .form-pad {
        padding: 1rem;
    }

    .crown-image {
        width: 50%;
    }

    .crown-text {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .crown-card {
        border: 1px solid #C4A054;
        width: 100%;
        text-align: center;
        margin-right: 10px;
        min-height: 300px;
        position: relative;
        display: inline-grid;
        align-items: self-end;
    }

    /*-------------------------- AMENITIES SECTION -----------------------------*/

    .amenities .amenities-para {
        font-family: 'CinzelB';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5em;
        text-align: center;
        letter-spacing: 0.005em;
        color: #fff;
        margin-bottom: 2rem;
    }

    .amenities-row {
        display: flex;
        justify-content: space-around;
    }

    .exploreMore-btn {
        transform: translate(0px);
        margin-bottom: 1.5rem;
    }

    .crown-card-top {
        margin-bottom: 0;
    }

    .stone-image {
        margin-top: 1rem;
    }

    .crown-card-top .title {
        font-size: 12px;
        margin-top: 0;
    }

    .crown-card-top p {
        margin-top: 10px;
        font-size: 10px;
        margin-bottom: 0;
    }

    .crown-slider.owl-carousel .owl-dots,
    #amenities-carousel .owl-dots {
        text-align: center;
    }

    .crown-slider.owl-carousel .owl-dots.disabled {
        display: block !important;
    }

    .crown-slider.owl-carousel button.owl-dot,
    #amenities-carousel button {
        height: 6px;
        width: 6px;
        border-radius: 50%;
        margin: 0px 3px;
    }

    .crown-slider.owl-carousel button.owl-dot.active,
    #amenities-carousel button.active {
        background-color: #CDAA49;
    }

    .crown-slider.owl-carousel button.owl-dot,
    #amenities-carousel button {
        background-color: #fff;
    }

    /*    ------------------------CONNECTIVITY SECTION ----------------------*/


    .connectivity .title {
        font-size: 18px;
    }

    .connectivity .sub-title {
        font-size: 14px;
    }

    /*    ------------------------COTACT SECTION ----------------------*/

    .contact-mob-head {
        font-size: 20px;
    }

    #country_code,
    #country_code_modal {
        width: 25%;
    }

    .privacy {
        margin-bottom: 2rem;
    }

    .copyright {
        margin-bottom: 3.8rem;
    }

    .thank-you .thank-you-box {
        top: 20%;
        padding: 20px;
    }

    .download-brochure {
        margin-top: 30px !important;
        text-align: center;
        display: block;
        margin: auto;
        margin-bottom: 40px;
    }

    .section-heading {
        font-size: 27px;
        line-height: 1.5em;
        text-align: center;
        padding: 30px 0px 20px 0px;
        margin-bottom: 0px;
    }

    .grandeur-column {
        padding-left: 10px;
        padding-bottom: 25px;
        padding-top: 0px;
    }

    .highlight-heading {
        font-size: 18px;
        line-height: 1.5em;
        text-align: center;
    }

    .destination {
        font-family: 'Julietta';
        font-size: 75px !important;
        margin-left: 16px;
    }

    .one {
        font-size: 26px;
    }

    .highlight-detail-list,
    .location-detail-list {
        display: flex;
        align-items: flex-start !important;
        font-family: 'rowan';
        line-height: 25px !important;
        font-size: 14px !important;
    }

    .connectivity-heading {
        font-size: 20px;
        font-family: 'rowan';
        color: #fff;
        line-height: 20px;
    }

    .connectivity-heading span {
        font-family: 'Julietta';
        font-size: 55px;
        line-height: 50px;
        color: #80431F !important;
        margin: 10px 0px;
        display: inline-block;
    }

    .location-detail {
        padding: 0px 0px !important;
        margin-top: 0px !important;
    }

    .amenities p {
        font-family: 'rowan';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 1.5em;
        text-align: center;
        letter-spacing: 0.005em;
        color: #000;
    }

    #footer-about {
        margin-bottom: 25px;
        background-color: #072d39;
    }

    #footer-about p.text-center {
        font-family: 'Poppins-Regular';
        font-size: 14px;
        margin-top: 20px !important;
    }

    .footer-about-heading {
        font-family: 'TrajanPro-Regular';
        font-size: 24px;
        line-height: 15px;
        margin-bottom: 25px;
    }

    hr.hr {
        margin-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1919px) {
    .crown-card-top .title {
        font-size: 14px;
        min-height: 42px;
    }

    .banner-line svg {
        width: 95%;
    }

    .banner-line {
        bottom: -10px;
        left: 2vw;
        z-index: 9;
        top: auto;
    }

    .tab-flower {
        position: relative;
    }
}

@media (min-width: 768px) {
    .copyright .row .col-md-6:first-child {
        text-align: left;
    }


    .copyright .row .col-md-6:nth-child(2) {
        text-align: right;
    }

    .connectivity-heading {
        margin-top: -25px;
    }

    .connectivity-heading {
        margin-bottom: 15px;
    }

    .amenities-row:nth-child(1) {
        margin-top: 30px;
    }

    .locationimg {
        height: 100%;
    }

    .callnowButton {
        padding: 3px;
        border-radius: 50%;
    }
}

@media(min-width: 1441px) and (max-width: 1560px) {
    .exploreMore-btn {
        position: relative;
        transform: translate(6vw, -3vh);
    }
}

@media(min-width: 1561px) and (max-width: 1660px) {
    .exploreMore-btn {
        position: relative;
        transform: translate(6vw, 1vh);
    }
}

@media(min-width: 1551px) and (max-width: 1660px) {

    .luxury-text {
        top: 50vh;
    }

    .luxury-image {
        width: 75%;
    }

    .amenities-right-box-text {
        right: -2% !important;
        top: -5vh;
    }

    .amenities-right-box {
        right: 0%;
        margin-top: 20px;
    }


    .amenities-right-box-text {
        right: -2%;
        top: -5vh;
    }

    .amenities-row {
        display: flex;
        justify-content: right;
    }
}

@media(min-width: 1280px) and (max-width: 1550px) {
    .nav-menu a {
        font-size: 16px;
    }

    .luxury-text img {
        width: 60% !important;
    }

    .banner-text-outer-right {
        top: 470px;
        right: 1vw;
    }

    .banner-text-outer-left {
        left: 6vw;
        top: 400px;
    }

    .banner-text-right,
    .banner-text-left {
        font-size: 20px;
    }

    .amenities-set p {
        font-size: 12px;
        margin-bottom: 0px !important;
        line-height: 15px;
    }

    .exploreMore-btn {
        transform: none;
        margin-bottom: 20px;
    }

    nav#nav-head {
        width: 64% !important;
    }

    .col-md-2.logo-mr.sm-none {
        width: 10% !important;
        margin: 0px;
    }

    .developer-logo-header {
        width: 100%;
    }

    p.text-center {
        font-size: 13px;
    }

    .address-container span {
        font-size: 13px;
        line-height: 20px;
    }

    .address-container {
        font-size: 14px;
    }
}

@media(min-width: 1661px) and (max-width: 1700px) {
    .luxury-text {
        position: absolute;
        left: 4vw;
        top: 3%;
        z-index: 9;
    }
}

@media(min-width: 768px) and (max-width: 1180px) {

    .about-details>div:nth-child(1),
    .about-details>div:nth-child(2) {
        border-right: 2px solid rgba(120, 197, 219, 0.17) !important;
        border-bottom: 0px !important;
    }

    .pad-top-3 {
        padding-top: 0rem !important;
    }

    .crown .row.align-items-center {
        flex-direction: column;
    }

    .grandeur-column .col-md-5.md-none {
        width: 100%;
    }

    .contact-mob-head,
    .amenities h1,
    .connectivity h1,
    .about-us h2,
    .contact h1 {
        font-size: 30px !important;
    }

    #about .row.about-us,
    #contact .row:first-child {
        justify-content: center;
    }

    #about .row.about-us .grandeur-column,
    .contact .form-pad,
    #contact .col-md-6.sm-none {
        width: 90%;
    }

    .location-tab,
    #about .col-md-5.sm-none.aos-init {
        display: none !important;
    }

    .show-location,
    .tab-flower {
        display: block !important;
        margin-top: 0px !important;
    }

    .connectivity .title-text {
        font-size: 16px !important;
        margin-top: 1rem !important;
    }

    #home .text-center img {
        width: 60% !important;
    }

    .luxury-image {
        width: 50% !important;
    }

    .banner-text-outer-left {
        top: 320px !important;
        left: 7vh !important;
    }

    .luxury-text {
        left: 4vw !important;
        top: 240px !important;
        z-index: 11;
    }

    .banner-text-outer-right {
        right: 2vw !important;
        top: 365px !important;
    }

    .banner-text-right,
    .banner-text-left {
        font-size: 14px !important;
    }

    .about-details p {
        font-size: 16px !important;
    }

    .crown-bottom-img .crown-bottom-img-details {
        padding: 0px 8px;
    }

    .crown-bottom-img .crown-bottom-img-details h3 {
        font-size: 11px;
    }

    .crown-bottom-img .crown-bottom-img-details p {
        font-size: 9px;
    }

    .crown-card-section .crown-card {
        width: 13%;
    }

    #highlights .row .col-md-5,
    #highlights .row .col-md-7 {
        width: 80% !important;
    }

    #location .title {
        font-size: 22px;
        margin-top: 1rem;
    }

    p.sub-title.sm-none {
        display: none;
    }

    .gallery .screenshot_slider .owl-next {
        transform: translate(20vw, -17vh);
    }

    .gallery .screenshot_slider .owl-prev {
        position: absolute;
        transform: translate(-29vw, -17vh);
    }

    .grandeur-column .col-md-5.md-none.aos-init {
        display: block;
        margin: 20px 0px;
    }

    .amenities-row.aos-init {
        margin-left: 1rem;
    }

    .amenities-set p {
        font-size: 12px;
    }

    .amenities-right-box {
        right: 1%;
    }

    .amenities-right-box-text {
        top: -7vh;
    }

    #amenities .container-fluid.p-5.mt-5 {
        margin-top: 0px !important;
        padding: 2rem !important;
    }

    .amenities-right-box-text p {
        margin-left: 1.5rem;
        font-size: 16px;
        line-height: 20px;
    }

    .grandeur-column .image img.img-fluid {
        width: 100%;
    }

    .nav-menu a {
        padding: 15px;
        font-size: 12px;
    }

    .crown-card-top {
        padding: 5px;
    }

    .banner-line {
        bottom: -45px !important;
    }
}

@media(min-width: 768px) and (max-width: 1024px) {
    #home .text-center img {
        width: 60% !important;
        height: 603px;
    }
}

@media(min-width: 760px) and (max-width: 768px) {
    .mob-logo {
        width: 100%;
    }

    .tab-flower img.img-fluid.banner-width {
        display: none;
    }

    .banner-text-outer-right {
        margin-right: -10px;
    }

    .about-details .col-md-2 {
        flex: 0 0 auto;
        width: 25%;
    }

    .logo-desk {
        display: flex;
        flex-basis: 70%;
        align-items: center;
        justify-content: space-between;
    }

    .mob-logo {
        width: 75%;
    }

    .highlight-row .col-md-6,
    .row.about-us .col-md-7,
    .row.about-us .col-md-5 {
        width: 100%;
    }
}

@media(min-width: 1370px) and (max-width:1420px) {
    .luxury-text {
        top: 40vh;
    }

    .banner-text-outer-left-2 {
        top: 48vh;
    }

    .banner-text-outer-right-1 {
        top: 42vh;
    }

    .luxury-text-r {
        top: 48vh;
        right: 5vw;
    }

    .banner-text-outer-right-2 {
        top: 53vh;
        right: 15vw;
    }

    .banner-text-outer-right-3 {
        top: 65vh;
        right: 5vw;
    }

    .highlight-image {
        width: 100%;
        height: 100%;
    }

    .highlight-row .image-block {
        height: 100%;
    }

    .retail {
        margin-top: 10px;
        font-size: 30px;
        line-height: 40px;
    }

    .highlight-heading .destination {
        font-family: 'Julietta';
        font-size: 75px;
        margin-left: 20px;
    }

    .great-vibes {
        font-size: 42px !important;
        line-height: 50px !important;
    }

    .second-line {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .about-us p {
        font-size: 13px !important;
        margin-top: 0px !important;
    }

    .one {
        font-size: 35px;
    }

    .grandeur-column {
        padding-top: 0px !important;
    }

    .highlight-row::before {
        height: 140px;
        width: 140px;
        bottom: -79px;
        left: 37%;
        background-size: cover;
    }

    li.highlight-detail-list,
    li.location-detail-list {
        line-height: 30px;
        font-size: 13px;
        margin-bottom: 0px;
    }

    #location::before {
        height: 150px;
        width: 150px;
        bottom: 90px;
        left: -6%;
        background-size: cover;
    }

    #location::after {
        height: 150px;
        width: 150px;
        bottom: 90px;
        right: -6%;
        background-size: cover;
    }

    .amenities-set {
        margin-right: 15px;
    }

    #amenities::before {
        height: 150px;
        width: 150px;
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 110px;
        right: -6%;
        z-index: 10;
    }
}

@media(min-width: 1420px) and (max-width:1660px) {
    .luxury-text {
        top: 2%;
        left: 3vw;
    }

    .banner-text-outer-left-2 {
        top: 55vh;
        left: 18vw;
    }

    .banner-text-outer-right-1 {
        top: 42vh;
    }

    .luxury-text-r {
        top: 48vh;
        right: 3vw;
    }

    .banner-text-outer-right-2 {
        top: 56vh;
        right: 15vw;
    }

    .banner-text-outer-right-3 {
        top: 65vh;
        right: 5vw;
    }

    .banner-line {
        bottom: -35px;
        left: 4vw;
    }

    .highlight-image {
        width: 100%;
        height: 100%;
    }

    .highlight-row .image-block {
        height: 100%;
    }

    .retail {
        margin-top: 10px;
        font-size: 30px;
        line-height: 40px;
    }

    .highlight-heading .destination {
        font-family: 'Julietta';
        font-size: 75px;
        margin-left: 20px;
    }

    .great-vibes {
        line-height: 50px !important;
    }

    .second-line {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .about-us .about-us p {
        font-size: 15px !important;
        margin-top: 0px !important;
    }

    .one {
        font-size: 35px;
    }

    .grandeur-column {
        padding-top: 0px !important;
    }

    .highlight-row::before {
        height: 140px;
        width: 140px;
        bottom: -79px;
        left: 37%;
        background-size: cover;
    }

    .highlight-detail li.highlight-detail-list,
    .location-detail li.location-detail-list {
        line-height: 30px;
        font-size: 14px;
        margin-bottom: 0px;
    }

    #location::before {
        height: 150px;
        width: 150px;
        bottom: 90px;
        left: -6%;
        background-size: cover;
    }

    #location::after {
        height: 150px;
        width: 150px;
        bottom: 90px;
        right: -6%;
        background-size: cover;
    }

    .amenities-set {
        margin-right: 30px;
    }

    #amenities::before {
        height: 150px;
        width: 150px;
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 110px;
        right: -6%;
        z-index: 10;
    }

    .luxury-text-r h4 {
        font-size: 45px !important;
    }

    .footer-about p.text-center {
        font-size: 15px;
    }
}

@media(min-width: 1280px) and (max-width: 1700px) {
    .home-section {
        position: relative;
    }
}

@media(max-width: 767px) {
    .logo-mr {
        flex-basis: 35%;
        max-width: 35%;
    }

    .logo-desk .md-none {
        display: block;
        margin: auto;
    }

    .logo-desk .mob-logo {
        width: max-content;
    }

    .fp-list-item {
        max-width: 100%;
        padding: 10px;
        flex-basis: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .tabs-content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .great-vibes {
        font-family: 'TrajanPro-Regular';
        font-size: 24px;
        display: block;
        text-align: center;
        color: #654631;
        background: linear-gradient(101.97deg, #F4E3BB 15.91%, #CDAA49 99.56%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        /* text-transform: capitalize; */
    }

    .second-line {
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 25px;
        display: block;
        color: #654631;
    }

    .amenities-heading {
        font-size: 18px;
        margin-top: -5px;
        text-align: center;
        margin-bottom: 20px;
        color: #102E34;
    }

    #amenities-mob {
        background: #fff;
        color: #fff !important;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 0px 0px 15px 0px;
    }

    #highlights {
        background-color: #0B333F;
        padding: 0;
    }

    .fp-heading {
        padding-top: 30px !important;
    }

    .modal-dialog {
        width: 90%;
        margin: auto;
    }
}

@media(min-width: 1024px) and (max-width: 1279px) {
    #nav-head {
        width: 64%;
    }
}

@media(min-width: 1024px) and (max-width: 1369px) {

    .banner-text-outer-left-2 {
        left: 14vw;
        top: 21vw;
    }

    .luxury-text h4 {
        font-size: 35px !important;
    }

    .banner-text-outer-right-1 {
        top: 38vh;
    }

    .banner-text-outer-right-1 {
        position: absolute;
        right: 8vw;
        top: 39vh;
        z-index: 9;
    }

    .luxury-text-r {
        top: 45vh;
        right: 4vw;
    }

    .luxury-text-r h4 {
        font-size: 35px !important;
    }

    .banner-text-outer-right-3 {
        right: 2vw;
    }

    .banner-text-right-3 {
        font-size: 30px;
    }

    .luxury-text {
        position: absolute;
        left: 3vw;
        top: 4%;
        z-index: 9;
    }

    .banner-text-outer-right-2 {
        position: absolute;
        right: 13vw;
        top: 52vh;
        z-index: 9;
    }

    .amenities-row-container .amenities-heading .second-line {
        font-size: 17px !important;
    }

    .amenities-row-container .amenities-heading .great-vibes {
        /* line-height: 30px !important; */
    }

    .great-vibes {
        font-size: 21px !important;
    }

    #highlights .section-heading {
        padding: 0 !important;
    }
}

@media(min-width: 1024px) and (max-width: 1700px) {
    .about-us p {
        font-size: 13px !important;
        margin-top: 0px !important;
    }

    .great-vibes {
        font-size: 21px;
    }

    .second-line {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    li.highlight-detail-list,
    li.location-detail-list {
        line-height: 25px;
        font-size: 11px;
        margin-bottom: 0px;
    }

    .highlight-row::before {
        height: 140px;
        width: 140px;
        bottom: -79px;
        left: 37%;
        background-size: cover;
    }

    #location::before {
        height: 150px;
        width: 150px;
        bottom: 90px;
        left: -6%;
        background-size: cover;
    }

    #location::after {
        height: 150px;
        width: 150px;
        bottom: 90px;
        right: -6%;
        background-size: cover;
    }

    #amenities::before {
        height: 150px;
        width: 150px;
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 110px;
        right: -6%;
        z-index: 10;
    }

    #amenities::after {
        height: 80px;
        width: 80px;
        background-repeat: no-repeat;
        bottom: 50px;
        right: 5%;
        z-index: 9;
        background-size: cover;
    }

    #amenities .section-heading {
        padding-bottom: 80px;
    }

    .amenities-row-container {
        margin-top: -110px;
    }

    .amenities-set {
        margin-right: 30px;
    }
}

@media(min-width: 1701px) and (max-width: 1919px) {
    .banner-text-outer-left-2 {
        left: 12vw;
        top: 54vh;
    }

    .luxury-text {
        left: 3vw;
        top: 13%;
    }

    .banner-text-outer-right-1 {
        right: 6vw;
    }

    .banner-text-outer-right-2 {
        right: 11vw;
        top: 62vh;
    }

    .luxury-text-r h4 {
        font-size: 42px !important;
    }
}

@media(min-width: 768px) {
    .cloud-top-left {
        position: absolute;
        top: 22%;
        left: 0px;
    }

    .cloud-bottom-left {
        position: absolute;
        bottom: 5%;
        left: 0px;
    }

    .cloud-top-right {
        position: absolute;
        top: 0;
        right: 0;
    }


    .cloud-bounce-left {
        position: absolute;
        bottom: 55%;
        left: 0;
        width: 2%;
        object-fit: cover;
    }

    .cloud-right {
        position: absolute;
        top: 20%;
        right: 0;
        width: 3%;
    }

    .great-vibes {
        font-family: 'TrajanPro-Regular';
        font-weight: 400;
        font-size: 40px;
        /* text-transform: capitalize; */
        background: linear-gradient(#F4E3BB, #C8A135);
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .second-line {
        font-family: 'rowan';
        font-weight: 500;
        text-transform: uppercase;
        font-size: 24px;
        width: 78%;
        display: block;
    }

    .location-info {
        padding-left: 50px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .location-info .second-line {
        width: 100%;
        color: #654631;
    }

    .amenities-heading .second-line {
        text-transform: capitalize;
        width: 100%;
        font-size: 20px !important;
        color: #654631;
    }

    .amenities-set {
        padding-bottom: 0px !important;
        width: calc(33%);
    }


    .screenshot_slider .owl-item .item img {
        position: relative;
    }

    .screenshot_slider .owl-item .item img::after {
        height: '100%';
        width: '100%';
        background-color: #00000020;
        content: '';
        display: block;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    #footer-about .rera-container,
    #footer-about .disclaimer {
        width: max-content;
        margin-bottom: 10px !important;
    }

    #footer-about .rera-container {
        font-size: 10px !important;
    }

    .banner-rera {
        font-size: 12px;
        color: #fff !important;
    }

    .banner-rera a {
        color: #fff;
        text-decoration: none;
    }

    #footer-about {
        padding-bottom: 10px !important;
        background-color: #072d39;
    }

    .about-heading {
        text-align: center;
        font-family: 'TrajanPro-Regular';
        color: #143542;
        font-size: 36px;
        padding-bottom: 10px;
        text-transform: capitalize;
    }

    .about-para {
        position: absolute;
        font-family: 'Poppins-Regular';
        font-size: 14px;
        bottom: 20px;
        margin: 0% 5% !important;
        display: inline-block;
        background: #0B333F82;
        padding: 20px 50px;
        left: 0;
        text-align: center;
        border-radius: 10px;
    }

    #highlights .image-block {
        padding-right: 80px;
    }
}

.cloud-bounce {
    -webkit-animation: bounce-x 10s infinite linear;
    animation: bounce-x 10s infinite linear;
    opacity: 1;
    /* Initial opacity */
    width: 3%;
}

@-webkit-keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    90% {
        -webkit-transform: translateX(160px);
        transform: translateX(160px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 0;
    }
}

@keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    90% {
        -webkit-transform: translateX(160px);
        transform: translateX(160px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 0;
    }
}

.cloud-bounce-left {
    -webkit-animation: bounce-left 8s infinite linear;
    animation: bounce-left 8s infinite linear;
}


@keyframes bounce-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    90% {
        -webkit-transform: translateX(160px);
        transform: translateX(160px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 0;
    }
}

.cloud-right {
    -webkit-animation: bounce-left 8s infinite linear;
    animation: bounce-right 8s infinite linear;
}


@keyframes bounce-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    90% {
        -webkit-transform: translateX(1-60px);
        transform: translateX(-160px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 0;
    }
}

@media (max-width: 767px) {
    /* #location::before {
        background-image: url(../images/amenities-icon.png);
        height: 87px;
        width: 87px;
        background-repeat: no-repeat;
        bottom: 35px;
        left: -15%;
        background-size: cover;
        z-index: 0;
    } */

    /* #location::after {
        position: absolute;
        content: '';
        background-image: url(../images/amenities-icon.png);
        height: 87px;
        width: 87px;
        background-repeat: no-repeat;
        right: -12%;
        z-index: 1;
        background-size: cover;
        top: 59%;
    } */

    .location-info {
        padding-top: 30px;
        background: #fff;
        padding-bottom: 40px;
    }

    /* .highlight-row::before {
        position: absolute;
        content: '';
        background-image: url(../images/amenities-icon.png);
        height: 87px;
        width: 87px;
        background-repeat: no-repeat;
        bottom: -45px;
        left: 40%;
        z-index: 1;
        background-size: cover;
    } */

    .icon-box img {
        width: 50px;
    }

    .amenities-set {
        text-align: center;
        width: 33%;
        letter-spacing: 1px;
    }

    .amenities-heading .second-line {
        margin-bottom: 0px;
    }

    .fancybox-container {
        z-index: 99999992 !important;
    }

    .tab {
        padding: 3% 8%;
    }

    .tab.active {
        padding: 3% 8%;
    }

    #amenities-carousel {
        margin-bottom: 40px;
    }

    li.highlight-detail-list img,
    li.location-detail-list img {
        margin-top: 5px;
    }

    .tab-container {
        display: none;
        flex-direction: column;
    }

    .tab {
        margin-bottom: 25px;
    }

    .about-para {
        font-family: 'Poppins-Regular';
        font-size: 14px;
        bottom: 20px;
        display: inline-block;
        background: #0B333F82;
        padding: 20px 10px;
        left: 0;
        text-align: center;
        border-radius: 10px;
        margin-top: 20px;
    }

    .about-heading {
        text-align: center;
        color: #CB7051;
        font-size: 24px;
        padding-bottom: 10px;
        padding-top: 30px;
        /* text-transform: capitalize; */
    }

    .banner-heading {
        display: none;
    }

    .banner-heading .second-line {
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .cloud-left,
    .cloud-bounce-left {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .cloud-right {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .cloud-top-left {
        position: absolute;
        top: 22%;
        left: -2%;
        width: 45%;
    }

    #home {
        overflow: hidden !important;
    }

    .rera-container {
        font-size: 10px;
    }

    .position-absolute.rera-container a {
        color: #444444 !important;
        text-decoration: none;
    }

    #footer-about .rera-container {
        font-size: 10px !important;
    }

    #footer-about .rera-container a {
        text-decoration: none;
    }

}

@media(min-width: 1920px) {
    .banner-text-outer-left-2 {
        top: 20%;
    }

    .luxury-text {
        top: 15%;
    }
}