* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@media (max-width:767.98px) {
    .stats-container {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .stat-box:not(:last-child)::after {
        display: none;
    }

    .location-card h4::after {
        display: none;
    }

    .abs-content {
        position: unset;
        PADDING-TOP: 15PX;
        text-align: center;
    }

    .abs-content h1 {
        font-size: 24px;
        /* text-align: center; */
        line-height: 1.1;
        margin-top: -8px;
        color: var(--main-color);
        /* letter-spacing: 2px; */
        MARGIN-TOP: 12PX;
        MARGIN-BOTTOM: 12PX;
    }

    .banner-img img {
        width: 100%;
        height: 60vh;
        object-position: right;
    }

    #heroBannerCarousel .artistic-frame:hover .artistic-image {
        height: 60vh;
    }

    .abot-img img {
        height: 400px;
    }

    .about-vactor1,
    .about-vactor2 {
        display: none;
    }

    .padding-all {
        padding: 65px 0px;
    }

    .about-left-side {
        margin-top: 19px;
        padding: 0;
    }

    .header-all p {
        margin-top: 30px;
    }

    .center-page img {
        height: 45vh;
    }

    .center-page-content h2 {
        font-size: 24px;
    }

    .center-page-content p {
        font-size: 16px;
        margin-top: 20px;
    }

    .center-page-content {
        top: 38px;
        left: 0px;
        padding: 0 12px;
    }

    .center-page-content img {
        width: 15px;
    }

    .price-heading h2 {
        font-size: 19px;
        color: var(--main-color);
        letter-spacing: 0;
    }

    .price-heading h5 {
        font-size: 20px;
    }

    .bg-price {
        padding: 30px 0px;
        box-shadow: none;
        border: none;
    }

    .card-price img {
        padding: 5px 0px;
    }

    .card-price h5 {
        font-size: 18px;
    }

    .text-price p {
        margin: 5px;
        font-size: 16px;
        font-weight: 500;
    }

    .navbar-brand img {
        width: 120px;
        object-fit: contain;
    }

    .life-style-heading h2 {
        font-size: 24px;
        text-align: center;
        color: var(--main-color);
        letter-spacing: 0;
    }

    .life-style-heading h3 {
        font-size: 18px;
    }

    .Amenities-left {
        margin-top: 10px !important;
        padding: 20px !important;
    }



    .Amenities-left h4 {
        font-size: 15px;
    }


    .tab-btn {
        font-size: 15px;
        padding: 10px 10px;
    }

    .floor-card img {
        width: 15px;
    }

    .floor-card h4 {
        font-size: 15px;
    }

    .floor-card ul li p {
        font-size: 15px;

    }

    .gallery-heading h3 {
        font-size: 20px;
    }

    .gallery-heading p {
        font-size: 15px;
        margin-bottom: 5px !important;
    }



    #gallery-slider .carousel-item img {
        height: 60vh !important;
    }

    .location-heading h3 {
        font-size: 21px;
        color: var(--main-color);
        text-align: center !important;
        letter-spacing: 0;
    }

    .location-page {
        /* background: linear-gradient(to bottom, #0058A8 0%, #0058A8 27%, #ffffff 15%, #ffffff 100%); */
        /* margin-top: 30px; */
    }

    .location-card h4 {
        font-size: 18px;
    }

    .location-card {
        margin-top: 20px !important;
    }



    .footer-page p {
        font-size: 13px;
    }

    .padding-all,
    .footer-page .padding-all {
        padding: 30px 0px;
    }

    .abs-content h1 span {
        font-size: 23px;
        margin-top: 6px;
        display: inline-block;
        /* letter-spacing: 2px; */
    }

    .keypoint-text h6 {
        color: var(--main-color);
        margin-top: 12px !important;
        font-size: 14px;
        letter-spacing: normal;
        /* word-spacing: 1px; */
        /* font-weight: 600; */
        gap: 6px;
        text-align: center;
    }

    .keypoint-text img {
        filter: none;
        width: 16px;
    }

    .keypoint-text::after {
        border-color: #000;
        display: none;
    }

    .price-text h5 {
        font-size: 22px;
    }

    .price-text p {
        font-size: 18px;
    }

    .typo-text h6 {
        font-size: 15px;
    }

    .pricre {
        background-color: #0058A8;
        margin-bottom: 4px;
        flex-direction: column;
        width: 100%;
        /* margin-bottom: 10px; */
    }

    .play-btn {
        justify-content: center;
        display: none;
    }

    .abot-img .about-img-abs {
        width: 150px;
        height: 150px;
        bottom: -4%;
    }

    .header-all h2 {
        font-size: 21px;
        letter-spacing: 0;
        color: var(--main-color);
    }

    .about-left-side p {
        font-size: 14px;
        text-align: justify;
    }

    .about-page-pointer p {
        font-size: 13px;
        line-height: 1.35;
    }

    .hight-form {
        padding: 24px 16px;
    }

    .hight-form button {
        padding: 10px;
        font-size: 14px;
    }

    .hight-form-input {
        padding: 12px;
    }

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

    .location-heading p {
        /* color: #fff; */
        text-align: center !important;
    }

    .location-page .location-map {
        margin-top: 27px;
        height: 290px;
    }

    .location-card img {
        width: 40px;
    }

    .location-card ul li {
        font-style: 11px;
    }

    .adress {
        /* color: #0058A8 !important; */
        display: inline-block;
        margin: 17px 0px;
        text-align: center;
        display: inline-block;
        justify-content: center;
        margin: 0 auto;
        padding: 10px 16px;
    }

    .uner-line,
    .Amenities-uner-line,
    .About-uner-line,
    .Location-uner-line,
    .gakllery-uner-line,
    .Typology-uner-line,
    .Amenities-uner-line {
        display: none;
    }

    .life-style-heading p {
        text-align: center;
    }

    .hight-form h2 {
        font-size: 17px;
    }

    .hight-form-img {
        width: 40px;
        height: 40px;
        padding: 10px;
    }

    .scroll-mobile,
    .location-page .scroll-mobile {
        height: auto;
        overflow: visible;
    }

    body {
        padding-bottom: 64px;
    }

    .typo-text {
        padding: 10px 20px;
        height: auto;
    }

    .price-text {
        height: auto;
        padding: 10px;
        margin-bottom: 20px;
        border-radius: 10px;
        background: no-repeat;
        margin-bottom: 0;
    }

    .abs-high-building {
        display: none;
    }

    .price-section .hight-form {
        display: none;
    }

    .hero-form-wrap {
        display: none;
    }

    .top-header {
        top: -12px;
    }

    .Enquery-btn {
        display: none;
    }

    .artistic-frame::after {
        left: 12px;
        bottom: 10px;
        font-size: 10px;
        padding: 5px 9px;
        letter-spacing: 0.08em;
    }

    .artistic-label--absolute {
        font-size: 9px;
        padding: 4px 7px;
    }

    .artistic_img_sec {
        /* position: relative; */
        display: none;
    }

    .row.mt-3.pe-4.justify-content-center {
        justify-content: center!important;
        text-align: left;
    }

    .amenities-card {
        text-align: left;
    }

    .about-page-pointer {
        padding: 5px 8px;
        flex-direction: column;
    }

    .location-section .row.mt-5.justify-content-center {
        margin-top: 0px !important;
    }

    .mobile-section {
        display: block;
        position: fixed;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;
        background: #0058A8;
        padding: 10px;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;
        width: 100%;
        border-radius: 0px;
    }

    .mobile-section.show {
        display: flex;
    }

    .mobile-section a {
        color: #fff;
        text-decoration: none;
        text-align: center;
        width: 48%;
        display: inline-block;
        font-size: 13px;
        flex: 1 1 0%;
        font-weight: 600;
        letter-spacing: 1px;
    }

    .mobile-section a:not(:last-child) {
        border-right: 1px solid;
    }

    .form_img {
        /* flex-direction: column; */
    }

    .subtitle {
    color: var(--primary-color);
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    display: inline-block;
}

