@media only screen and (min-width: 100px) and (max-width: 1375px) {
    .header-nav, .search-body {
        width: 98% !important;
    }

    .sticky-menu {
        width: 100%;
    }

    .custom-dropdown {
        width: 100%;
    }

    .first-carousel {
        width: 100%;
        height: 620px;
    }

    .first-carousel img {
        width: 100%;
        /*object-fit: cover;*/
    }

    .container {
        padding: 0 32px !important;
    }


    /*.filter-block {*/
    /*    padding: 41px 25px 43px 25px;*/
    /*}*/

    /*.filter-price {*/
    /*    width: 100%;*/
    /*}*/
    .web-project-filter .filter-price {
        width: 100% !important;
    }

    .apartment-layout-cards {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    #video-container {
        width: 100%;
        height: auto;
    }

}

@media only screen and (min-width: 1124px) and (max-width: 1500px) {

    .project-title {
        font-size: 70px !important;
        line-height: 70px !important;
    }

    .first-carousel .banner-title {
        font-size: 70px;
        line-height: 70px;
        max-width: 525px;
    }

    .first-section-text .banner-title {
        font-size: 70px;
        line-height: 70px;
    }

    .header-links ul li a, .header-projects-btn {
        font-size: 16px;
    }

    .header-phone {
        font-size: 16px;
    }

    .stick-menu-left-one a {
        font-size: 18px;
    }


    .first-section-card img {
        width: 100%;
        object-fit: cover;
    }

    .first-carousel .carousel-cell {
        width: 100%;
    }


    .first-section, .first-section-card, .first-section-body, .first-section-card img, .first-section .banner-image img, .first-section .banner-image {
        /*height: calc(100vh - 120px);*/
        height: 620px;
        width: 100%;
        object-fit: cover;
        object-position: top right;
    }


    .about-first {
        background-size: cover;
        padding-bottom: 400px !important;
    }

    .web-project-first {
        background-size: cover;
        padding-bottom: 70px !important;
    }


    .filter-section {
        margin-top: 280px;
    }

}

@media only screen and (min-width: 1500px) {
    .first-section, .first-section-card, .first-section-body, .first-section-card img, .first-section .banner-image img, .first-section .banner-image {
        height: 620px;
    }

    .filter-section {
        margin-top: 280px;
    }

}


@media (max-width: 1350px) {
    .header-right-icons{
        column-gap: 5px;
    }
}

@media (max-width: 1330px) {
    .header-mortgage-btn-text {
        display: none;
    }


    .header-mortgage-btn a {
        width: 50px;
        padding: 0;
    }

    .dropdown-slider {
        width: 100%;
        border-radius: 10px;
    }

    .news-cards-right-text {
        max-width: 100%;
    }

    .dropdown-carousel .banner-image img, .dropdown-carousel .flickity-viewport {
        height: 450px;
    }

    .dropdown-carousel .banner-title {
        color: #FFF;
        font-size: 50px;
        font-style: normal;
        font-weight: 600;
        line-height: 45px; /* 90% */
        letter-spacing: -0.625px;
    }

    /*.filter-select {*/
    /*    width: 180px;*/
    /*}*/
    .news-cards-img img {
        width: 100%;
    }

    .video-body {
        column-gap: 30px !important;
    }


    .dropdown-tab-content {
        row-gap: 30px;
        column-gap: 0;
    }


}

@media (max-width: 1260px) {
    .projects-cards-footer{
        column-gap: 20px;
    }
}

@media (max-width: 1200px) {
    .banner-body .banner-text{
        top: 52px;
        left: 58px;
        z-index: 2;
        max-width: 587px;
    }
    .banner-body .banner-title {
        font-size: 50px;
        line-height: 55px;
    }

    .web-project-banner .banner-body .banner-title {
        width: 570px;
    }
}

@media (max-width: 1200px) {

    /*.stick-menu-btn-text {*/
    /*    display: none;*/
    /*}*/
    /*.stick-menu-btn {*/
    /*    width: 50px;*/
    /*}*/
    .header-links ul {
        margin: 0 0 0 10px;
    }

    .item-text-price {
        font-size: 20px !important;
    }

    .item-text-desc {
        font-size: 14px !important;
    }

    .news-cards-right-text {
        padding: 30px 10px;
    }

    /*.right-cards img {*/
    /*    width: 100%;*/
    /*}*/
    .dropdown-tab-content-text {
        width: 150px;
    }

    /*#contact-map{*/
    /*    width: 488px !important;*/
    /*}*/
    .banner-left {
        width: 57% !important;
    }

}

@media (max-width: 1160px) {
    .header-phone-text {
        display: none;
    }

    .header-phone {
        width: 50px;
        height: 50px;
    }

    .projects-cards-footer .price, .projects-cards-title {
        font-size: 20px;
    }

    .projects-cards-desc {
        font-size: 14px;
        column-gap: 8px;
    }

}

