@media only screen and (min-width: 2500px) {}

@media (max-width: 1400px) {
    .header-med .head-inner ul {
        gap: 14px;
    }

    .header-med .head-inner ul li a {
        font-size: 14px;
    }

    .head-inner .menu-left {
        gap: 10px;
    }
}

@media (max-width: 1200px) {
    #homepage-search-filter .search-item .search-fld .search-label {
        white-space: nowrap;
        overflow-wrap: revert-layer;
        display: block;
        font-size: 8px;
    }

    #homepage-search-filter .btn {
        font-size: 12px;
        padding: 10px;
    }

    .title h3 {
        max-width: 680px;
    }

    
}

@media (max-width: 991px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        width: 100%;
        max-width: 100%;
        flex: auto;
    }
.res-only {
    display: block;
}
.res-none{
    display:none;
}
    .nav-menu {
        display: none;
    }

    .head-inner .menu-left .lang-h,
    .head-inner .menu-left .btn {
        display: none;
    }

    .item.res-menu {
        display: block;
    }
    .header-home .head-inner .logo-h img{
        /*filter: none;*/
    }
    .projects-text .btn{
        display:none !important;
    }

    .sidebar-logo {
        display: flex;
        align-items: center;
        gap: 12px;
        border-bottom: 1px solid #f0f3f8;
        padding: 20px;
    }

    .sidebar-logo .logo-h {
        max-width: 161px;
    }

    .sidebar-logo .lang-h {
        padding: 0;
        margin-inline-start: auto;
    }

    .sidebar-logo .lang-h a {
        padding: 0 20px;
        font-size: 14px;
        gap: 6px;
    }

    .sidebar-logo .lang-h::before {
        left: auto;
        right: 0;
    }

    .banner-h .img-banner {
        max-width: 100%;
        border-radius: 0;
        position: relative;
        display: none;
    }
   

    .text-banner {
        text-align: center;
        /* background: var(--bg-color); */
        /* padding: 50px 0; */
        margin-top:50px;
    }

    .banner-h .col-md-7 {
        padding: 0;
    }

    .banner-h {
        padding-top: 0;
    }

    .logo-banner img {
        max-height: 150px;
        /*filter: brightness(0) invert(1);*/
    }

    .logo-banner {
        padding: 50px 0 20px;
        margin-bottom: 0;
        /*background: var(--bg-color);*/
    }

    .text-banner h1 {
        font-size: 22px;
        color: var(--main-color);;
        line-height: 32px;
        /*background: var(--bg-color);*/
        margin: 0;
    }
    .text-banner h4 {
        font-size: 18px;
        color: var(--main-color);;
        line-height: 32px;
        /*background: var(--bg-color);*/
        margin:25px 0;
    }

    .btn-banner-h {
        /*background: var(--bg-color);*/
        margin: 0;
        padding: 50px 0;
        justify-content: center;
        padding-top:0px;
    }

    .btn-banner-h .btn {
        min-width: 210px;
    }

    .banner-h .img-banner.res-img {
        display: block;
    }

    .banner-items {
        justify-content: center;
        text-align: center;
        margin-top: 30px;
    }

    .banner-items .banner-item {
        justify-content: center;
                /*justify-content: flex-start;*/
        margin: 10px 0;
                /*margin-left: 20%;*/
                gap: 5px;
    }
    .banner-items .col-md-4{
        width:40%;
    }
    .living-img{
        margin:0px;
    }

    .links-page-inner::after {
        background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, .2));
        content: "";
        height: 100%;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 30%;
    }

    .links-page-inner ul {
        position: relative;
        display: block;
        white-space: nowrap;
        width: 100%;
        overflow: -h;
        overflow-x: auto;
    }

    .links-page-h.active .links-page-inner .links-inner-btns {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background: #fff;
        padding: 20px;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .06), 0 2px 4px 0 rgba(0, 0, 0, .06);
                justify-content: center;
    }

    .links-page-inner ul li {
        display: inline-block;
    }

    .links-page-inner ul li a {
        height: 59px;
    }

    .single-details-text h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .single-details-text p {
        margin: 20px 0;
        font-size: 14px;
        line-height: 24px;
    }
    
    
    .single-details-price {
            margin-inline-start: inherit;
    }

    .single-details-price .item h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .single-details-price .item {
        padding: 15px 0;
    }

    .single-gallery-h .row {
        display: none;
    }

    .single-gallery-h .res-only {
        display: flex;
    }

    .gallery-inner {
        position: relative;
        height: 260px;
    }

    .gallery-inner .gallery-img-h {
        height: 260px;
        overflow: hidden;
        border-radius: 8px;
        margin: 0;
    }

    .gallery-inner .btn {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 10px;
        background: #fff;
        color: var(--main-color);
        min-width: auto;
        height: 44px;
        padding: 0 14px;
        border-radius: 4px;
        font-size: 14px;
    }

    .gallery-inner .slick-prev,
    .gallery-inner .slick-next {
        background: transparent !important;
        border: none !important;
        margin: 0 10px;
    }

    .gallery-inner .slick-prev::before,
    .gallery-inner .slick-next::before {
        color: #fff;
    }

    .single-gallery-h {
        padding-block: 0 40px;
    }

    .single-details-h {
        padding-block: 40px;
    }

    .single-living-h {
        padding-block: 40px;
    }

    .living-img {
        height: 100px;
    }
    /*.living-img .img ,*/
    /*.living-img .img img{*/
    /*    height:80px;*/
    /*}*/

    .living-text {
        padding: 32px 0 0;
    }

    .living-text h3 {
        margin: 16px 0;
        font-size: 30px;
    }

    .single-floor-h {
        padding-block: 40px;
    }

    .title {
        margin-bottom: 20px;
    }

    .title h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .single-floor-h .row .col-md-6:nth-child(3) {
        order: 2 !important;
    }

    .single-floor-h .row .col-md-6:nth-child(2) {
        order: 3;
    }

    .floors-slider .img {
        height: 250px;
        margin-bottom: 30px;
    }

    .single-amenities-h {
        padding-block: 0px;
    }