.price {
    background: #0058A8;
    margin-bottom: 20px;
}
.bottom_banner {
    display: none;
}

.abs-content .d-flex.align-items-center.gap-5 {
    justify-content: center;
}

.price-heading.text-start p.text-start {
    font-size: 14px;
    margin: 20px 0;
    line-height: 22px;
}

.same-button a {
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: max-content;
}

.price-content h2 {
    font-size: 20px;
    LETTER-SPACING: 0;
}

.stat-box h2 {
    font-size: 24px;
}
.hight-form-input input {
    /* padding: 10px; */
    font-size: 14px;
}
}
html,
body {
    overflow-x: hidden;
    max-width: 100%;
}

img,
video,
iframe {
    max-width: 100%;
}

.iti {
    width: 100%;
}

.location-section iframe,
.location-page .location-map {
    width: 100%;
    max-width: 100%;
    height: 420px;
    display: block;
    border: 0;
    border-radius: 16px;
}

.location-section ul {
    margin: 8px 0 0;
    padding-left: 1.15rem;
}

.location-section li {
    margin-top: 12px;
    line-height: 1.5;
    font-size: 16px;
}

.abot-img .artistic-frame,
.abot-img .artistic-frame--fill,
.Amenities-left .artistic-frame,
.Amenities-left .artistic-frame--fill {
    display: block;
    width: 100%;
    max-width: 100%;
}