@media (max-width: 1124px) {
    .projects-cards-text{
        padding: 25px 20px 32px 20px;
    }
    .similar-items-apartment {
        column-gap: 20px !important;
    }

    .news-cards {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }

    .header-links ul {
        margin-left: 10px;
    }

    .header-links ul li {
        margin-right: 10px;
    }

    .first-section-body {
        display: none;
    }

    .first-section-card-mobile{
        display: block;
        margin-top: 20px;
    }

    .first-section-card-mobile .banner_image{
        width: 100%;
        height: 250px;
        object-fit: cover;
        object-position: center;
    }

    .first-section-card-mobile .banner-title{
        font-size: 30px;
        line-height: 30px;
    }

    .first-section-body-mobile{
        position: relative;
    }

    .first-section-body-mobile .first-section-btn{
        width: 90%;
    }

    .first-section-items {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 25px;
    }



    .first-carousel {
        width: 100%;
        height: 493px;
    }

    .first-carousel .flickity-page-dots {
        display: none;
    }

    .first-carousel .carousel-cell {
        margin-right: 25px;
    }

    .first-carousel img, .first-carousel .carousel-cell {
        width: 404px;
        height: 493px;
        object-fit: cover;
        object-position: center;
    }


    .first-carousel .banner-title {
        width: 340px;
        color: #FFF;
        font-size: 50px;
        font-style: normal;
        font-weight: 600;
        line-height: 45px; /* 90% */
        letter-spacing: -0.625px;
    }

    .first-carousel .banner-desc {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .first-carousel .banner-text {
        left: 25px;
        top: 24px;
    }

    .first-carousel .flickity-page-dots {
        bottom: -20px;
    }

    .first-carousel .flickity-page-dots .dot {
        background: rgba(246, 250, 255, 1)
    }

    .first-carousel .flickity-page-dots .dot.is-selected {
        background: #1F9DFF;
    }

    .banner-body .banner-text {
        top: 45px;
        left: 40px;
    }

    .banner-links {
        left: 50px;
    }

    .ads-banner-link-home .banner-body .banner-image {
        right: -25px;
    }

    /*.ads-banner-link-home .banner-body .banner-image img {*/
    /*    width: 80%;*/
    /*}*/

    .right-footer-button {
        column-gap: 50px;
    }


    .mortgage-calculator-right-text {
        padding: 45px 20px;
    }

    .mortgage-calculator-right-price {
        font-size: 35px;
    }

    .mortgage-calculator-form .filter-room {
        width: 100%;
    }


    .filter-project-head-right p {
        font-size: 18px !important;
    }

    .features-carousel .carousel-cell {
        margin-right: 30px;
        width: calc(100% / 2 - 20px);
    }

    .filter-price {
        width: 310px;
    }

    .filter-content {
        overflow-x: scroll;
        height: 100px;
    }

    .filter-content::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 1060px) {
    .header-links ul li a {
        font-size: 16px;
    }
}

@media (max-width: 1040px) {
    .custom-dropdown-row .two {
        display: none !important;
    }

    .custom-dropdown-row .one {
        width: 100%;
    }
}

@media (max-width: 1030px) {
    .header-links ul li a {
        font-size: 14px;
    }
}


@media (max-width: 1024px) {
    /*body.scroll:before {*/
    /*    backdrop-filter: none;*/
    /*    background: none;*/
    /*}*/

    /*.header-links ul li a {*/
    /*    font-size: 16px;*/
    /*}*/
    .header-projects-btn {
        margin-left: 10px;
    }

    .filter-room {
        width: 303px;
    }

    .banner-body .banner-text{
        max-width: 420px;
    }

    .banner-body .banner-title {
        width: 420px;
        font-size: 50px;
        line-height: 50px;
    }

    .career-banner  .banner-body .banner-title{
        width: 100%;
    }

    .banner-body .banner-desc {
        width: 420px;
        font-size: 18px;
    }

    #video-container {
        width: 100%;
        height: auto;
    }

    .career-discover-item {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 20px;
    }

}