.single-amenities-h .col-md-3{
    width:40%;
}
    .single-location-h {
        padding-block: 40px;
    }

    .location-img {
        height: 240px;
    }

    .living-text p {
        font-size: 14px;
        line-height: 24px;
    }

    .living-text ul li {
        font-size: 13px;
        line-height: 23px;
        margin: 10px 0;
    }

    .living-text .btn {
        margin-top: 15px;
    }

    .single-brochure-h {
        padding-block: 40px;
    }
 
    .text-borch .btn {
        margin-block: 16px;
    }

    .img-borch {
        margin-top: 20px;
    }

    .single-information-h {
        padding-block: 40px;
    }

    .single-deals-h {
        padding-block: 40px;
    }

    .deals-text h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .deals-text p {
        margin: 15px 0;
    }

    .deals-text .btns-flex {
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 30px;
    }

    .deals-text .btns-flex .btn {
        width: 100%;
    }

    .deals-form {
        padding: 30px;
    }

    .subscribe-form form {
        flex-wrap: wrap;
        gap: 10px;
    }

    .subscribe-form form .form-group {
        width: 100%;
    }

    .subscribe-form form .btn {
        width: 100%;
    }

    .footer-top {
        padding-top: 40px;
    }

    .footer-top .col-md-4,
    .footer-top .col-md-2 {
        width: 50%;
    }

    .foot-block h3 {
        font-size: 13px;
        line-height: 23px;
        margin-bottom: 12px;
    }

    .links-f li a {
        font-size: 12px;
        line-height: 22px;
    }

    .foot-block {
        margin-bottom: 20px;
    }

    .links-f2 {
        display: none;
    }

    .logo-bottom {
        display: none;
    }

    .s-h {
        justify-content: center;
    }

    .copy-right p {
        text-align: center;
    }

    footer {
        overflow: hidden;
    }

    .links-page-h.active .links-page-inner .links-inner-btns .btn {
        padding: 12px;
        /*min-width: auto;*/
        width:80%;
         background: linear-gradient(135deg, var(--main-color) 0%, rgb(214 214 214 / 1%) 0%, #01062d 47%)
    }
    .links-page-h.active .links-page-inner .links-inner-btns .btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transform: skewX(-25deg);
  animation: shine 2s infinite;
}

