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

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

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

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

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

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

@media only screen and (max-width: 870px) {
    img {
        width: 100%;
    }

    .carousel-caption {
        left: 7%;
        bottom: 4.25rem;
        display: block !important;
    }

    .carousel-item img {
        height: 80vh;
        object-fit: cover;
    }

    .carousel-control-next-icon::after {
        content: ">";
        position: absolute;
        top: -4px;
        right: 7px;
        font-size: 23px;
        color: #00B087;
        direction: ltr;
    }

    .carousel-control-next-icon {
        width: 1rem;
        height: 1rem;
        background: white;
        opacity: 1;
        border-radius: 90px;
        padding: 13px;
        position: relative;
    }

    .carousel-control-next {
        right: 2px;
    }

    .carousel-control-prev-icon {
        width: 1rem;
        height: 1rem;
        background: white;
        opacity: 1;
        border-radius: 90px;
        padding: 13px;
        position: relative;
        direction: ltr;
    }

    .carousel-control-prev-icon::after {
        content: "<";
        position: absolute;
        top: -5px;
        right: 8px;
        font-size: 27px;
        color: #00B087;
    }

    .carousel-control-prev {
        left: -2px;
    }


    .carousel-caption h1 {
        font-size: 30px;
        line-height: 32px;
    }

    .baner-span {
        line-height: 32px;
        font-size: 30px;
    }

    .carousel-caption br {
        display: none;
    }

    .explore-btn {
        padding-left: 25px;
        padding-right: 25px;
        height: 45px;
        font-size: 10px;

    }

    .reg-btn {
        font-size: 10px;
        height: 45px;
        padding-left: 35px;
        padding-right: 35px;
    }

    .banner-btns {
        margin-top: 30px;
    }

    .live {
        font-size: 60px;
        line-height: 50px;
    }

    .unique {
        font-size: 60px;
        line-height: 71px;
    }

    .live-img img {
        height: 330px;
    }

    .res-pt-5 {
        padding-top: 16px !important;
    }

    .abt-2 h3 {
        font-size: 20px;
    }

    .res-mb-5 {
        margin-bottom: 25px;
    }

    .res-img-un {
        height: 140px;
        width: 47%;
        object-fit: contain;
    }

    .res-img-un-2 {
        height: 140px;
        width: 100%;
        object-fit: contain;
        margin-top: 60px;
    }

    .index-banner-2 {
        z-index: -1;
        position: relative;
        margin: -34px 0 0 0;
        margin-left: 80px;
    }

    .register-btn-primary {
        max-width: 100%;
        width: 100% !important;
    }

    .head h2 {
        font-size: 30.059px;
    }

    .who {
        font-size: 76px;
        line-height: 40px;
    }

    .we {
        font-size: 76px;
        line-height: 130px;
    }

    .are {

        font-size: 76px;
        line-height: 20px;
    }

    .who-img {
        margin-top: 89px;
    }

    .who-row {
        margin-top: 0px;
    }

    .navbar-collapse {
        height: 80vh;
    }

    .navbar-nav {
        padding-top: 50px;
    }

    .navbar-nav .nav-link {
        padding: 20px 0px !important;
    }

    .property-h2 {
        font-size: 76px;
        line-height: 96px;
    }

    .mang-h2 {
        font-size: 56px;
        line-height: 64px;
    }

    .pm-p {
        font-size: 20px;
        line-height: 39px;
    }

    .res-ms-0 {
        margin-left: 0px !important;
    }

    .res-mt-5 {
        margin-top: 15px;
    }

    .bayut-btn {
        width: 100%;
    }

    .dubizi-btn {
        width: 100%;
    }

    .find-btn {
        width: 100%;
    }

    .sale-box {
        padding-top: 20px;
    }

    .res-map {
        display: block !important;
    }

    iframe {
        width: 100%;
    }

    .sale-page .property-h2 {
        font-size: 49px;
        line-height: 74px;
    }

    .proj-banner-h2 h2 {
        font-size: 60px;
        line-height: 70px;
    }

    .property-col-box {
        margin: 0px;
    }

    .last-sec h3 {
        font-size: 30px;
        line-height: 44px;
    }

    .abs-last {
        position: absolute;
        bottom: 10%;
        right: 20%;
        width: 180px;
    }

    .rent-page .property-h2 {
        font-size: 50px;
        line-height: 84px;
    }


    .ceo-abs {
        line-height: 10.93px;
        font-size: 10px;
    }

    .ceo-abs h3 {
        font-size: 16.948px;

        line-height: 32.93px;
    }


    .ceo .property-h2 {
        font-size: 45px;
    }

    .ceo-abs {
        align-items: flex-start;
        left: 15px;
    }

    .management .property-h2 {
        font-size: 50px;
        line-height: 65px;
    }

    .team-box h4 {
        font-size: 28.059px;
    }

    .res-pb-0 {
        padding-bottom: 0px !important;
    }

    .blog .property-h2 {
        font-size: 55px;
    }

    .news-det-head {
        font-size: 27px;
        line-height: 39.396px;
    }

    .res-column {
        flex-direction: column;
    }

    iframe {
        width: 100%;
    }

    .tab-content {
        width: 100%;

    }

    .terms h2 {
        font-size: 45px;
        line-height: 55px;
    }



}

@media (max-width: 1920px) {
    .register-btn-primary {
        font-size: calc(12px + (12 - 12) * (100vw - 1600px) / 320);
        padding-left: calc(64px + (64 - 64) * (100vw - 1600px) / 320);
        padding-right: calc(64px + (64 - 64) * (100vw - 1600px) / 320);
    }

}

@media (max-width: 1920px) {
    .register-btn-primary {
        line-height: calc(20px + (20 - 20) * (100vw - 1600px) / 320);
    }
}