@media (max-width: 993px) {
    .news-page{
        transform: translateY(-90px);
    }
    .career-discover-image{
        background-position: 70%;
    }

    .learn-more-content-image{
        text-align: center;
    }

    .mobile-mortgage-block{
        width: 100%;
    }

   .mobile-menu-content .header-mortgage-btn-text{
       display: block !important;
   }

    .projects-li{
        height: 70px;
        transition: height .4s ease-in-out;
    }

    .projects-li.open{
        height: 155px;
    }

    .mobile-menu-link ul li:first-child{
        padding-bottom: 0;
    }

    .mobile-menu-link ul li a{
        color: #000;
    }

    .projects-link-dropdown{
        display: block;
        opacity: 0;
        pointer-events: none;
        transition: all .4s ease-in-out;
    }

    .projects-link-dropdown.open{
        opacity: 1;
        pointer-events: auto;
    }

    .projects-link-dropdown li{
        padding: 15px 0 !important;
    }

    .projects-li-left-icon{
        transition: all 0.2s ease-in-out;
    }

    .projects-li-left-icon.open{
        transform: rotate(90deg);
    }


    /*.projects-link-dropdown li:last-child{*/
    /*    padding: 10px 0 0 0;*/
    /*}*/

    .learn-more-content-text .section_title, .learn-more-content-desc p{
        text-align: center;
    }

    .projects-cards-footer{
        column-gap: 40px;
    }
    .our-projects-btn {
        width: 100%;
    }

    .video-cover-img .video-img{
        width: 100%;
    }

    .career-item-content {
        position: relative;
        padding: 30px;
    }

    .career-item-form {
        padding: 30px;
    }

    .career-item-button {
        position: absolute;
        top: 10px;
        right: 20px;
    }

    .news-cards-img img {
        height: 280px;
    }

    .similar-items-apartment {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        scroll-behavior: smooth;
    }

    .similar-items-apartment::-webkit-scrollbar {
        display: none;
    }

    .similar-items-apartment > * {
        flex: 0 0 auto;
        width: 45%;
    }

    .container {
        padding-left: 35px;
        padding-right: 35px;
    }

    .big-item-right .projects-cards-img img {
        height: auto;
    }

    .header-bars-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #1F9DFF;
        border: none;
        outline: none;
        transition: all 0.2s linear;
    }

    .mobile-icon svg path, .mobile-icon svg circle {
        stroke: #1F9DFF !important;
    }

    .header-phone {
        transition: all 0.2s linear;
    }

    .header-phone.active {
        background-color: #F6FAFF;
    }

    .header-phone.active svg path {
        stroke: #1F9DFF !important;
    }

    .header-bars-icon.active {
        background-color: #F6FAFF;
    }

    .header-bars-icon svg path {
        fill: #fff;
    }

    .header-bars-icon svg {
        fill: #fff;
    }

    .mortgage-calculator-right-img img {
        height: 400px;
    }

    .mortgage-calculator-right {
        width: 100%;
        background-size: cover;
    }

    .right-bottom {
        position: static;
        margin-top: 50px;
    }

    .mortgage-calculator-right-img {
        width: 100%;
        height: auto;
    }

    .mortgage-calculator-right-img img {
        border-radius: 0 0 20px 20px;
    }

    .header-links ul {
        margin-left: 10px;
    }

    .header-links, .header-projects-btn, .header-icon {
        display: none;
    }

    .header-mortgage-btn-text {
        display: inline;
    }

    .header-mortgage-btn a {
        width: 202px;
    }

    .header-mortgage-btn {
        display: none;
    }


    .mobile-footer-bar {
        display: block;
        border-radius: 39px;
        background: #FFF;
        box-shadow: 0px 5px 8px 0px rgba(92, 95, 255, 0.08), 0px -5px 8px 0px rgba(92, 95, 255, 0.08);
        -webkit-backdrop-filter: blur(20%);
        backdrop-filter: blur(20%);
        height: 64px;
        position: fixed;
        bottom: 16px;
        left: 35px;
        right: 35px;
        z-index: 998;
    }

    .mobile-bar-text {
        color: #101238;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        opacity: 0.4;
    }

    .mobile-footer-items {
        display: flex;
        align-items: center;
        flex-direction: column;
        row-gap: 7px;
    }

    .mobile-footer-body {
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 11.1px 43px 11.9px 37.5px;
    }

    .header-nav.sticky {
        /*transition: 0.2s linear;*/
        position: absolute;
        /*transform: translateX(0);*/
        padding: 24px 35px 0 35px;
    }

 .header-nav {
        transition: 0.2s linear;
        position: absolute;
       width: 95% !important;
        padding: 24px 35px 0 35px;
    }

    .header-nav.mobile-sticky{
        position: fixed;
        top: 8px;
        border-radius: 46px;
        background: #FFF;
        box-shadow: 0px 4px 8px 0px rgba(92, 95, 255, 0.08);
        backdrop-filter: blur(13.591408729553223px);
        padding: 10px;
    }

    .header-nav.mobile-sticky .header-change-lang select{
        color: #000;
        border: 1px solid #EAEAEA;
    }

    .header-nav.mobile-sticky .header-change-lang svg  path{
        stroke: #000;
        color: #000;
    }

    .header-nav.mobile-sticky .header-phone{
        background-color:#F6FAFF ;
    }

    .header-nav.mobile-sticky .header-right-icons div:first-child svg path{
        color:  #5B8FFF;
        stroke:  #5B8FFF;
    }



    /*.header-nav {*/
    /*    padding: 0;*/
    /*}*/
    .first-section {
        padding-top: 80px !important;
    }

    .header-nav, .sticky-menu, .search-body {
        width: 100%;
    }

    .header-nav.open {
        position: static;
        width: 100%;
        transform: translateX(0);
        box-shadow: none;
        border-radius: 0;
    }

    .sticky-menu.sticky {
        opacity: 0;
        display: none;
        pointer-events: none;
    }

    .first-section {
        padding-top: 70px;
    }

    header {
        padding-top: 20px;
    }

    .section_title {
        font-size: 25px;
    }

    .tab-line-btn {
        font-size: 16px;
    }

    .filter-select, .filter-room, .filter-price {
        width: 100%;
    }

    .filter-content {
        flex-direction: column;
        row-gap: 20px;
    }

    .filter-section {
        transform: translateY(-27%);
    }


    .projects-cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 20px;
    }

    .projects-cards-item-big {
        display: none;
    }

    .search-result-cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 20px;
    }


    .banner-body .banner-links {
        flex-direction: column;
        row-gap: 20px;
    }


    .banner-body .banner-title {
        font-size: 40px;
        line-height: 40px;
    }

    .banner-body .banner-desc {
        width: 320px;
        font-size: 16px;
    }

    /*.ads-banner-link-home .banner-body .banner-image {*/
    /*    right: -190px;*/
    /*}*/

    .ads-banner-link-home .banner-body .banner-image img {
        width: 440px;
    }

    .career-banner .banner-body .banner-image img{
        width: 560px;
    }

    .career-banner .banner-body .banner-image{
        right: -30px;
    }

    /*.news-cards {*/
    /*    column-gap: 0;*/
    /*}*/
    .news-cards-right {
        display: none;
    }

    .other-news-body .news-cards-right {
        display: block;
    }

    .other-news-body .news-cards-right:last-child {
        display: none;
    }

    .news-cards-right-text {
        padding: 30px 35px 31px 35px;
    }

    .footer-top {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 30px;
    }

    .footer-bottom {
        flex-wrap: wrap;
        align-items: center !important;
        justify-content: center !important;
        row-gap: 20px;
    }

    .footer-bottom-left {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 20px;
    }

    .footer-bottom-right {
        order: 1;
    }

    .footer-bottom-left {
        order: 2;
    }

    footer .header-icon {
        display: flex;
    }

    .footer-logo-mobile {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 66px;
        margin-top: 20px;
    }

    .footer-logo {
        display: none;
    }

    .custom-dropdown.open, .dropdown-overlay.open {
        opacity: 0;
        pointer-events: none;
    }


    .footer-overlay {
        display: block;
        width: 100%;
        height: 110px;
        content: "";
        position: fixed;
        right: 0;
        bottom: -3px;
        left: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(255, 184, 31, 0.00) 0.13%, #F6FAFF 78.39%);
    }

    .news-page .news-cards-title {
        font-size: 18px;
    }

    .news-page .news-cards-desc, .news-page .news-cards-link, .news-page .news-cards-date {
        font-size: 16px;
    }

    .news-inner .first-section-news-text {
        font-size: 25px;
    }

    /*.first-section-news {*/
    /*    margin-top: 20px;*/
    /*}*/
    .news-inner-body {
        padding-left: 25px;
        padding-right: 25px;
    }

    .news-text h3 {
        font-size: 18px;
    }

    .news-text p {
        font-size: 16px;
    }

    .news-cards-title {
        font-size: 18px;
    }

    .news-cards-desc p, .news-cards-desc p strong {
        font-size: 16px;
        line-height: 20px;
    }

    .career-discover-head {
        flex-direction: column;
    }

    .career-banner {
        margin-top: 150px;
    }

    .career-discover-item-text h5 {
        font-size: 20px;
    }

    .career-discover-item-text p {
        font-size: 16px;
    }

    .career-discover-item {
        padding: 20px 20px 20px 30px;
    }

    .mortgage-calculator-inner {
        flex-direction: column;
    }

    .mortgage-calculator-right-text {
        padding: 55px;
    }

    .mortgage-calculator-right {
        border-radius: 20px;
    }

    .mortgage-calculator-title {
        font-size: 25px;
    }

    .mortgage-calculator-desc {
        font-size: 14px;
        line-height: normal;
    }

    .mortgage-calculator-right-text h4 {
        font-size: 25px;
    }

    .mortgage-calculator-right-text span {
        font-size: 14px;
    }

    .mortgage-calculator-right-price {
        font-size: 30px;
    }

    .features-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .features-head-text {
        width: 100%;
    }

    .our-team-text {
        padding: 5px 10px;
    }

    .our-team-desc {
        font-size: 16px;
    }

    .first-section-news-text {
        font-size: 30px;
    }

    .news-page .news-cards {
        padding-top: 30px;
    }

    .mobile-menu {
        display: block;
        opacity: 0;
        pointer-events: none;
        transition: 0.2s linear;


    }

    .mobile-menu.active {
        opacity: 1;
        pointer-events: auto;
        height: 100vh;
    }


    .mobile-menu-content {
        padding: 20px 32px;
        background: #FFF;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 9;
        height: 100vh;
        transition: 0.2s linear;
        overflow-y: scroll;
        /*padding-bottom: 100px;*/
    }

    .mobile-menu-icons {
        display: flex;
        column-gap: 10px;
        margin-top: 80px;
    }

    .mobile-icon {
        display: flex;
    }

    .header-mortgage-mobile {
        display: flex;
        flex-basis: 30%;
        /*flex-grow: 1;*/
        margin-left: 0 !important;
    }

    .header-mortgage-mobile .header-mortgage-btn-text {
        font-size: 15px !important;
    }

    .header-mortgage-mobile a {
        width: 100% !important;
    }

    /*.mobile-menu-content.active {*/
    /*    height: 100vh;*/
    /*}*/
    .mobile-overlay {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: fixed;
        z-index: 10;
        background: #000;
        opacity: 0;
        transition: 0.2s linear;
    }

    .mobile-overlay.active {
        opacity: 0.5;
        overflow: hidden !important;
    }

    .mobile-menu-close {
        margin-left: 10px;
        cursor: pointer;
    }


    .mobile-mortgage-btn {
        margin-top: 30px;
    }

    .mobile-mortgage-btn a {
        width: 100%;
        height: 50px;
        border-radius: 25px;
        background: #1F9DFF;
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 8px;
        transition: 0.2s linear;
    }

    .mobile-mortgage-btn a:hover {
        background: #1390ef;
    }

    .mobile-mortgage-btn-text {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }


    .link_project, .link_project_a {
        color: #000;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: block;
    }

    .mobile-menu-link {
        margin-top: 20px;
    }

    .mobile-menu-link ul li {
        list-style: none;
    }

    .link_project_desc {
        color: #2C2929;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; /* 150% */
        opacity: 0.6;
    }

    .mobile-menu-link ul li {
        border-bottom: 1px solid #EFEFEF;
        padding: 20px 0;
    }

    .mobile-menu-link ul li:last-child {
        border-bottom: 0;
    }

    .mobile-banner-img img {
        border-radius: 10px;
        width: 100%;
    }

    .mobile-banner-img {
        position: relative;
    }

    .mobile-banner-text {
        position: absolute;
        top: 25px;
        left: 30px;
    }

    .mobile-banner-text h3 {
        color: #FFF;
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 40px; /* 100% */
        letter-spacing: -0.5px;
        width: 196px;
    }

    .mobile-banner-text p {
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    footer {
        padding: 35px 0 0 0 !important;
    }

    .banners {
        flex-direction: column-reverse;
    }

    .contact-banner {
        margin-top: 150px !important;
        height: auto !important;
    }

    .contact-info-card {
        max-width: 100% !important;
    }

    .contact-message select, .contact-message input, .contact-message textarea {
        width: 100% !important;
    }

    #contact-map {
        width: 100% !important;
        height: 500px !important;
        border-radius: 20px !important;
    }

    .contact-message form {
        row-gap: 24px !important;
    }

    .banner-left-contact {
        overflow-y: auto !important;
        height: auto !important;
    }

    .banner-left {
        width: 100% !important;
    }

    .irs--round .irs-handle {
        width: 20px;
        height: 20px;
        top: -10px;
    }

    .irs--round .irs-line, .irs--round .irs-bar {
        height: 2px !important;
    }

    .form-elements {
        flex-direction: column;
        row-gap: 20px;
    }

    .contact-message {
        padding: 25px !important;
    }

    .carousel-nav {
        display: none;
    }

    .carousel-main {
        margin-bottom: 0;
    }

    .carousel-main img {
        width: 100%;
        height: 430px !important;
        object-fit: cover;
    }

    #slider-popup .carousel-main .carousel-cell {
        width: 100%;
        height: auto !important;
    }


    .web-projects-banner .banner-image img {
        width: 440px;
    }

    .filter-content {
        overflow-x: visible;
        height: auto;
    }

    .lazy-load-img ,.news-cards-img .lazy-load-img, .projects-cards-img .lazy-load-img{
        height: auto;
    }

}

