@media (min-width: 992px) {
    .property-search-box .form-group {
        margin-bottom: 0;
    }

    .localities-budget {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
        margin-left: 60px;
    }
}


@media (max-width: 1200px) {
    .property-data li.list-inline-item{
    width: 100%;
    }
    .property-data-row-left>ul {
        gap: 10px;
    }
    .property-data-row-left>ul .list-inline-item {
        width: auto;
    }
    .property-data-row-left>ul .list-inline-item:not(:last-child){
    margin-bottom: 0px;
    }
    .property-data .list-inline-item:not(:last-child){
    margin-right: 0px;
    margin-bottom: 5px;
}
    .top-header .list-inline-item {
   
    flex: 1 0 48%;
}
.login-add-property .img-fluid-qrcode {
    width: 50px;
}
}
    
    


@media (min-width: 1200px) {
    .container {
        max-width: 1230px;
    }
}

@media (min-width: 1200px) and (max-width: 1440px) {
  
  
/*    .banner-homepage img{*/
/*    height:600px;*/
/*}*/
    .banner-section h1 {
        padding-bottom: 60px;
    }
    .banner-section .carousel-caption h1 {
    padding-bottom: 0px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
    
       .property-listing-types .table-responsive{
    font-size:14px;
}
    
    
    .property-search-box .btn-search {
    padding: 10px 15px;
    min-width: 100%;
}
    
.section-project-detail a.nav-link {
    padding: 6px 10px !important;
}

/*.section-project-detail .navbar-nav {*/
/*    gap: 0;*/
/*}*/
    
    
/*       .banner-homepage img{*/
/*    height:360px;*/
    
/*}*/
    
    
    
    header .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
        margin-left: 12px;
        margin-right: 12px;
    }

    header .navbar-light .navbar-nav.login-add-property .btn-yellow {
        font-size: 14px;
        padding: 10px 15px 12px;
    }

    .property-search-section {
    margin-top: 40px;
}

    .property-search-section .nav-pills {
        margin-bottom: 10px;
    }
    .custom-banner-height {
    height: 250px;
}
}

@media (max-width:991px) {
    
    .property-data-row-right {
    margin: 0;
    border-radius: 10px;
}
    .property-listing-types .table-responsive{
    font-size:14px;
}
    
    
    .related-project .property-thumbs a img{
    height:200px;
}
    
    
    .photo-gallery-main .property-thumbs img,
    {
    height: 180px !important;

}
    
    .contact-with-btn {
    margin-top: 30px;
}

        .img-fluid1,
    .profile-image{
    width: 100px;
    height: 100px;
    line-height: 100px;
    object-fit: cover;
}
    .photo-gallery-modal .modal-content {
    width: 95%;
}
    header .navbar-light .navbar-nav .nav-link {
    text-align: left;
}
    .contact-strip {
    margin-bottom: -80px;
}
.contact-strip .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
}
.contact-strip .col-md-4:last-child {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 15px;
}
footer {
    padding-top: 120px;
}
    .login-add-property .img-fluid-qrcode {
    margin-left: 15px;
}
    .single-facilities {
    width: 48%;
}
    
      .col-lg-9.login-signup-form.form-step {
    margin-top: 40px;
}
    
    
    .single-agency .form-group .form-check {
    width: 49%;
}
 
    
    
    .section-project-detail {
    top: 88px;
}
    
    .section-project-detail .navbar-nav {
    gap: 5px;
}
    
    
.section-project-detail a.nav-link {
    padding: 5px 8px !important;
    font-size: 14px;
}
    
    .navbar-collapse a.nav-link {
        border-bottom: 1px solid rgba(41, 61, 114, 0.1);
    }
    
    .main-navbar {
        height: 70px;
    }

    .navbar-light .navbar-toggler {
        position: absolute;
        /*top: 0;*/
        right: 0px;
    }

    #navbar-main {
        position: absolute;
        left: -10px;
        right: -10px;
        top: 60px;
        background-color: #fff;
        z-index: 20;
        box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    }

    header .navbar-light .navbar-nav .nav-link {
        padding: 10px 10px;
    }

    .navbar-nav.login-add-property {
      
        -ms-flex-direction: row;
        flex-direction: row;
        margin-right: 40px;
    }

    /*.property-search-section .nav-pills .nav-link {*/
    /*    background-color: #f5f5f5;*/
    /*}*/

    .property-search-section {
        margin-top: 40px;
    }

    .sell-rent-img {
    margin-top: 0;
    position: relative;
    max-width: 100%;
    height: auto;
    margin-left: 0;
    width: 100%;
}

    .mobile-number-field {
        padding: 0 20px;
    }

    .contact-strip {
        padding: 20px;
    }

    /*svg.feather {*/
    /*    min-width: 26px;*/
    /*    height: 26px;*/
        /*margin-right: 10px;*/
    /*}*/
    .page-link svg.feather {
    min-width: 17px;
    height: 17px;
}
    .custom-banner-height {
    height: 200px;
}
.titanium-agent, .fratured-agent, .city-agent {
    padding: 40px 0px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
    
    
    
  .property-filter-horizontal .list-group-item .dropdown-for-form {
    min-width: 160%;
    /* padding: 0; */
}
    
/*         .banner-homepage img{*/
/*    height:300px;*/
/*}*/

    
    header .navbar-light .navbar-nav .nav-link {
        margin-right: 0px;
  
}
  


    .main-navbar {
        height: 90px;
    }

    #navbar-main {
        top: 75px;
    }
}