@keyframes shine {
  0% { left: -50%; }
  100% { left: 100%; }
}

    html,
    body {
        overflow-x: hidden;
    }

    .banner-home-h .search-banner-h {
        display: none;
    }

    header.sticky.header-home .mobile-nav-toggler .lines ::after,
    header.sticky.header-home .mobile-nav-toggler .lines ::before {
        background: #fff;
    }

    .home-slider-block .container>.row {
        align-items: end;
        padding: 120px 0;
    }

    .home-slider-block .text-slider h1 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 5px;
    }

    .home-slider-block .text-slider p {
        font-size: 14px;
        line-height: 22.4px;
        margin-bottom: 18px;
    }

    .home-slider-block .text-slider .btn.btn-white {
        width: 100%;
    }

    .btns-responsive {
        display: flex;
    }

    .btns-responsive .btn {
        min-width: auto;
        width: calc(50% - 8px);
        font-size: 12px;
    }

    .banner-home-h {
        z-index: 8;
    }

    .searchModal .modal-dialog {
        margin: 0;
        height: 100%;
        width: 100%;
        max-width: 100%;
    }

    .searchModal .modal-dialog .modal-content {
        height: 100%;
        /* background-color: #f8f9fb; */
    }

    .searchModal .modal-body {
        padding: 0;
    }

    .searchModal .modal-body .btn-close {
        position: relative;
        margin: 10px;
        margin-inline-start: auto;
        font-size: 16px;
        color: var(--main-color);
        padding: 10px;
        display: table;
    }

    .searchModal #homepage-search-filter {
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        padding: 20px !important;
        margin: 0;
    }

    .searchModal {
        padding: 0 !important;
    }

    .searchModal .select2-container--default .select2-selection--multiple,
    .searchModal .search-fld {
        padding: 25px 20px;
        position: relative;
        border-bottom: 1px solid #ebebeb;
    }

    .searchModal .search-fld {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        color: #232323;
    }

    .searchModal .search-fld .search-label {
        width: 100%;
        display: block;
        font-size: 11px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .searchModal .search-fld .search-val {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }

    .searchModal .btn {
        width: 100%;
        margin-top: 59px;
        /*background-color: #9D9D9C;*/
        background-color: var(--main-color);
        border: 1px solid var(--main-color);
    }

    .select2-dropdown {
        z-index: 99999;
    }

    .modal .modal-option-h {
        inset: 0;
        height: 100% !important;
        z-index: 9 !important;
        padding: 20px !important;
        height: 100% !important;
        overflow: scroll;
        width: 100% !important;
        min-width: 100%;
    }

    .modal-option-h .title-modal-h {
        display: flex;
        align-items: center;
        justify-content: space-between;
        -webkit-align-items: center;
        border-bottom: 1px solid #CACACA;
        padding: 0 0 10px;
        margin: 0 0 30px;
    }

    .modal-option-h .title-modal-h h3 {
        color: #000;
        font-size: 22px;
        line-height: 40px;
        text-transform: uppercase;
        margin: 0;
    }

    .modal-option-h .title-modal-h .close-drop {
        border: none;
        background: transparent;
        position: relative;
        margin-inline-start: auto;
        font-size: 18px;
        color: var(--main-color);
        padding: 10px;
        display: table;
    }

    .modal-option-h .title-modal-h+.row {
        height: calc(100% - 172px);
        overflow: scroll;
        display: block;
    }

    .row.filter-bottom .col-md-6 {
        width: 50%;
    }

    .filter-bottom .apply-selection {
        min-width: 150px;
        padding: 12px 15px;
        background-color: var(--main-color);
        border: 1px solid var(--main-color);
        font-weight: 700;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 0 #fff;
        opacity: .5;
    }

    .area-max-range label,
    .area-min-range label,
    .price-max-range label,
    .price-min-range label {
        font-size: 9px;
    }

    .title-flex {
        flex-direction: column;
        align-items: start;
        -webkit-align-items: start;
        gap: 20px;
    }

    .properties-h {
        padding: 40px 0;
    }

    .project-block .img-block {
        height: 200px;
    }

    .project-block .img-block .alert-img span {
        font-size: 8px;
        padding: 5px;
        margin-bottom: 5px;
    }

    .project-block .details .price-h h3 {
        font-size: 18px;
    }

    .new-h {
        padding: 40px 0;
    }

    .news-block .img {
        /*height: 276px;*/
    }
    .news-block .details{
        padding:0px;
    }

    .news-block .details h3 {
        font-size: 28px;
        line-height: 40px;
    }

    .projects-text .title h3 {
        font-size: 28px;
        line-height: 40px;
    }

    .projects-text .btn {
        display: none;
    }

    .project-block2 .img {
        height: 172px !important;
    }

    .projects-h .btn {
        display: flex;
    }

    .communities-h {
        padding-top: 60px;
    }

    .communities-all .slick-prev,
    .communities-all .slick-next {
        display: none !important;
    }

    .sub-title2 {
        margin-bottom: 10px;
    }

    .communities-all .item {
        padding: 0 10px;
    }

    .communit-block .img {
        height: 332px;
    }

    .communities-all .slick-list.draggable {}

    .title-flex .btn {
        width: 100%;
    }

    .real-block.real-big .img {
        height: 173px;
    }

    .real-block.real-big .details .title-block h3 {
        font-size: 18px;
        line-height: 25px;
    }

    .real-block.real-big .details .title-block {
        border-bottom: 1px rgba(227, 227, 227, 0.5) solid;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .real-block .details .title-block h3 {
        font-size: 14px;
    }

    .real-block .details p {
        font-size: 10px !important;
        line-height: 1.4 !important;
        letter-spacing: 0em;
    }

    .real-block .details .date-h {
        font-size: 10px;
    }

    .real-h {
        padding-bottom: 30px;
    }
    #toggle-features{
        width:50%;
        margin:20px auto;
    }
    .sale-h{
        padding: 40px 0
    }
.home-slider-block .overlay-img{
    position:absolute;
}
.res-only{
      display:block;
  }
  .container-search-property{
      display:none !important;
  }
  #homepage-search-filter .search-item #mySelect2,#homepage-search-filter .search-item .select2-container{
      width:80% !important;
  }
  .btn-res{
      width:15% !important;
       min-width:15% !important;
       display: inline-block;
  }
  .search-project-h{
      margin-top:10px;
  }
  .container-search-btn{
      display:block !important;
  }
}

@media (max-width: 768px) {
       .single-brochure-h .row{
          flex-direction: column-reverse;
          display:flex;
    }
    .communities-all .slick-prev, .communities-all .slick-next, .sale-all .slick-prev, .sale-all .slick-next{
        width: 17px;
        /*right: 0px;*/
        top:-35px;
    }
  
}

@media (max-width: 767px) {}

@media (max-width: 600px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
}

@media (max-width: 480px) {}

@media (max-width: 390px) {}

@media (max-width: 360px) {}