@media (max-width: 850px) {
    .banner-body .banner-text, .banner-links {
        left: 20px !important;
    }

    .news-cards-img img {
        height: 230px;
    }


}

@media (max-width: 768px) {
    .news-slider img{
        height: auto;
    }
    .news-inner-body p{
        font-size: 16px;
    }
    .career-banner .banner-body .banner-image img{
        width: 80%;
    }
    .news-page .news-cards-title{
        height: auto;
        max-height: 90px;
    }
    .news-cards-desc{
        height: auto;
        max-height: 52px;
    }
    .first-section-body-mobile .first-section-btn{
        width: 80%;
    }
    .right-footer-button small{
        font-size: 16px;
    }
    .mortgage-calculator-right-footer{
        padding: 0;
    }
    .features-head-text{
        text-align: left;
    }
    .contact-banner, .mortgage-calculator {
        margin-top: 130px !important;
    }
    .first-section-news{
        margin-top: 85px;
        margin-bottom: 100px;
    }
    .our-projects-footer {
        margin-top: 25px;
    }

    .hot-offers {
        margin-top: 55px;
    }

    .ads-banner-link {
        margin-top: 55px;
    }

    .news {
        margin-top: 55px;
    }
    .our-partners, .map{
        margin-top: 55px;
    }
    .news-body {
        margin-top: 15px;
    }

    .career-item-form .call-me-body {
        width: 100%;
    }

    .career-item-form-block {
        flex-direction: column;
    }

    .filter-block {
        border: 1px solid #1F9DFF;
        padding: 30px;
        margin-bottom: 20px;
    }

    .career-item-apply-button {
        width: 100%;
    }

    .similar-items-apartment > * {
        width: 60%;
    }

    .news-cards {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .news-cards-img img {
        height: auto;
    }

    .header-mortgage-mobile {
        flex-basis: 100%;
    }

    .mortgage-calculator-form .filter-select {
        margin-bottom: 20px;
    }

    .hot-offers-overlay {
        display: none;
    }

    .first-carousel .banner-title {
        width: 234px;
        color: #FFF;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px; /* 90% */
        letter-spacing: -0.625px;
    }

    .first-carousel .banner-desc {
        width: 193px;
        font-size: 14px;
    }

    .flickity-prev-next-button.next, .flickity-prev-next-button.previous {
        width: 50px;
        height: 50px;
    }

    .first-carousel .flickity-prev-next-button.next {
        right: 10px;
    }

    .flickity-prev-next-button.previous {
        left: 10px;
    }

    .section_title {
        color: #2C2929;
        font-size: 25px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }


    .filter-block-head {
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .filter-icon {
        display: flex;
        position: absolute;
        right: 0;
        top: -3px;
    }

    .filter-block .tabs-lines {
        margin: 10px auto 0 auto;
    }

    .filter-change-project {
        flex-direction: column;
        row-gap: 20px;
    }

    .filter-section {
        transform: translateY(-20%);
    }

    .filter-content-footer {
        justify-content: center;
    }

    .filter-footer-icon {
        display: none;
    }

    .first-section-btn a {
        font-size: 16px;
    }

    .projects-cards-footer .price, .projects-cards-title {
        font-size: 18px;
    }


    .carousel-offer .offer-img, .carousel-offer .carousel-cell {
        width: 350px;
    }

    .banner-image-background .bg-img {
        height: 590px;
    }

    .banner-body .banner-image {
        right: auto;
        left: 58%;
        transform: translateX(-50%);
        width: 100%;
    }

    .ads-banner-link-home .banner-body .banner-image img {
        width: 80%;
    }


    .banner-body .banner-title {
        width: 100%;
    }

    .career-banner .banner-body .banner-title {
        width: 90%;
    }

    .banner-body .banner-desc {
        width: 100%;
    }

    .web-projects-banner .banner-image img {
        width: 80%;
    }


    .banner-links {
        width: 320px;
        bottom: 40px;
        left: 50% !important;
        transform: translateX(-50%);
    }

    .banner-body .banner-text {
        max-width: 100%;
        top: 30px;
        left: 35px !important;
        right: 35px;
        z-index: 2;
    }

    .banner-body .banner-title {
        font-size: 26px;
        line-height: 26px;
    }

    .banner-body .banner-text p{
        font-size: 22px;
    }

    .banner-body .banner-desc {
        margin-top: 0;
    }

    .banner-body .banner-btn-one {
        width: 100%;
    }

    .banner-body .banner-btn-two {
        justify-content: center;
    }

    /*.banner-image img {*/
    /*    max-width: 100%;*/
    /*}*/
    .banner-overlay {
        display: block;
        width: 100%;
        height: 108px;
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 20px;
        z-index: 1;
        pointer-events: none;
    }

    .web-project-banner .banner-overlay {
        background: linear-gradient(180deg, rgba(226, 196, 119, 0.00) 0.13%, #E2C477 78.39%);
    }


    .map-list {
        display: none;
    }

    .footer-top {
        flex-wrap: wrap;
        justify-content: flex-start !important;
        column-gap: 30px;
    }

    .footer-logo {
        display: none;
    }


    .offer-text-price {
        font-size: 20px;
    }

    .offer-text-options, .offer-text-desc p {
        font-size: 14px;
    }

    .pills-tab .nav-pills {
        margin: 25px auto auto auto;
    }

    .news-cards-footer {
        flex-wrap: wrap;
    }

    .similar-projects-cards .carousel-cell {
        margin-right: 5px;
    }

    .similar-projects-cards {
        grid-template-columns: 1fr !important;
    }

    /*.similar-projects-cards .projects-cards-img img {*/
    /*    max-width: 380px;*/
    /*}*/
    /*.flickity-slider{*/
    /*    max-width: 330px;*/
    /*}*/
    .career-discover-body {
        display: flex;
        overflow-x: scroll;
        justify-content: space-between;
        flex-direction: row;
        /*width: 900px !important;*/
    }

    .career-body-relative {
        position: relative;
    }

    .career-discover-body::-webkit-scrollbar {
        display: none;
    }


    .career-discover-image {
        height: 378px;
        transform: translateY(-40px);
    }

    .career-discover-item-text p {
        width: 265px;
    }

    .career-discover-item {
        flex-direction: column;
        align-items: flex-start;
        max-width: 315px !important;
        flex-grow: 1;
    }

    .career-discover-body {
        column-gap: 30px;
    }

    .features-carousel-img {
        height: auto;
    }


    .features-carousel .carousel-cell {
        margin-right: 20px;
        width: calc(100% / 1 - 20px);
    }

    .features-carousel-img img, .features-carousel .carousel-cell {
        width: 100%;
        height: 400px;
    }

    .features-overlay {
        height: 395px;
    }

    .our-team-item {
        flex-direction: column;
    }

    .our-team-img {
        text-align: center;
        padding-top: 30px;
    }

    .our-team-img img {
        border-radius: 30px;
    }

    .our-team-text {
        padding: 50px 70px;
    }

    .available-positions-item-title {
        font-size: 20px;
    }

    .available-positions-item-desc {
        font-size: 16px;
    }

    .pills-tab .nav-pills .nav-link {
        font-size: 16px;
    }

    .filter-block-label {
        font-size: 14px;
    }

    .filter-select select {
        font-size: 16px;
    }

    .filter-price input {
        font-size: 16px;
    }

    .filter-footer-btn a {
        font-size: 18px;
    }

    .mortgage-calculator-left {
        padding: 39px 25px 60px 25px;
    }

    .mortgage-calculator-form .filter-room button {
        padding: 10px;
    }

    .right-footer-button {
        column-gap: 25px;
    }

    .faq-body .accordion-button {
        font-size: 18px;
    }

    .faq-body .accordion-body {
        font-size: 16px;
    }

    .news-slider .inner-carousel .flickity-prev-next-button.next {
        right: -28px;
        width: 40px;
        height: 40px;
    }

    .news-slider .flickity-prev-next-button.previous {
        left: -28px;
        width: 40px;
        height: 40px;
    }

    /*.inner-carousel .banner-image img, .inner-carousel .banner-image {*/
    /*    height: 220px;*/
    /*}*/
    .inner-carousel .banner-image img, .inner-carousel .banner-image {
        width: 100%;
        object-fit: cover;
    }


    .first-carousel img, .first-carousel .carousel-cell {
        width: 304px;
        height: 393px;
        object-fit: cover;
        object-position: center;
    }

    .first-carousel {
        height: 393px;
    }

    .filter-section {
        margin-top: 65px;
    }

    .filter-footer-btn {
        width: 100%;
        display: block;
    }

    .filter-footer-btn a {
        justify-content: space-between;
    }

    .our-partners-logo {
        width: 155px;
        height: 95px;
        border-radius: 20px;
    }

    .our-partners-logo img {
        width: 85px;
    }

    .learn-more-body #pills-tab-more {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
        padding: 0 0 15px 0;
    }

    .learn-more-body #pills-tab-more::-webkit-scrollbar {
        display: none;
    }

    .learn-more-body .pills-tab {
        position: relative;
    }

    .learn-more-body .pills-tab-overlay {
        position: absolute;
        right: 55px;
        top: 25px;
        width: 106px;
        height: 73px;
        z-index: 2;
        pointer-events: none;
        flex-shrink: 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0.27%, #FFF 100%);
    }

    .nav-item {
        flex: 0 0 auto;
    }


    .banner-image-background {
        overflow: hidden;
        border-radius: 30px;
    }

    .career-banner .banner-image img {
        text-align: center;
        width: 400px;
        height: 400px;
        object-fit: cover;
        object-position: top;
    }


    .available-positions-body .nav-pills {
        overflow-x: scroll;
        flex-wrap: nowrap;
    }

    .available-positions-body {
        position: relative;
    }

    .nav-pills-overlay {
        height: 46px;
        width: 130px;
        position: absolute;
        right: -1px;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0.27%, #FFF 100%);
    }


    .available-positions-body .nav-pills::-webkit-scrollbar {
        display: none;
    }

    .our-team .flickity-prev-next-button.previous, .our-team .flickity-prev-next-button.next {
        display: none;
    }

    .our-team-text-name {
        margin-top: 20px;
    }

    .projects-filter-icons {
        display: none;
    }

    .projects-filter-section .section_title {
        display: block;
    }

    .filter-overlay {
        position: relative;
    }

    .projects-desc-overlay {
        width: 200px;
        height: 88px;
        flex-shrink: 0;
        position: absolute;
        right: -1px;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0.27%, #FFF 100%);
    }

    .banner-left {
        padding: 40px 25px !important;
    }

    #contact-map {
        height: 500px !important;
    }

    .contact-message h4 {
        font-size: 20px !important;
        line-height: 22px !important;
    }

    .contact-message input::placeholder, .contact-message textarea::placeholder {
        font-size: 16px !important;
    }

    #backToTop {
        bottom: 90px;
        right: 15px;
        padding: 0;
        width: 44px;
        height: 44px;
    }

    #backToTop svg {
        width: 24px !important;
        height: 24px !important;
    }

    #backToTop:hover {
        background: rgba(31, 157, 255, 0.15);
    }

    #backToTop:hover svg path {
        fill: #1F9DFF;
    }

    .banner-body .banner-text p {
        margin: 0;
    }

    .filter-block .section_title {
        margin: 0 auto;
    }

    .projects-cards-text {
        padding: 25px 15px 32px 15px;
    }


    .filter-block-body-desktop {
        display: none;
    }

    .filter-block-body-mobile {
        display: block;
    }

    .filter-block-body-mobile .filter-select {
        background: #dde8f5;
    }

    .filter-block-body-mobile .filter-select {
        padding: 0 21px;
    }

    .filter-block-body-mobile .filter-select {
        justify-content: space-between;
    }

    .filter-block-body-mobile .filter-select span {
        width: 100%;
        appearance: none;
        border: none;
        outline: none;
        background: transparent;
        color: #000;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        transition: all 0.2s linear;
    }

    .filter-block-mobile-modal {
        display: block;
        position: fixed;
        overflow-y: auto;
        height: 100vh;
        opacity: 0;
        pointer-events: none;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 999;
        padding: 20px 25px;
        transition: all 0.2s linear;
    }

    .filter-block-mobile-modal::-webkit-scrollbar {
        display: none;
    }

    .filter-block-mobile-modal.active {
        opacity: 1;
        pointer-events: auto;
    }

    .filter-block-mobile-inner {
        margin-top: 10px;
    }

    .filter-block-mobile-modal .learn-more-close {
        width: 50px;
        height: 50px;
    }

    .our-projects {
        margin-top: 10px;
    }

    .filter-block-mobile-modal .section_title {
        font-size: 20px;
    }

    .filter-block-mobile-modal .filter-block-body {
        margin-top: 20px;
    }

    .career-banner {
        margin-top: 130px;
    }

    .available-positions-body, .available-positions-body .tab-content{
        margin-top: 20px;
    }

    .available-positions-footer{
        margin-top: 20px;
    }

    .our-team{
        margin-top: 75px;
    }

    .features{
        margin-top: 55px;
    }

}