@media (max-width:767px) {
    .property-data-row-left {
    width: 100%;
}
    .property-data-row-right {
    width: 100%;
    padding: 20px 10px;
    margin-top: 20px;
}
    .project-detail-count {
    flex-wrap: wrap;
}
    .project-detail-count .count {
    flex: 1 0 150px;
    text-align: center;
}
    .city-agent {
    padding-bottom: 65px;
}
    .property-form-group i.arrow-down {

    margin-right: -6px;
 
}
    
    
    .post-prop-img-right, .post-prop-img-left {
    position: sticky;
    top: 77px;
    height: 86vh;
}
    
    .filter-by-property,
.filter-by-bedroom,
.filter-by-budget,
.filter-by-city {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: solid 1px #e5e9f6;
} 

    
    .property-filter-horizontal .list-group-horizontal.list-group{
        display:block;
    }
    
    .property-filter-horizontal .list-group-horizontal .list-group-item{
        margin-bottom:10px;
    }
    
    .list-group-horizontal {
        padding:20px 30px;
    flex-direction:column;
    position: fixed;
    background: #fff;
    z-index: 999;
    top: 0;
    left: -100%;
    right: 0;
    bottom: 0;
    width: 100%;
    transition:all 0.4s;
}

.property-filter-show{
    left:0;
}
    
    
    .contact-us-form{
    height: auto;
    position: fixed;
    left: 10px;
    right: 65px;
    bottom: 20px;
    transform: translateY(120%);
    box-shadow: -25px 25px 50px rgba(0, 0, 0, 0.25);
    transition: all 0.4s;
    z-index: 999;
    }
    
    .contact-panel{
        z-index:999;
        height:100%;
        position:initial;
        
    }
    .contact-us-show-hide{
         transform: translateY(0%);
    }
    
    .contact-us-button{
       position: fixed;
    width: 40px;
    height: 40px;
    background: #324b8c;
    color: #fff;
    border-radius: 100px;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    }
    
    
    .contact-us-button  i.fas{
       font-size:18px;
    }
    
    
    .agent-contact {
    margin-top: 15px;
}
    .contact-with-btn a i, .contact-with-btn a svg.feather {
    font-size: 16px;
    margin-right: 5px;
    width: 16px;
}
    .contact-with-btn a {
    margin-right: 10px;
    padding: 6px 20px;
    font-size: 16px;
    margin-bottom: 10px;
}
    .agent-number-info a {
    padding: 8px 25px;
    line-height: 35px;
}
        .img-fluid1,
    .profile-image{
    width: 80px;
    height: 80px;
    line-height: 80px;
}
    .photo-gallery-main > .row > [class*="col-"] {
    margin-bottom: 20px;
}
    .photo-gallery-main {
    padding: 15px;
}
.property-types-main .list-inline {
    padding: 10px 15px;
    margin-bottom: 15px;
}
.property-types-main .list-inline-item,
.property-types-main .list-inline-item:not(:last-child) {
    margin-right: 0px;
    width: 100%;
}
.property-types-title {
    margin-top: 5px;
}
    .property-types-main {
    padding: 15px;
}
    .overview-title h4 {
    padding-left: 15px;
}
    .about-property p {
    padding: 15px 15px 0;
}
    .overview-section .overview-content {
        margin: 20px 30px;
}
    .property-highlight-slider .slick-next {
    right: 0;
    margin-right: 5px;
}
    .dev-image {
    width: 60px;
    height: 60px;
    font-size: 24px;
}
.dev-contact {
    padding: 30px 15px;
}
.developer-contact-section .dev-contact {
    gap: 20px;
}
    .photo-gallery-modal .prev, .photo-gallery-modal .next {
    padding: 1px 8px;
   font-size: 16px;
}
.photo-gallery-modal .numbertext {
    padding: 4px 10px;
}
        .property-filter {
    height: auto;
}
        
      .filter-by-property, .filter-by-bedroom {
         display: none;
     }
    .slick-prev,
    .slick-next {
            width: 35px;
    height: 35px;
    top: auto;
    bottom: -50px;
    margin-right: calc(50% - 40px);
}
.slick-prev {
    right: 45px;
}
    footer h5,
    footer p,
    footer .social-icons  {
    text-align: center;
}
    footer .navbar-brand{
        display: table;
        margin: auto;
    }
    .contact-strip .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
}
footer {
    padding-top: 110px;
}
        .property-search-box .btn-search {
    padding: 6px 25px;
    min-width: 100px;
}
    .property-search-section .nav-pills .nav-link {
    min-width: 80px;
    height: 35px;
    padding: 0.45rem 0.7rem;
}
.property-search-section .nav-pills .nav-item:not(:last-child) {
    margin-right: 10px;
}
    .property-search-section {
    margin-top: 30px;
}
    
  
    

    
    
    .facilities-feature .row{
      justify-content: center;
    }
    
    
    
    .homepage-all-project-share-icons{
        display:flex;
    }
    
        
    .homepage-all-project-share-icons a i{
   margin-right:5px;
}
    
    .price-data {
    left: 32px;
    top: 40px;
}
    
    .offer-price-last {
    font-size: 14px;
}
    
    .offer-price {
    font-weight: 700;
    font-size: 18px;
}
    
    .offer-price-title {
    font-size: 11px;
}
    
    .offer-price-tag {
    height: 140px;
    width: 140px;
    background-size: 100%;
}
    
    .property-ad-container h2 {
    padding-left: 15px;
    font-size: 16px;
    max-width: 70%;
    margin-top: 10px;
}
    
    
    .property-ad-container h5 {
    margin-top: 5%;
    padding-left: 15px;
    font-size: 14px;
}
    
    .property-ad-container {
    width: 70%;
}
    
    .property-ad-1 > img {
    min-height: 200px;
    object-fit: cover;
}
  
    .sticky .main-navbar {
    z-index: 100;
}

    
    .single-agency h2 {
    font-size: 24px;
        
    }
    
    .navbar-nav.login-add-property {
        gap:5px;
    }
    
    .top-header li:nth-child(-n+2){
        display:none;
}
    
    section.section-project-detail {
           
    padding: 5px 0;
}
    
    
.section-project-detail li.nav-item {
    width: auto;
}
    
    .section-project-detail a.nav-link {
    padding: 3px 5px !important;
    font-size: 12px;
}
    
    


    .project-list-banner-section h1 {
        max-width: 100% !important;

    }

    .top-header {
        height: auto;
        font-size: 14px;
        text-align: center;
    }

    .navbar-light .navbar-brand {
        max-width: 130px;
    }

    header .navbar-light .navbar-nav.login-add-property .btn-yellow,
    header .top-header ul li .btn-yellow {
        font-size: 13px;
        padding: 4px 10px 4px;
    }

    header .navbar-light .navbar-nav .nav-link {
        font-size: 13px;
        margin-left: 10px;
        margin-right: 10px;
    }

    header .navbar-light .navbar-nav.login-add-property .nav-link {
        margin: 0;
    }