.owl-carousel {
    overflow: hidden;
}

.gallery-slider .item img,
.amenities-slider .item img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.offcanvas-start {
    width: min(400px, 88vw) !important;
}

.modal-dialog {
    max-width: min(520px, calc(100% - 24px));
}

@media (max-width: 767.98px) {
    .location-section iframe,
    .location-page .location-map {
        height: 260px;
    }

    .gallery-slider .item img,
    .amenities-slider .item img {
        height: 220px;
    }

    .modal-dialog {
        margin: 12px auto;
    }

    .center-page-content h2 br {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .banner-img img,
    #heroBannerCarousel .artistic-frame:hover .artistic-image {
        height: 72vh;
    }

    .hero-section > .container {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 20px;
        padding-top: 12px;
        padding-bottom: 28px;
    }

    .abs-content {
        position: relative;
        top: auto;
        flex: 1 1 340px;
        max-width: 100%;
    }

    .abs-content h1 {
        font-size: 36px;
        line-height: 1.15;
        color: var(--main-color);
        margin: 8px 0 12px;
    }

    .subtitle {
        color: var(--primary-color);
        font-size: 20px;
        margin-bottom: 12px;
    }

    .keypoint-text h6 {
        color: var(--main-color);
        font-size: 15px;
    }

    .keypoint-text img {
        filter: none;
        width: 22px;
    }

    .keypoint-text::after {
        border-color: #111;
    }

    .price {
        background: #0058A8;
    }

    .hero-form-wrap {
        position: relative;
        right: auto;
        top: auto;
        width: min(100%, 380px);
        flex: 1 1 300px;
        margin: 8px 0 0;
    }

    .main-img-about {
        height: 420px;
    }

    .center-page img {
        height: 52vh;
    }

    .center-page-content {
        top: 16%;
        left: 24px;
        right: 24px;
    }

    .center-page-content h2 {
        font-size: 32px;
    }

    .virtual-tour-card {
        height: 420px;
    }

    #main-img {
        height: 62vh !important;
    }

    .small-img {
        height: 62vh;
        padding: 12px;
    }

    .small-img img {
        width: 120px;
        height: 90px;
    }

    .padding-all {
        padding: 48px 0;
    }

    .life-style-heading h2,
    .price-heading h2,
    .location-heading h3 {
        font-size: 28px;
    }

    .stats-container {
        flex-wrap: wrap;
    }

    .stat-box {
        flex: 1 1 30%;
    }

    .Amenities-left img {
        width: 100%;
        max-height: 460px;
        object-fit: cover;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .abs-content h1 {
        font-size: 36px;
        line-height: 1.15;
    }

    .subtitle {
        font-size: 20px;
    }

    .hero-form-wrap {
        width: min(320px, 32vw);
        top: 16%;
        right: 3%;
    }

    .hero-banner-form {
        padding: 20px 16px;
    }

    .hero-banner-form h2 {
        font-size: 18px;
    }

    #main-img {
        height: 72vh !important;
    }

    .small-img {
        height: 72vh;
    }

    .small-img img {
        width: 140px;
        height: 100px;
    }

    .virtual-tour-card {
        height: 480px;
    }

    .main-img-about {
        height: 440px;
    }
}

@media (max-width:1366px) {
    .uner-line {
        left: 22%;
    }

    .Amenities-uner-line {
        left: 40%;
    }

    .Typology-uner-line {
        right: 39%;
    }

    .gakllery-uner-line {
        right: 41%;
    }

    .Location-uner-line {
        right: 33%;
    }

    .About-uner-line {
        left: 31%;
    }
}