@media (max-width: 650px) {
    #pills-compleated .projects-cards .card-img-top {
        height: auto;
    }

    .projects-cards {
        /*display: grid;*/
        grid-template-columns: 1fr;
        row-gap: 20px;
        column-gap: 20px;
    }

    .our-projects-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .our-projects-head .tabs-lines {
        margin: 10px auto 0 auto;
    }


    .projects-cards-footer .price, .projects-cards-title {
        font-size: 20px;
    }

    .projects-cards-footer-area {
        font-size: 14px;
    }

    .projects-cards-desc {
        font-size: 16px;
    }

    .hot-offers-head .right-btn, .news-head .right-btn {
        display: none;
    }

    .hot-offers-footer {
        margin-top: 30px;
    }

    .hot-offers-footer .right-btn {
        display: flex;
        /*justify-content: center;*/
        width: 100%;
        margin: auto;
    }

    .carousel-offer .carousel-cell {
        margin-right: 25px;
    }

    .right-btn {
        position: relative;
        column-gap: 0;
    }

    .right-btn svg {
        position: absolute;
        top: 22px;
        right: 31px;
    }



    .web-project-banner .banner-body .banner-title {
        width: 100%;
    }


}

@media (max-width: 600px) {

    .news-page .news-cards {
        grid-template-columns: 1fr;
    }


}