.banner-section h1 {
    max-width: 320px;
    font-size: 22px;
}

    .property-search-section .nav-pills {
    margin-bottom: 15px;
}

    .property-search-box {
        padding: 20px;
        margin-bottom: 20px;
    }

    .section-title {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .section {
        padding: 20px 0;
    }

    .section.top-properties-section {
        padding-bottom: 80px;
    }


    .feautured-property .slick-prev,
    .feautured-property .slick-next,
    .trending-project .slick-prev,
    .trending-project.slick-prev {
        top: -15px;
        bottom: auto;
        margin-right: 0;
    }

    /*.trending-project .slick-prev {*/
    /*    left: auto;*/
    /*    right: 56px;*/
    /*}*/

    .trending-project .slick-next {
        right: 0px;
    }

    .add-banner img {
        height: 300px;
        object-fit: cover;
    }

    .add-banner-content {
        padding: 20px;
    }

    .add-banner-content h2 {
        font-size: 20px;
    }

    .sell-rent-box {
        padding: 20px;
    }

    .sell-rent-property-section .section-title {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .localities-budget-title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .locality-box {
        padding: 20px 20px 80px;
    }

    .localities-budget-section .slick-list.draggable {
        margin: 0 -15px;
        padding: 0px;
        bottom: 0;
    }

    .localities-budget-section .slick-prev,
    .localities-budget-section .slick-next {
        top: auto;
        bottom: -80px;
    }

    .localities-budget-section .slick-next {
        right: 0;
    }

    .localities-budget-section .slick-prev {
        right: 56px;
    }

    .slick-list.draggable {
        margin: -25px -15px -30px;
        padding: 25px 0px 30px;
    }

    .download-app-main h2 {
        font-size: 24px;
    }

    .col-md-4.media {
        margin: 10px 0;
    }

    .footer-col>[class*="col-"]:not(:last-child) {
        margin-bottom: 30px;
    }
    .custom-banner-height {
    height: 150px;
}
.navbar-nav  .profile-dropdown-menu{
    position: absolute;
    left: auto;
    right: 0px;
}
}

@media (max-width:575px) {
    
    
    .property-unit-config .overview-title {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    flex-direction: column;
    gap: 5px;
}
    
    
    .sub-status .status {
    font-size: 12px;

}
    

    .homepage-modal-search-bar {
    gap:5px
}
 
 
 .homepage-modal-search-bar .input-group-append{
     flex-grow:1;
 }
 
  .homepage-modal-search-bar button{
     flex-grow:1;
 }
 

 .homepage-modal-search-bar .input-group-prepend .form-control, .homepage-modal-search-bar.input-group>.input-group-append>.input-group-text {
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}



    .login-add-property .img-fluid-qrcode {
    margin-left: 0px;
}
    
    
    .banner-section h5{
    font-size:14px;
}

    
    .single-agency .form-group .form-check {
    width: 100%;
}
    
    
/*    .single-facilities {*/
/*    width: 46%;*/
/*    height: fit-content;*/
/*    padding: 10px;*/
/*    margin: 0 5px 10px;*/
    /* gap: 10px; */
/*    flex-direction: row;*/
/*    justify-content: flex-start;*/
/*}*/
    
    
    .facilities-feature {
    padding: 15px;
    }
    
    .facilities-feature .row{
      justify-content: center;
    }
    
    
    
    .property-ad-container{
        width:70%;
    }
    
    
/*    .sticky .main-navbar {*/
/*    position: relative;*/

/*}*/
    
    
    .property-thumbs a img {
    max-width: 100%;
    height: 250px;
    object-fit: cover;
}
    
    
    .project-detail-banner-section img{
 max-width: 100%;
    min-height: 100px;
    object-fit: cover;}

    
    
    .section-project-detail a.nav-link{
        color:#fff;
    }
  
    .section-project-detail {
    background-color: #293d72;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 10%);
    position: sticky;
    top: -1px;
    z-index:99;
        
    }
    
    
    
/*     header.sticky + .banner-section + .section-project-detail {*/
/*           background: #293d72;*/
         
/*}*/

/*   header.sticky + .banner-section + .section-project-detail .nav-item a{*/
/*           color: #fff;*/
         
/*}*/
   
   /* .property-search-section-homepage{*/
   /*    display:none;*/
   /*}*/
    
    .single-agency h2 {
    font-size: 18px;
}
    
/*          .banner-homepage img{*/
/*    height:150px;*/
/*}*/
    
    
    .locbox1{
    display: contents;
}
   
    
    .top-header .list-inline-item {
    flex: 1 0 100%;
}
    
    header .container {
        padding-right: 10px;
        padding-left: 10px;
    }
    .custom-budget-dropdown .property-type-dropdown-menu {
        width: 280px;
        left: -10% !important;
    }
}


@media (min-width: 576px) and (max-width: 767px){
    
.banner-section h5{
    font-size:16px;
}

    
       .section-project-detail {
    top: 68px;
}
    
          .banner-homepage img{
    height:250px;
}
    
    
    .locbox1{
        width:48%;
    }
}


@media (max-width:325px) {
    
    
    
.navbar-light .navbar-brand {
    max-width: 100px;
}
.property-selection .col-6{
    max-width: 100%;
    flex: 0 0 100%;
    padding-right: 0px;
    padding-left: 0px;
}
.property-search-section .property-selection,
.property-filter .property-selection{
    gap: 10px;
}
.contact-strip a, footer a {
    font-size: 12px;
}

.contact-strip h5 {
    font-size: 14px;
}
.contact-strip svg.feather {
    min-width: 20px;
    height: 20px;
}
.overview-title h4 {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 20px;
}
.mobile320none,
.section-title span.mobile320none{
    display: none;
}
.filter-by-property, .filter-by-bedroom, .filter-by-budget, .filter-by-city {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#navbar-example2 .nav-link {
    padding: 5px 18px;
}
}


@media (max-width: 420px){
    .single-facilities {
    width: 100%;
}
}



/* ------------------------ 15-05-2023 CSS Start Here -------------------------- */
@media (max-width: 1199px){
    .property-thumbs a img {
    height: 200px;
}
.single-top-project-2 .btn-yellow, .price-share-row .btn-yellow {
    padding: 4px 15px;
}
.single-top-project-2 .property-space-tag {
    max-width: 120px;
}
}
@media (max-width: 767px){
    .share-like-icons a i {
        margin-right: 0px;
    }
    .property-logo-title .dev-image {
        width: 40px;
        height: 40px;
    }
    .top-project .property-data {
        padding: 0px 15px;
        margin-top: 15px;
    }
    .feautured-property .property-data {
        padding: 0px 15px;
    }
    .single-top-project-2 .property-data{
        padding: 15px;
    }
}