@media(max-width:576px){
    /*THANK YOU PAGE*/
    header.header_wrapper {top: 0px;height: 104px; }
    button.submit-btn {padding: 7px 15px;font-size: 13px;}
    .listing-contact-main {padding-top: 50px; }
    /*THANK YOU PAGE END*/
    .paraM{margin-top:.4rem;display:none;color:white;font-size: 10px;line-height: 13px;font-family: 'Lato', sans-serif;}
    .paraD{display:none;}
    .testimonial-card {height:auto;}
    /* HEADER */
    .testi-main-cont {top: 0px;}
    .whydubai-banner-cont,.testimonial-banner-cont,.contact-banner-cont,.aboutbanner-cont {top: 60%;}
    .contact_getin_touch {padding: 50px 10px !important;}
    h1{font-size: 40px;line-height: 0px;text-transform: uppercase;font-family: 'Suranna', serif;margin-bottom: 0px;}
    /* HEADER END */
    .rera-pr{line-height: 1.3;}
    .rera-pr span{border-right: none;}
    /* COMMON BANNER */
    .whydubaibanner_wrapper,.testimonialbanner_wrapper,.aboutbanner_wrapper,.contactbanner_wrapper {height: 30vh;}
    .whydubai-bann-overlay,.testimonial-bann-overlay,.aboutbanner-overlay,.contact-banner-overlay {height: 100%;}
    .testi-banner-bg-img img {height: 100%;}
    .about-banner-img img {height: 100%;}
    .whydubai-bann-bg-img img {height: 100%;}
    .contact-bann-bg-img img {height: 100%;}
    /* COMMON BANNER END*/
    /* FOOTER */
    .footer-middle{}
    .find_your_dream,.contact_social_media {padding: 50px 20px;}
    .footer_wrapper{padding: 50px 20px 0px 20px;}
    .divider_wrapper {height: 70px;display: none;}
    .divider_wrapper::after { height: 35px;left: 50%;top: 55px;}
    .footer-topcont {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
    .footer-topcont h4 {font-size: 20px;margin-bottom: 5px;margin-top: 15px;}
    .footer-topcont p {font-size: 18px;}
    .footer-midd-title h2 {margin-bottom: 0px;}
    h2 {font-size: 25px;}
    .local-trus p {font-size: 15px !important;}
    .footer-middle{display: flex;flex-direction: column;align-items: center;}
    .ftr-mid-ico i {font-size: 25px;}
    .footer-mid-cont {display: flex;gap: 0px;flex-direction: column;justify-content: center;margin-bottom: 1rem;align-items: center;}
    .ftr-mid-cont h5 {margin-bottom: 5px;}
    .ftr-mid-cont {display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .local-trus {margin-bottom: 1.2rem;justify-content: center;align-items: center;}
    .ftr-bottom-main {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 28px;}
    .footer-bottom {padding: 20px 0 20px;}
    .ftr-bottom-main p {font-size: 15px;text-align: center;line-height: 23px;width: 90%;}
    .copy-right-main {flex-direction: column;align-items: center;justify-content: center;}
    .copy-right-main span, .copy-right-main p a {font-size: 15px;  }
    .copyright_wrapper {padding: 20px 0px 20px 0px;background: var(--color-deep-b-black);}
    .ftr-mid-cont p {text-align: center;}
    .footer-mail{width: 35px;}
    .footer-phone{width: 40px;}
    .ftr-mid-cont h5, .ftr-mid-cont a{font-size: 15px;}
    .contact-getintouch-title{padding-top: 30px;}
    /* FOOTER END*/

    /* CONTACT PAGE START */
    .contact-getintouch-title h2{

    font-size: 30px;

    line-height: 1.2;

    margin-bottom: 1rem;

   }



   .para-bx p {
    font-size: 16px;
    width:100%;
    line-height: 22px;
    margin-bottom: 30px;
 }

.contact-form {
    width: 100%;
}
.contact-form input::placeholder{font-size: 16px;}


.country-phone,

.name-email{

    display: flex;

    flex-direction: column;

    gap:0px;

}

.contact-social-right {

    margin-left: 0px;

    display: grid;

    gap:20px;

    grid-template-columns: repeat(1, 1fr);

}



.contact-social-right {

    width: 100%;

    padding: 0 1rem;

}

.contact-socil-icon {

    display: grid;

    gap: 0px;

    padding-top: 0px;

    grid-template-columns: repeat(3, 1fr);

    margin-top: 0px;

    margin-left: .5rem;

}

.contactright-inner {

    margin-bottom: 0px;

    margin-top: 20px;

    margin-right: .5rem;

}

.contactright-inner h6{

    font-size: 20px;

    margin-bottom: 16px;

    font-weight: 400;

}



.contact-social-iconbox i {

    font-size: 15px;

    color: var(--color-yellow);

    width: 32px;

    height: 33px;

    border: 1px solid var(--color-yellow);

    border-radius: 50%;

    

}



.contactright-inner a, 

.contactright-inner p {

    line-height: 20px;

 

}

.find-yourdrem-main {

    flex-direction: column;

   

}

.find-yourdrem-main h3 {

    font-size: 35px;

}

.search-pro input {

    padding: 20px 5px;

}

    

    

/* CONTACT PAGE END */







/* ABOUT US START */



    .footer-midd-title h2 {

        margin-bottom: 0px;

        text-align: center;

        line-height: 33px;

    }

.our-expert-leftimg {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.advice {

    height: 504px;

}

.advice-bg-img img {

    width: 100%;

    height: 504px;

    object-fit: cover;

}



.our-expert-leftimg img{

    width: 90%;

    height: 370px;

    }

    .meet-our-expert,

    .our_expert {

        padding: 50px 0;

        padding: 50px 1.5rem;



    }



    .col-sm-6{

        padding: 0%;

        margin: 0%;

    }

    

    .ourexp-right-cont,

    .ourexp-right-title,

    .our-expert-rightcont {

        margin-left: 0px;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    .contactright-inner{

        margin-right: 0rem;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        margin-right: 0px;

        

    }



    

    .meet-ourexp-title h4,

    .ourexp-right-title h4 {

        font-size: 40px;

        padding: 20px 0px 20px;

        margin: 0px 0px 0px

    }



    .ourexp-right-title span {

        font-size: 20px;

    

    }



    .contactright-inner p {

        line-height: 20px;

        text-align: justify;

    }



    .contact-socil-icon {

        display: grid;

        gap: 20px;

        margin-top: 0px;

        margin-left: 0rem;

        align-items: center;

        text-align: center;

    }



    .meet-ourexp-title {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        text-align: center;

    }

    .meet-ourexp-title p {

     

        margin-top: 10px;

        margin-bottom: 15px;

    }

    /* .meet-our-expert {

        padding: 0 0 44px;

    } */

    .ourexp-right-title{

        margin-bottom: 0px;

    }

    .ourmission-left h4 {

        font-size: 40px;

        margin-bottom: 30px;

    }

    .ourmission-main {

        padding: 35px 20px 0px 20px;

        text-align: center;

    }



    .ourmission-socialicon {

        display: flex;

        align-items: center;

        gap: 10px;

        display: flex;

        justify-content: center;

        align-items: center;

        text-align: center;

        margin-bottom: 30px;

    }



    .ourmission-left p {

       font-size: 17px;

        margin-bottom: 30px;

        width:100%;

        font-family: 'Lato', sans-serif;

    }

    .our_mission {

        padding: 0px 0 50px;

        

    }



    .our-socil-item i {

        font-size: 20px;

        width: 33px;

        height: 33px;

      

    }



    .contactright-inner h6 {

        font-size: 16px;

        margin-bottom: 10px;

       

    }

    .contactright-inner p {

        margin-bottom: 15px;

        text-align:center;

    }

    .meet-ourexp-title p {

    font-size: 17px;

    line-height: 20px;

    text-align: justify;

}



    .advise-cont h4 {

        font-size: 40px;

        line-height: 35px;

        margin-bottom: 28px;

    }

   .advise-cont p {

    font-size: 15px;

    line-height: 20px;

    text-align: justify;

}



 .advise-overlay {

    width: 100%;

    height: 564px !important;

    top: 50% !important;

    left: 50%;

}





.advise-cont {

    padding: 30px 20px;

}









/* ABOUT US END */





/* TESTIMONIAL */



.testi-main-cont {

  

    top: 0px;

}

.testi-card {

    padding: 20px 25px;

 

    border-radius: 0px;

    margin-bottom: 28px;

    transition: .3s;

    /* height: 200px; */

    overflow: hidden;

    display: flex;

    margin: 2rem 1rem;

    border-radius: 0.5rem;

}



.testi-inn-bott-right h6 {

    font-size: 25px;

    line-height: 26px;

    margin-bottom: 3px;

    width: 100%;

    align-items: center;

    display: flex;

    text-align: center 

}

.testi-inn-bott-right span {

    font-size: 20px;

    line-height: 22px;

}



.testi-inner-bottom {

   

    flex-direction: column;

    align-items: center;

    gap: 15px;

    padding: 0rem 1rem;

}



.testi-inn-bott-right {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    margin-bottom: 2rem;



}

.testi-inn-bott-left {

    width: 100px;

}



.testi-card p {

    font-size: 15px;

    line-height: 21px;
}
/* TESTIMONIAL END*/

/* Why aura dale page */

    .why-aura-dale{
        padding: 50px 0;
    }
    .why-aura-dale .container .row .col-60 .details{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .why-aura-dale .container .row .col-60 .details p{
        text-align: justify;
    }
    .why-aura-dale .container .row h2{
        font-size: 33px !important;
        margin: 0 0 10px 0;
    }
    .why-aura-dale .container .row .col-60 .details .why-btn a{
        font-size: 12px;
    }
    .odd .container .row .col-60 .details .why-btn a{
        font-size: 12px;
    }
    section.summary {
        padding-top: 50px;
    }
}

@media(max-width:385px){

 

 .testimonial-card {

    

        height:auto;

    }



    ::-webkit-input-placeholder{

    font-size:8px;

    }

    

    .find-yourdrem-main h3 {

       font-size: 35px;

       text-align: center;

       line-height: 33px;

    }

    .footer-midd-title h2 {

        margin-bottom: 0px;

        text-align: center;

        line-height: 33px;

    }



    h1 {

        font-size: 35px;

    }





/*ABOUT US*/



.advice {

    height: 558px;

}

.advise-overlay {

    height: 871px;

    top: 78%;

}

.advice-bg-img img {

   

    height: 558px;

    

}
/*ABOUT US END*/
   /* banner start */

    .about-left {

    text-align: center;

}


.home-popup {

    width: 360px;

}

   


    .banner-cont p {

        font-size: 10px;

    }

    .banner_wrapper {

        height: 100vh;

    }

    h1 {

        margin-bottom: 25px;

    }



    /* banner start */

    /* ====================listings page =======================*/

   /*.list-inn-img::before {

    height: 98px;

    top: -115px;

}*/

  

  /* ====================listings page =======================*/

    .list-inn-img::before {

        height: 84px;

        top: -99px;

    }

    /* Why Kolkata */

    .why-aura-dale .container .row .col-60 .details .why-btn a{
        padding: 16px;
    }

    .odd .container .row .col-60 .details .why-btn a{
        padding: 16px;
    }

}


/*====================shrinath===================*/
@media (max-width: 1470px) {

    /* banner start */

.dubai-project2-card {
    right: -16%!important;
}
.search-form{
    gap: 0.5rem;
}
.search-bedrooms{  
    width: 16%;
    margin: 15px 7px;
}                                     

    /* banner start */
    .banner_wrapper {

        height: 85vh;

        padding: 200px 0;

    }

    h1 {

    font-size: 55px;

    line-height: 35px;

    margin-bottom: 25px;

}

    /* .banner-cont span {

        font-size: 22px;

        line-height: 26px;

        margin-bottom: 22px;

    } */

    .banner-cont p {

        font-size: 20px;

        margin-bottom: 20px;

        line-height: 26px;

    }

    .banner-cont h4 {

        font-size: 28px;

        margin-bottom: 35px;               

    }

    .banner-cont a {

        padding: 16px 20px;

        font-size: 16px;

    }

    /* banner end */

    /* about start */

    h2 {

        font-size: 48px;

    }

    .about-left h2 {

        margin-bottom: 10px;

        line-height: 60px;

    }

    .about-left p {

        font-size: 16px;

        line-height: 28px;

    }

    /* about end */

    /* property advisor start */

    .advisor-title p {
        font-size: 16px;
        line-height: 28px;
    }

    .advisor-card {

    height: 191px;

    padding: 30px 0px;

}

    .advi-card-cont h4 {

    font-size: 18px;

    margin-bottom: 0;

}



    /* property advisor start */

    /* dubai property start */

    .dubai_properti_wrapper {

        padding: 80px 0 60px 0;

    }

    .dubai-properti-row {

        width: 950px;

        height: 550px;

        margin-top: 80px;

    }

    .dubai-pro-card {

        width: 450px;

        height: 395px;

        padding: 30px;

    }

    .dubai-project2-row {

        width: 950px;

        height: 550px;

    }

    .dubai-project2-card {

    width: 450px;

    height: 395px;

    padding: 30px;

    right: -247px;

}



    .dubai-project3-row {

        width: 950px;

        height: 550px;

    }

    .dubai-project3-card {

        width: 450px;

        height: 395px;

        padding: 30px;

    }

    /* dubai property end */

    /* social media start */

    .social-icon-main {

        top: 128px;

    }

    .social_media_wrapper {

        padding: 110px 0 180px;

    }

    .social-icon-box {

        width: 198px;

        height: 223px;

    }

    .social-icon-main i {

        font-size: 60px;

    }

    /* social media end */

    /* contact us start */

    .contact-main {

        bottom: 101px;

    }

    .contactus-title p {

        margin-bottom: 100px;

        font-size: 17px;

    }

    h2.contact-head {

        margin-bottom: 33px;

    }

    /* contact us end */

    /* ====================listings page =======================*/

    /* header start */

    .listings_header .nav-right {

        gap: 34px;

    }

    /* banner start */

    .list-bann-left {

        margin-left: 100px;

    }

    .list-bann-left span {

        margin-bottom: 20px;

    }

    .list-bann-left span::after {

        left: -176px;

        width: 156px;

    }

    .list-bann-right img {

        width: 128px;

        height: auto;

    }

    .listing-project-img {

    width: 518px;

    height: 317px;

}

.listing-pro-last {

    height: 247px!important;

}

/*.listing-proje-top-last {

    position: absolute;

    left: 54%;

    top: 50%;

    transform: translate(-50%,-50%);

}*/



    .listing-pro-inn-cont span {

        font-size: 20px;

        margin-bottom: 10px;

    }

    .listing-pro-inn-cont h5 {

        font-size: 17px;

    }

    .listing-pro-inn-cont p {

        font-size: 12px;

    }

    .listing-pro-inn-cont {

        bottom: 20px;

    }

    .list-inn-img::before {

        height: 100px;

        top: -115px;

    }

    /* banner end */

    /* listing project start */

    .listing_project {

        height: 330px;

    }

    .listing_project2 {

    height: 393px;

}

   .listing-project-gap {

    height: 390px;

}

    .listing-pro2-last {

    height: 389px;

}

    /* listing project end */

    /* listing contact start */

    .listing_contact {

        padding: 0px 0 0px;

    }

    /* listing contact start */





    /*footer*/

    .footer-topcont a {

        font-size: 19px;

    }

    /*footer*/



    .why-investdubai-card p {

    font-size: 20px;

   

}

.econamic-cont {

   

    column-gap: 34px;

}

.city-inner:after {

   

    width: 308px;

    height: 308px;

    

}

.city-inner {

    width: 348px;

    height: 348px;

   

}

.amen-infa-inner:after {

   

    width: 470px;

  left: 57px;

}

.amen-infa-inner {

    gap: 60px;

    margin-bottom: 50px;

}

.exten-connec-icon {

    width: 250px;

    height: 250px;

  



}



.exten-conn-desc h3 {

    font-size: 30px;

   

    margin-top: 26px;

    

}

.exten-conn-desc p {

    font-size: 19px;

    line-height: 25px;

    max-width: 235px;

}
    /* ====================listings page =======================*/
    .title-pr{font-size: 28px;}
    .city-pr{margin-bottom: 6px;}
    .city-pr img{width: 18px;}
    .city-pr span{font-size: 18px;}
    .rera-pr{font-size: 16px;margin: 5px 0;}
    .rera-pr .mt-4{margin-top: 1rem !important;}
    .about-pr{font-size: 16px;}
    .price-detail h6, .connectivity h6, .amenities h6{font-size: 24px;}
    .price-detail ul li, .connectivity ul li span, .amenities ul li span{font-size: 16px;}
    .connectivity ul li, .amenities ul li{width: 22%;}
    .property-detalis, .floor-plans-main, .property-location, .contact_getin_touch{padding: 70px 0;}
    .floor-plan h6{font-size: 39px;}
    .tab{padding: 5px 15px 5px 15px;font-size: 19px;}
    .price-detail, .connectivity, .amenities{margin-top: 15px;}
    .leftImg .owl-item img{height: 565px;}
    .right-detail{padding-left: 1.5rem;}
    .bottom-grid{gap: 1.6rem;margin-top: 50px;}                                  
    .faqs{padding: 100px 0;}
    .accordion-header p{font-size: 18px;}
    .accordion-header{padding: 18px 8px;}
    .accordion-content{padding: 15px;}
    .accordion-content p{font-size: 15px;line-height: 22px;}
    .acc-bottom-cont h2{font-size: 48px;width: 25%;}
    .browse-more{padding: 14px 10px;width: 225px;font-size: 16px;}



    /* Why aura dale page */


    .contact-banner-cont p{
        font-size: 16px;
        max-width: 80%;
        margin-top: 10px;
    }
    .why-aura-dale .container .row h2{
        font-size: 48px !important;
    }
    .why-aura-dale .container .row .col-60 p{
        font-size: 16px !important;
    }
    section.summary p{
        font-size: 16px;
        line-height: 28px;
        margin-top: 10px;
    }
}
@media(max-width:1380px){
    .leftImg .owl-item img{height: 445px;}
    .right-detail{padding-left: 0rem;}
}

@media (max-width: 992px) {

    /* banner start */

  .banner_wrapper {

    height: 100vh;

    padding: 200px 0;

}

    h1 {

        font-size: 45px;

    }

    .banner-cont h4 {

        font-size: 24px;

        letter-spacing: 2px;

    }

    /* banner end */

    /* about us start */

    .about-left h2 br {

        display: none;

    }

    .about-right img {

        width: 100%;

        height: auto;

    }

    .about-btn {

        margin-bottom: 70px;

    }

    /* about us end */

    /* dubai property start */

    .dubai-properti-row {

        width: 100%;

    }

    .dubai-pro-card {

        position: absolute;

        top: 41%;

        transform: translate(-50%, -50%);

        left: 50%;

        background: rgb(252 252 252 / 88%);

    }

    .dubai-project2-row {

        width: 100%;

    }

    .dubai-project2-card {

        position: absolute;

        top: 41%;

        left: 50%;

        transform: translate(-50%, -50%);

        background: rgb(24 24 24 / 70%);

    }

    .dubai-project3-row {

        width: 100%;

    }

    .dubai-project3-card {

        position: absolute;

        top: 41%;

        transform: translate(-50%, -50%);

        left: 50%;

        background: rgb(252 252 252 / 88%);

    }

    /* dubai property end */

    /* testimonial start */

    .testimonial-card {

    margin-bottom: 30px;

    padding: 30px 50px;

    height: 443px;

    /* text-align: center; */

}

    /* testimonial end */

    /* social media start */

    .social-icon-main {

        top: 84px;

    }

    .social_media_wrapper {

        padding: 80px 0 133px;

    }

    /* social media start */

    /* contact start */

    .contact-main {

        width: 550px;

    }

    .contactus_wrapper {

        height: 1126px;

    }

    .contactus-title p {

        margin-bottom: 90px;

        line-height: 26px;

    }

   .listing-contact-bg-img img {

    width: 100%;

    height: 730px;

}

    /* contact end */

    /* ====================listings page =======================*/

    /* banner start */

    .list-bann-left span::after {

        left: -133px;

        width: 124px;

    }

    .list-bann-right img {

        width: 102px;

        height: auto;

    }

   .listingbanner_wrapper {

    padding: 150px 0 37px;

}

    /* banner start */

    /* listing project start */

    .listing-project-top {

        display: flex;

        gap: 20px;

        position: relative;

        right: 0;

        top: -51px;

        flex-flow: wrap;

        justify-content: center;

    }

    .listing-project-bottom {

        display: flex;

        gap: 20px;

        position: absolute;

        flex-flow: wrap;

        left: 0;

        justify-content: center;

        top: 51%;

    }

    .listing_project {

        height: 1234px;

    }

    .listing_project2 {

    height: 0px!important;

}

    .listing-pro2-last {

        height: 124px;

    }

    .eco-circle{

        margin: 0px auto;

    }

    .circle-des p {

    

    margin: 0px auto;

    margin-top: 21px;

    margin-bottom: 50px;

}

.city-inner:after {

    width: 263px;

    height: 263px;

}

.city-inner {

    width: 300px;

    height: 300px;

    margin: 0px auto;

}

.city-desc span{

    margin-bottom: 50px;

}

.minus-m {

    padding: 0px 0 0 0;

}

.exten-connec-icon {

   

    margin: 0px auto;

}

.exten-conn-desc p {

    margin: 0px auto;

    margin-bottom: 50px;

}

.local-trus p {

    font-size: 20px;

   

    line-height: 30px;

}

    /* listing project end */

    /* ====================listings page =======================*/

    /* Why aura dale page */

    .why-aura-dale .container .row{
        flex-direction: column;
    }
    .why-aura-dale .container .row .col-40{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .why-aura-dale .container .row .col-60{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .why-aura-dale .container .row .col-60 .details .why-btn a{
        margin: 30px 0;
    }

}

@media(max-width:768px){
    .navbar-brand{width: 40%;}
    .navbar .menu-btn:checked ~ .menu{padding:12px;}
    .navbar .menu {clear: both;max-height: 0;transition: max-height .2s ease-out;position: absolute;top: 5rem;width: 100%;left: 0;flex-direction: column;gap: 10px;background-color:rgb(24 24 24 / 100%);align-items: center;}
    .nav-item{font-size: 15px;}
    .navbar .menu-icon {cursor: pointer;display: inline-block;float: right;padding: 0px;position: relative;user-select: none;position:absolute;right:90px;}
    .navbar .menu-icon .navicon {background: var(--color-yellow);display: block;height: 2px;position: relative;transition: background .2s ease-out;width: 18px;}
    .navbar .menu-icon .navicon:before,
    .navbar .menu-icon .navicon:after {background:var(--color-yellow);content: '';display: block;height: 100%;position: absolute;transition: all .2s ease-out;width: 100%;}
    .navbar .menu-icon .navicon:before {top: 5px;}
    .navbar .menu-icon .navicon:after {top: -5px;}
    .navbar li{display: block;}
    .logo{width:30%;}
    .contact{width:65%;text-align:right;}
    .navbar{justify-content: unset;position: unset;}
    .navbar .img-bx img{width:150px;}
    /* HEADER END */
    .testimonial-card {height:auto;}
    .property-detalis{padding: 40px 10px;}
    .left-detail, .right-detail{text-align: left;}
    .title-pr{font-size: 28px;}
    .city-pr img{width: 18px;}
    .city-pr span{font-size: 18px;}
    .rera-pr{margin: 6px 0;}
    .about-pr, .price-detail ul li, .rera-pr{font-size: 16px;}
    .price-detail, .connectivity, .amenities{margin-top: 18px;}
    .price-detail h6, .connectivity h6, .amenities h6{font-size: 25px;}
    .floor-plan h6, .related-project h6{font-size: 30px;}
    .connectivity ul, .amenities ul{gap:.8rem;margin-top: 15px;}
    .connectivity ul li, .amenities ul li{width: 30%;}
    .connectivity ul li span, .amenities ul li span{font-size: 16px;}
    .floorPlans{margin-top: 15px;}
    .map-link{height: 280px;}
    .related-project{padding-top: 40px;}
    .related-project{flex-direction: column;}
    .related-project-list, .related-project h6{width: 100%;}
    .related-project-list{margin-top: 20px;}
    .name-email{gap:60px}
    .country-phone{gap: 60px;}
    .leftImg{margin-bottom: 20px;}
    .social-icon-box a img{width: 35px;}
    .accordian-img img{width: 100%;}
    .about_founder_img{margin-bottom: 25px;}
    .brand-img{width: 20%;}
    h2{font-size: 40px;}
    .brand-title h2{line-height: 50px;}
    .news{width: 47%;}
    .dubai-property-title h2{margin-bottom: 10px;}
    .acc-bottom-cont h2{width: 40%;font-size: 35px;}
    .about_founder_img img{width: 100%;}
}

@media (max-width: 576px){
    .navbar .menu{top:4rem}
    section.listing_project.index-cont{z-index: 0;}
    /* banner start */
    .listing-pro-last {height: 0px!important;}
    .navbar .menu-icon{right: 25px;}
    .properti-popup {

        max-width: 336px;

    }

    .properti-popup .form-control::placeholder{

    font-size: 16px!important;

}

  h1 {

  font-size: 20px;
        line-height: 4px;
        margin-bottom: 0px;

}
.banner-overlay {
  
    padding-top: 35px;
 
}
.banner-cont {
    text-align: center;
}

    /* .banner-cont span {

        font-size: 15px;

        line-height: 21px;

        margin-bottom: 22px;

    } */

    .banner-cont {

        top: 57%;

        padding: 0px 0px;

    }

.mainP{

padding-right: var(--bs-gutter-x,.20rem);

    padding-left: var(--bs-gutter-x,.20rem);

}



.banner-cont p {

    line-height: 24px;

    padding-bottom: 0px;

    margin-bottom: .4rem;

    font-size: 14px;

}

p.p-marg {

    margin-bottom: 20px!important;

}

.banner-cont h4 {

    font-size: 15px;

    letter-spacing: 2px;

    line-height: 24px;

    margin-bottom: 10px;

    margin-top: 10px;                

}

   .about-left p {

    font-size: 16px;

    line-height: 23px;

    padding-right: 0px;

}

    /* banner end */

    /* about us start */

    h2 {

        font-size: 28px;

        line-height: 50px;

    }

   .about-left p {

    font-size: 16px;

    line-height: 23px;

    text-align: justify;

}
.price_up p, h5{font-weight: 400;}
.price h5{font-size: 18px;line-height: 1.4;}
.price h5 span{font-size: 18px;}
.news-cont p{font-size: 17px;line-height: 1.3;}

    .about-left-btn a {

        font-size: 12px;

        padding: 14px;

        width: 162px;

        text-align: center;

    }

    .about-btn {

        justify-content: center;

    }

    .about_wrapper {
        padding:50px 10px;
    }
    .content{padding: 0 12px;}

    .about-left {

    text-align: center;

}

    /* about us end */

    /* property advisor start */

    .advisor-title h2 {

        font-size: 30px;
        line-height: 1.2;

    }

    .advisor-title p {
        line-height: 22px;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 40px;
        text-align: justify;
    }

    /* property advisor end */
    .dubai-property-title p{line-height: 28px;font-size: 17px;text-align: justify;}
    .contactus_wrapper{height: 450px;}
    .contact-getintouch-title p{font-size: 17px;line-height: 28px;}

    /* dubai property start */

    .dubai_properti_wrapper {

        padding: 50px 12px 30px;

    }
    .bottom-grid{
        margin-top: 20px;
        padding: 0;
    }
    .news-title h4{font-weight: 500;}

    h4 {

        font-size: 30px;

        font-weight: 600;

        font-family: 'Suranna', serif;

        margin-bottom: 12px;

    }

    .dubai-pro-card p {

        line-height: 24px;

        font-size: 22px;

    }

    .dubai-pro-card {

    width: 319px;

    height: 335px;

    background: rgb(252 252 252 / 60%);

    top: 50%;

}

  .dubai-properti-row {

    height: 400px;

    margin-top: 40px;

}

    .dubai-project2-card {

    width: 319px;

    height: 335px;

    background: rgb(24 24 24 / 60%);

    top: 50%;

}

   .dubai-project2-card p {

    font-size: 21px;

    line-height: 24px;

}

    .dubai-project2-row {

        height: 400px;

    }

    .dubai-pro2-row-img img {

    height: 400px;

    width: 100%;

    object-fit: cover;

}

    .dubai-project3-row {

        height: 443px;

    }

    .dubai-pro-row-img img {

    height: 400px;

    width: 100%;

    object-fit: cover;

}

    .dubai-project3-card {

    width: 319px;

    height: 335px;

    background: rgb(252 252 252 / 60%);

    top: 45%;

}

    .dubai-project3-card p {

        font-size: 22px;

        line-height: 24px;

    }

    /* dubai property end */

    /* brand start */

    .brand-title h2 {
        line-height: 1.2;
        margin-bottom: 30px;

    }

    .brand-title p {

        font-size: 16px;

        line-height: 28px;

    }

    .brand-img {

        margin-bottom: 15px;
        width: 30%;

    }
    .brand-img img{width: 75%;}
    /* brand end */

    /* testimonial start */

      .testimonial-card span{

color:#fff;



   }

    .testimonial-card p {

        font-size: 20px;

        color: var(--color-white);

        line-height: 30px;

        margin: 32px 0 21px;

    }

    .testimonial-title p {

        text-align: center;

        font-size: 20px;

        margin-bottom: 20px;

    }

    .testimonial-title h2 {

        font-size: 38px;

        text-align: center;

        margin-bottom: 30px;

    }

    .testi-readmore-btn {

        margin-top: 0px;

    }



    /* testimonial end */

    /* social media start */

    .social_media_wrapper {

        padding: 20px 0 70px;

    }

    .social-icon-box {

        width: 85px;

        height: 85px;

    }

    .social-icon-main {
        top: 96px;
        right: 0;
    }

    .social-icon-main i {

        font-size: 40px;

    }

    /* social media end */

    /* contact start */

    .contactus_wrapper {
        height: 250px;
    }
    .contactus-bg-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .contact-main {
        width: 291px;
        bottom: 35px;
    }
    .contactus-title p {
        font-size: 16px;
        margin-bottom: 49px;
    }
    .name-email {
        flex-flow: wrap;
        gap: 0;
    }
    .contactus-title p {
        margin-bottom: 60px;
        margin-right: 10px;
    }
   .contact-form input {
        margin-bottom: 16px;
        padding: 0 0 6px 0;
        font-size: 13px;
    }
    .contact-form input::placeholder{
        font-size: 16px;
    }
    .contact-form textarea {
        font-size: 13px;
    }
    .contact-form textarea::placeholder{
        font-size: 16px;
    }
    .nice-select {
        margin-bottom: 16px;
    }
    .nice-select:after{
        width: 6px;
        height: 6px;
    }
    .country-phone {
        flex-flow: wrap;
        gap: 0;
    }
    .contact-form select {
        margin-bottom: 30px;
        padding: 0 0 13px 0;
        font-size: 16px!important;
    }

    span.current {
        font-size: 16px;
    }
    .home-popup .form-control::placeholder{
        font-size: 16px;
    }

    /* contact end */

    /* ====================listings page =======================*/

    /* banner start */

    .list-bann-left {

        margin-left: 0px;

        text-align: center;

    }

    .list-bann-left span::after {

        left: -107px;

        width: 96px;

    }

    .list-bann-right img {

        width: 80px;

        height: auto;

    }

    .list-bann-right img {

    display: none;

}

    /* banner start */

    /* listing project */

    .listing-pro-inn-cont {

    bottom: 98px;

    display: flex;

    gap: 36px;

    margin-left: 35px;

}

   .list-inn-img::before {

    height: 101px;

    top: -120px;

}

    .listing-project-bottom {

    position: initial;

    margin-top: 20px;

}

  .listing_project {

    height: auto;

    padding-bottom: 20px;

}

    .listing-project-top {

    top: auto;

}

/*.listing-proje-top-last {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    width: 100%;

}*/



 .listing_project2 {

    height: auto;

}

   .listing-pro2-last {

    height: auto;

}

    /* listing project */

    /* listing contact start */

    .listing_contact {

    padding: 0px 0 0px;

}

.listing-contact-bg-img img {

    width: 100%;

    /* height: 100%; */

    height: 588px;

}

h2.contact-head {

    margin-bottom: 11px;

}

.eco-circle{

    margin: 0px auto;

}

.circle-des {

    margin: 0px auto;

    display: table;

}

.econamic-prospect {

    padding: 60px 0 0;

}

.econamic-title p {

   

    text-align: justify;

}

.why-dub-card-icon img {

    width: 70px;

   

}

.circle-des p {

   

    margin-top: 10px;

    margin-bottom: 40px;

   

}

.why-invest-dubai-bootom-cont {

    margin-top: 40px;

}

.whyinvest_dubai_wrapper {

   

    padding-bottom: 60px;

}

.city-future-tit h2 {

    margin-bottom: 8px;

    

}

.city-inner {

   

    margin: 0px auto;

    width: 300px;

    height: 300px;

}

.city-inner:after {

    width: 270px;

    height: 270px;

}

.city-future-main {

    margin-top: 60px;

}

.city-desc h4 {

    margin-top: 18px;

    font-size: 20px;

}

.city-desc span{

    margin-bottom: 50px;

}

.amen-infra {

    

    padding: 10px 0;

}

.amen-infa-inner:after {

    width: 290px;

    left: 50%;

    transform: translateX(-50%);

    height: 3px;

}

.amen-infa-inner {

    gap: 10px;

    margin-bottom: 0px;

}

.amen-inner-desc h6 {

    font-size: 26px;

}

.amen-inner-desc p {

    font-size: 12px;

   

}

.amen-inner-icon img {

    width: 100px;

    height: 80px;

    object-fit: contain;

}

.amen-inner-desc {

    padding-bottom: 10px;

}

.amen-inner-desc span {

    font-size: 14px;

  

}

.amen-infra-tit h2 {

    

    margin-bottom: -24px;

}

.exten-connec-icon {

   

    margin: 0px auto;

}

.exten-conn-desc p {

    margin: 0px auto;

    margin-bottom: 60px;

}

.exten-connec-tit h2 {

    margin-bottom: 30px;

    padding-bottom: 0px;

    padding-top: 60px;

}

.minus-m {

    padding: 0px 0 0 0;

}

.exten-conn-desc h3 {

    font-size: 24px;

    margin-top: 20px;

    margin-bottom: 8px;

}

.exten-connec {

   

    padding: 0px 0 20px;

}

.why-investdubai-card{

    height: auto;

}

.why-dub-card-icon {

    margin-bottom: 20px;

}



.bottom-grid {display: flex;flex-direction: column;gap:0}

.news {
    width: 100%;
    margin-bottom: 2rem;
}
.detail{
    width: 100%;
}

.about_founder_img img {

    width: 100%;

}

.brand-gallery {

   

    gap: 5px 10px;

   

}

.ftr-logo {

    /* margin: 0 auto; */

    display: flex;

    justify-content: center;

}

.ftr-logo img {

    width: 65%;

}

.local-trus {

    text-align: center;

}
    /* listing contact end */
/*====================shrinath===================*/

    .banner_wrapper{height: 35vh;padding: 30px 0;}
    .about-right{margin-bottom: 25px;}
    .about-left h2{font-size: 33px;line-height: 1.2;}
    .about-btn{margin-bottom: 0;}
    .about-left-btn a, .about-right-btn a{padding: 10px;width: 150px;font-size: 12px;}
    .property_advisor_wrapper{padding: 50px 0;}
    .banner-cont a{padding: 10px 12px;font-size: 14px;}
    .contact_btn_advisor a{font-size: 14px;padding: 10px;width: 150px;}
    .dubai-property-title h2{margin-bottom: 5px;line-height: normal;}
    .brand_wrapper{padding: 50px 12px 0;}
    .search-bedrooms{width: 37%;margin: 5px;}
    .selected-text, .option{font-size: 14px;} 
    .dropdown-icon img{width: 13px;}
    .search-btn{width: 20%;}
    .search-btn button{font-size: 14px;padding: 0 5px;}
    .search-btn button img{width: 15px;margin-right: 3px;}
    .options{top: 2rem;}
    .connectivity ul li, .amenities ul li{width: 46%;}
    .map-link{height: auto;}
    .faqs{padding: 50px 10px;}
    .accordion-header{padding: 10px 10px;margin-bottom: 10px;}
    .accordion-header p{font-size: 16px;}
    .down{right: 5px;top:9px}
    .accordion-content{padding: 15px;}
    .accordian-img{margin-bottom: 25px;}
    .accordion-content p{font-size: 14px;}
    .acc-bottom-cont h2{line-height: normal;}
    .acc-bottom{height: 30vh;}
    .acc-bottom-cont h2{width: 57%;font-size: 28px;line-height: 1.2;}
    .flex-alter{display: flex;flex-direction: column-reverse;}
    .master-plan a img{width: 100%;}
    .shortcut{padding-bottom: 20px;}
    .shortcut ul{gap: 5px;}
    .shortcut ul li{font-size: 16px;}
    .about-pr p{font-size: 14px;}
    .browse-more{padding: 10px 5px;width: 170px;font-size: 13px;margin: 10px auto 0;}
}                                             

@media (max-width:576px){
    .why-aura-dale .container .row h2{
        font-size: 33px !important;
        margin: 0 0 10px 0;
    }
}