@media (max-width: 576px) {
    .mortgage-calculator-right-img img{
        height: 300px;
    }
    .first-carousel .carousel-cell {
        margin-right: 15px;
    }
    .apartment-layout-icons {
        top: 52px !important;
    }
    .career-banner .banner-image-background{
        height: 410px;
    }
    .learn-more-content-img{
        width: 100%;
    }
    .career-banner .banner-body .banner-image img {
        width: 100%;
    }
        .career-item-button {
        display: none;
    }

    .similar-items-apartment > * {
        width: 80%;
    }

    .container {
        padding-left: 25px;
        padding-right: 25px;
    }


    .mobile-footer-bar {
        left: 10px;
        right: 10px;
    }

    .mobile-menu-content {
        padding: 20px 15px;
    }

    .mobile-footer-body {
        justify-content: space-between;
        padding: 11.1px 25px 11.9px 25px;
    }

    .header-mortgage-btn-text {
        display: none;
    }

    .header-mortgage-btn a {
        width: 50px;
    }

    .search-icons {
        column-gap: 10px;
    }

    .filter-room button {
        font-size: 18px;
    }

    .filter-footer-btn a {
        column-gap: 80px;
    }

    .news-cards-title {
        font-size: 20px;
    }

    .news-cards-desc, .news-cards-link, .news-cards-date {
        font-size: 16px;
    }

    #map {
        height: 480px;
    }

    footer {
        padding-left: 0;
    }

    .footer-link-title .section_title {
        margin-bottom: 30px;
    }

    /*.footer-link {*/
    /*    text-align: center;*/
    /*    display: block !important;*/
    /*}*/
    .footer-top {
        width: 100%;
        /*justify-content: center !important;*/
        /*align-items: center;*/
        flex-wrap: wrap;
        column-gap: 30px;
    }


    /*.footer-link ul {*/
    /*    display: none;*/
    /*}*/
    .news-footer-social a span {
        display: none;
    }

    .mapboxgl-ctrl-compass {
        top: -300%;
    }

    .our-team-text {
        padding: 20px 10px;
    }

    .our-team-body {
        margin-top: 10px;
    }

    .our-team-img img {
        width: 100%;
    }

    .our-team .flickity-prev-next-button.previous {
        right: 80px;
    }

    .our-team .flickity-prev-next-button.next {
        right: 10px;
    }

    .our-team-img {
        padding: 5px;
    }

    .career-discover-head-desc {
        font-size: 16px;
    }

    .career-discover-item {
        column-gap: 10px;
        row-gap: 20px;
        width: 315px;
    }

    .career-discover-item-text h5 {
        font-size: 18px;
    }

    .career-discover-item-text p {
        /*max-width: 230px;*/
        font-size: 14px;
    }

    .news-text-footer {
        width: 50%;
    }

    .news-cards-right-text {
        padding: 30px 10px;
    }

    .header-logo img {
        width: 120px;
        height: auto;
    }

    .filter-footer-btn {
        width: 100%;
    }

    .footer-link-first {
        flex-grow: 1 !important;
    }

    .footer-link-first .footer-link {
        column-gap: 70px !important;
    }

    .header-top {
        column-gap: 13px;
    }

    .video-desc {
        font-size: 16px !important;
    }

    .career-banner .banner-image img {
        text-align: center;
        width: 330px;
        height: 350px;
        object-fit: cover;
        object-position: top;
    }

    .filter-project-head-left p {
        font-size: 14px !important;
    }

    .video-cover-img iframe {
        height: 310px !important;
    }

    .initial-payment-percent {
        width: 40px;
        height: 30px;
    }

    .mortgage-calculator-right-price {
        font-size: 20px;
    }

    .w-215 {
        width: 130px;
    }

    .mortgage-calculator-right-opportunities-head h3 {
        font-size: 16px;
    }

    .mortgage-calculator-right-opportunities p {
        font-size: 14px;
    }

    .right-footer-button {
        font-size: 14px;
    }

    #contact-map {
        height: 300px !important;
    }

    .banner-image-background .bg-img {
        height: 500px;
    }

    .banner-body .banner-image {
        left: 50%;
    }

    .ads-banner-link-home .banner-body .banner-image img {
        width: 100%;
    }

    .ads-banner-link-home .banner-body .banner-title {
        width: 100%;
    }

    .web-project-banner .banner-body .banner-image {
        left: 55% !important;
    }
    .first-section-news-text{
        font-size: 25px;
    }

}

@media (max-width: 510px) {
    .text-two-footer-btn, .text-two-footer-btns {
        width: 100% !important;
    }

    .layout-inner-right-text-two-footer {
        flex-direction: column;
        row-gap: 10px;
    }

}



@media (max-width: 480px) {
    .available-positions-item-title{
        font-size: 16px;
    }
    .available-positions-item-desc{
        font-size: 14px;
    }
    .available-positions-item{
        padding: 25px;
    }
    .projects-cards-footer .price{
        font-size: 16px;
    }
    .projects-cards-text{
        padding: 25px 15px 20px 15px;
    }
    .projects-cards-desc{
        font-size: 14px;
    }
    .call-me-banner {
        width: 100%;
        padding: 20px;
        border-radius: 0;
    }

    .carousel-main img {
        width: 100%;
        height: 330px !important;
        object-fit: cover;
    }

    .header-nav.sticky, .header-nav {
        padding: 24px 15px 0 15px;
    }

    .web-projects-banner .banner-image img {
        width: 90%;
    }
}


@media (max-width: 480px) {
    .banner-image-background {
        overflow: hidden;
    }

    .banner-body .banner-image {
        width: 100%;
    }

    .banner-body .banner-image img {
        border-radius: 40px;
    }

    .hot-offers-footer .right-btn {
        width: 100%;
    }

    .web-project-filter .filter-room, .web-project-filter .filter-price {
        width: 100% !important;
    }

    .mortgage-calculator-right-text {
        padding: 25px 10px;
    }

    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }


}

@media (max-width: 450px) {
    .learn-more-content-desc p {
        font-size: 14px;
    }
    .link_project_desc {
        display: inline-block;
        max-width: 300px;
    }
}

@media (max-width: 420px){
    .contact-info-card p, .contact-info-card a{
        font-size: 16px !important;
    }
    .mobile-menu-content .header-mortgage-btn-text{
        display: none !important;
    }

    .mobile-menu-content .header-mortgage-btn a{
        width: 50px !important;
    }
    .mobile-menu-icons{
        column-gap: 20px;
    }

    .mobile-mortgage-block{
        width: max-content;
    }

    .mobile-mortgage-text{
        display: inline;
    }
}



@media (max-width: 400px) {
    .right-footer-button small{
        font-size: 14px;
    }
    .banner-image-background .bg-img{
        height: 450px;
    }
    .projects-cards {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 20px;
        column-gap: 20px;
    }

    .filter-block{
        padding: 20px;
    }

    .filter-block-mobile-modal .section_title{
        font-size: 18px;
    }

    .filter-block .section_title{
        font-size: 20px;
    }

    .filter-block-body-mobile .filter-select span{
        font-size: 16px;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .search-form input {
        width: 100%;
    }

    .filter-room button {
        font-size: 14px;
    }

    .our-projects-btn {
        font-size: 16px;
    }

    .filter-footer-btn a {
        column-gap: 50px;
    }

    .banner-body .banner-text {
        left: 15px;
    }

    .banner-links {
        width: 95%;
    }


    .news-cards-text {
        padding: 30px 15px 37px 15px;
    }


    .news-text-footer {
        width: 60%;
    }

    .header-phone-text {
        display: none;
    }

    .header-phone {
        width: 50px;
        height: 50px;
    }

    .career-banner .banner-image img {
        width: 280px;
        height: 350px;
        object-fit: cover;
        object-position: top;
    }

    .career-discover-item-text p {
        width: 220px;
    }

    .career-discover-item {
        flex-direction: column;
        align-items: flex-start;
        max-width: 315px !important;
        flex-grow: 1;
    }

    .features-carousel-img img, .features-carousel .carousel-cell {
        width: 300px;
    }
}

@media (max-width: 380px){
    .layout-inner-right-text-footer-img img {
        display: none;
    }
    .right-footer-button small{
        display: none;
    }
    .mortgage-calculator-right-footer-grow{
        flex-grow: 0;
    }

    .mortgage-calculator-right-footer-grow .right-footer-button{
        width: 60px;
    }
    .first-carousel img, .first-carousel .carousel-cell{
        width: 100%;
    }
    .pills-tab .nav-pills{
        margin: 25px 0;
        column-gap: 20px;
    }
    .pills-tab .nav-pills .nav-link{
        font-size: 14px;
    }
    .projects-cards-footer{
        column-gap: 20px;
    }

    .projects-cards-footer-price span{
        font-size: 14px;
    }

    .first-section-btn a{
        font-size: 14px;
        column-gap: 10px;
    }
    .first-section-text .banner-title{
        width: 100%;
    }
    .first-section-text, .first-section-btn{
        left: 25px;
    }
    .header-change-lang{
        margin-left: 0;
    }
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .header-logo img {
        width: 100px;
    }

    .header-phone, .header-mortgage-btn a , .header-bars-icon, .header-icon, .filter-block-mobile-modal .learn-more-close{
        width: 40px !important;
        height: 40px;
    }

    .learn-more-close img{
        width: 40px !important;
        height: 40px;
    }

    .mobile-menu-content .header-mortgage-btn a{
        width: 40px !important;
    }

    .mobile-menu-icons{
        column-gap: 10px;
    }

    .wishlist-count{
        top: -2px;
    }

    .link_project, .link_project_a{
        font-size: 20px;
    }

    .header-logo{
        width: 115px;
    }

    .mobile-footer-body {
        padding: 11.1px 10px 11.9px 10px;
    }


    .filter-footer-btn {
        width: 100%;
    }

    .our-projects-btn {
        padding-left: 30px;
    }

    .carousel-offer img, .carousel-offer .carousel-cell {
        width: 100%;
    }
}



@media (max-width: 301px) {
    .container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .flickity-page-dots {
        display: none;
    }

    .tab-line-btn, .filter-price input, .projects-cards-desc .projects-cards-footer-price span, .projects-cards-footer .price, .projects-cards-title, .our-projects-btn, .offer-text-options, .offer-text-desc p {
        font-size: 14px;
    }

    .section_title, .filter-select select, .offer-text-price {
        font-size: 16px;
    }

    .filter-room button {
        padding: 10px 5px;
    }

    .filter-room {
        height: 45px;
    }

    .filter-footer-btn a {
        column-gap: 15px;
        font-size: 14px;
    }

    .tab-line-btn {
        padding: 1rem 0.5rem;
    }

    .projects-cards-footer .price, .projects-cards-title {
        font-size: 16px;
    }

    .header-nav {
        padding: 18px 5px;
    }

    .first-section {
        padding-top: 70px;
    }

    .first-carousel .flickity-prev-next-button.next {
        right: 5px;
    }

    .flickity-prev-next-button.next {
        width: 50px;
        height: 50px;
    }

    .flickity-prev-next-button.next {
        right: 0;
    }

    .first-carousel .banner-text {
        left: 20px;
    }

    .pills-tab .nav-pills .nav-link {
        font-size: 14px;
    }

    .projects-cards-desc {
        font-size: 14px;
    }


    .header-nav.open {
        width: 98%;
    }

    .header-mortgage-btn {
        margin-left: 5px;
    }

    .offer-text {
        padding: 27px 0 37px 10px;
    }

    .banner-body .banner-title {
        font-size: 30px;
        line-height: 30px;
        width: 250px;
    }

    .banner-body .banner-desc {
        width: 210px;
    }

    .banner-body .banner-btn-one {
        width: 230px;
        margin: auto;
    }

    .news-cards-title {
        font-size: 16px;
    }

    .news-cards-desc, .news-cards-link, .news-cards-date {
        font-size: 14px;
    }

    footer .header-icon {
        width: 30px;
        height: 30px;
    }

    footer .header-phone {
        width: 30px;
        height: 30px;
    }

    .mobile-footer-items svg {
        width: 15px;
        height: 15px;
    }

    .mobile-bar-text {
        font-size: 10px;
    }

    .mobile-footer-body {
        padding: 10px;
    }

    .mobile-footer-bar {
        height: auto;
    }

    .project-title {
        font-size: 30px !important;
        max-width: 250px !important;
    }

    .project-desc {
        max-width: 250px !important;
    }

    .experience-body-title {
        font-size: 16px !important;
    }

    .experience-body-desc {
        font-size: 14px !important;
    }

    .experience-body-title, .experience-body-desc {
        width: 170px !important;
    }

    .about-card-img img {
        width: 160px !important;
    }

    .mortgage-calculator-right-price {
        font-size: 20px !important;
    }

    .initial-payment-percent {
        width: 30px;
        height: 25px;
    }

    .right-footer-button {
        column-gap: 5px;
        font-size: 12px;
    }

    .faq-body .accordion-button {
        font-size: 16px;
    }

    .faq-body .accordion-body {
        font-size: 14px;
    }

    .layout-tab .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .layout-tab .nav-link {
        font-size: 10px !important;
    }

    .layout-tab ul {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .layout-tab {
        padding: 10px 0 !important;
        width: 97% !important;
    }

    .news-page .news-cards-title {
        font-size: 18px !important;
    }

    .news-page .news-cards-desc, .news-page .news-cards-link, .news-page .news-cards-date {
        font-size: 14px !important;
    }

    .first-carousel img, .first-carousel .carousel-cell {
        width: 100%;
        height: 350px;
    }

    .first-carousel {
        height: 350px;
    }

}

@media only screen and (min-width: 768px) {
    .hidden-desktop {
        display: none;
    }
}

/*@media only screen and (min-height: 768px) {*/
/*    .first-section, .first-section-card, .first-section-body, .first-section-card img, .first-section .banner-image img, .first-section .banner-image {*/
/*        height: auto;*/
/*    }*/
/*}*/

@media (max-height: 710px) {
    .first-section-card img {
        object-position: top;
    }
}