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


@media (min-width: 1200px) {

   .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1300px;
    }

    .prop-inner-related-h .projects-slider .item.slick-slide {
        padding: 0 2px;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 92%;
    }
}

@media (max-width: 1200px) {
    .btn {
        font-size: 12px;
        padding: 8px 13px;
    }

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

    .menu-left .fav-btn {
        font-size: 15px;
        width: 35px;
        height: 34px;
    }

    .banner-item .banner-labels span {
        min-width: 171px;
        min-height: 45px;
        font-size: 14px;
    }

    .banner-form h2 {
        font-size: 18px;
        line-height: 28px;
    }

    .banner-form .form-group .btn.btn-form {
        font-size: 14px;
    }

    .feat-block {
        padding: 20px;
    }

    .project-block .details .btn-flex .btn {
        min-width: 110px;
        min-height: 37px;
        padding: 7px 8px !important;
        font-size: 11px !important;
    }

    .project-block .details ul li {
        font-size: 12px;
        gap: 3px;
        padding-inline-end: 5px;
    }

    .help-form .form-inner .item .btn.btn-form {
        min-width: 100%;
        font-size: 13px;
    }

    .links-f ul li a {
        font-size: 13px;
    }

    .s-h a {
        width: 35px;
        height: 35px;
        margin-inline-end: 5px;
    }

    .banner-form {
        padding: 20px;
    }

    .banner-item .banner-btns button {
        font-size: 15px;
    }

    .banner-item .banner-spcial .item .spcial-block-in span {
        font-size: 13px;
        font-weight: 500;
    }

    .banner-h2 .banner-item {
        height: 100%;
    }

    .banner-item .banner-form {
        /* height: calc(100% - 80px); */
    }

    .search-inner-h .tab-inner-new form .form-inner-h .form-group:nth-child(2),
    .search-inner-h .tab-inner-new form .form-inner-h .form-group:nth-child(3),
    .search-inner-h .tab-inner-new form .form-inner-h .form-group:nth-child(4),
    .search-inner-h .tab-inner-new form .form-inner-h .form-group:nth-child(5),
    .search-inner-h .tab-inner-new form .form-inner-h .form-group:nth-child(6) {
        display: none;
    }

    .search-inner-form.form-content2 form#price-form.form-h-res {
        max-width: 100%;
        display: flex;
    }

    .search-inner-h .tab-inner-new .form-h-res .form-inner-h .form-group:nth-child(2) {
        min-width: 95px;
    }

    .container {
        /* max-width: 744px; */
        padding: 0 20px;
    }

    .search-inner-h .tab-inner-new .form-h-res .form-inner-h {
        max-width: calc(100% - 109px);
    }

    .search-inner-h .tab-inner-new form .btn-from .btn.form-search-submit {
        height: 45px;
    }

    .filterModal2 .modal-dialog {
        max-width: 100%;
        margin: 0;
        /* height: 100%; */
        /* overflow: hidden; */
        /* overflow-y: auto; */
    }

    .filterModal2 .modal-dialog .modal-content {
        border-radius: 0;
        /* max-height: 100vh; */
        /* overflow: hidden; */
        /* overflow-y: auto; */
    }

    .filterModal2 .modal-header {
        height: 88px;
        padding: 32px 24px;
    }

    .filterModal2 .modal-header .modal-title {
        font-weight: 700;
        font-size: 18px;
    }

    .filterModal2 .modal-body {
        padding: 24px;
    }

    .filterModal2 .search-inner-h .tab-inner-new form {}

    .search-inner-h .tab-inner-new .filterModal2 form {
        display: block;
    }

    .filterModal2 form .form-group {
        margin: 0;
        position: relative;
    }

    .filterModal2 form .form-group>label {
        font-size: 14px;
        font-weight: 700;
        display: block;
    }

    .filterModal2 form .form-group .select2-container--default .select2-search--inline .select2-search__field {
        background: #fff;
        border: 1px solid #e1e8ed;
        border-radius: 6px;
        height: 100% !important;
        align-content: center;
        padding: 0 16px;
        padding-inline-start: 40px;
    }

    .filterModal2 form .form-group .select2-container--default {
        height: 45px;
    }

    .filterModal2 form .form-group .select2-container--default span {
        height: 100%;
        padding: 0;
        display: block;
    }

    .filterModal2 form .form-group i {
        position: absolute;
        left: 0;
        top: 32px;
        z-index: 4;
        margin: 11px 17px;
        font-size: 12px;
        color: var(--main-color);
    }

    div#filterModal2 {
        /* overflow-y: auto; */
        /* max-height: 100vh; */
    }

    .filterModal.filterModal2 form .form-group {
        padding: 24px 0;
        border-bottom: 1px #f0f3f8 solid;
    }

    .filterModal.filterModal2 form div:last-child .form-group {
        border: none;
        padding-bottom: 0;
    }

    .filterModal.filterModal2 form div:first-child .form-group {
        padding-top: 0;
    }


    .filterModal form .form-group .dropdownList {
        padding: 0;
    }

    .filterModal form .form-group .dropdownList .item-sub2 {
        cursor: pointer;
        font-weight: 400;
        list-style: none;
        outline: none;
        padding: 0 10px;
        text-align: start;
        transition: all 0.2s;
        color: var(--main-color);
        background: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px;
        line-height: 23px;
        align-content: center;
        min-height: 38px;
    }

    .filterModal form .form-group .dropdownList .item-sub2:hover {
        background: #e1e8ed;
        color: var(--main-color);
    }

    .filterModal form .form-group .dropdownList .item-sub2.selected {
        background: var(--main-color);
        color: #fff;
    }

    .filterModal.filterModal2 form .form-group .row-inner.row {
        margin-top: 12px;
    }

    .filterModal.filterModal2 form .form-group .form-control {
        align-items: center;
        border: 1px solid #e1e8ed;
        border-radius: 4px;
        display: flex;
        height: 48px;
        padding: 0 12px;
        width: 100%;
    }

    .irs--round .irs-grid {
        display: none;
    }

    .filterModal2 .irs--round .irs-line {
        top: 13px;
    }

    .filterModal form .form-group .agree-h {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        margin-top: 12px;
    }

    .filterModal form .form-group .agree-h input {
        height: 20px;
        width: 20px;
    }

    .filterModal form .form-group .agree-h span {
        font-size: 14px;
        line-height: 24px;
        margin-inline-start: 10px;
        white-space: nowrap;
    }

    .fillter-inner-h .filter-form-in .btn-filter {
        display: none;
    }

    .form-content2 .form-inner-h .form-group.form-h-res {
        width: 100px;
    }

    .search-inner-h .tab-inner-new form .btn-from {
        width: 117px;
    }

    .search-inner-h .tab-inner-new form .form-inner-h .form-group:nth-child(1) {
        width: calc(100% - 102px);
    }

    .nav-inner {
        display: none;
    }

    .nav_pages .menu-left .btn.btn-border {
        display: none;
    }

    .btn-search-res,
    .item.res-menu {
        display: flex;
    }

    header.sticky.nav_pages .item.res-menu {}

    header.sticky.nav_pages .item.res-menu svg.bars-icon.menu-icon path {
        stroke: var(--main-color);
    }

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

    .nav-inner {
        display: none;
    }

    .nav_pages .menu-left .btn.btn-border {
        display: none;
    }

    .btn-search-res,
    .item.res-menu {
        display: flex;
    }

    header.sticky.nav_pages .item.res-menu {}

    header.sticky.nav_pages .item.res-menu svg.bars-icon.menu-icon path {
        stroke: var(--main-color);
    }

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

    .fillter-inner-h .filter-form-in {
        flex-direction: column-reverse;
        align-items: end;
        -webkit-align-items: end;
        gap: 24px 0;
    }

    .fillter-inner-h {
        align-items: start;
        -webkit-align-items: start;
    }

    .fillter-inner-h .filter-form-in .links-inner::before,
    .fillter-inner-h .filter-form-in .sort-inner::before {
        display: none;
    }

    .fillter-inner-h .filter-form-in .sort-inner .nice-select.niceSelect {
        border: none;
    }

    .fillter-inner-h .filter-form-in .sort-inner::before {}

    .fillter-inner-h .filter-form-in .sort-inner::before {
        content: "\e099";
        font-family: 'Font Awesome 6 Pro';
        display: inline-flex;
        border: none;
        background: transparent;
        width: auto;
        margin: 0 6px;
        font-size: 13px;
        line-height: 25px;
    }

    .fillter-page-h {
        padding: 32px 0 0;
    }

    section#start-filter div#sidebar_container {
        display: none;
    }

    section#start-filter .col-md-12.col-lg-9.col-xl-9.col-sm-12.col-xs-12 {
        width: 100%;
    }

    section#start-filter .col-md-12.col-lg-9.col-xl-9.col-sm-12.col-xs-12 .col-md-6.col-lg-6.col-xl-6.col-sm-7.col-xs-12 {
        width: 100%;
    }

    .fillter-inner-h .filter-form-in .sort-inner .nice-select .option:hover,
    .fillter-inner-h .filter-form-in .sort-inner .nice-select .option.focus,
    .fillter-inner-h .filter-form-in .sort-inner .nice-select .option.selected.focus {
        background-color: #2684ff;
        color: #fff;
    }

    .fillter-inner-h .filter-form-in .sort-inner .nice-select .option {
        color: #35373c;
        font-size: 12px;
        line-height: 30px;
        height: auto;
        min-height: auto;
    }

    .fillter-inner-h .filter-form-in .sort-inner .list {
        border-radius: 0;
        min-width: 159px;
    }

    .projects-h {
        padding: 48px 0;
    }

    .list-view .project-block2 {
        display: block;
    }

    .list-view .project-block2 .img-block,
    .list-view .project-block2 .details {
        width: 100% !important;
        max-width: 100%;
    }

    .list-view .project-block2 .details .content-block .btns-block .btn.btn-whats span {
        display: inline;
    }

    .list-view .project-block2 .details .content-block .btns-block .btn {
        padding: 0 16px !important;
        width: 33.33% !important;
        min-width: auto !important;
    }

    .search-inner-h .tab-inner-new form .form-inner-h {
        max-width: calc(100% - 120px);
        width: 100%;
    }

    .search-inner-h .tab-inner-new form .form-inner-h textarea.select2-search__field {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .form-content2 .form-inner-h .form-group .select2-selection__rendered {
        padding: 0;
        padding: 0 34px;
    }

    .project-block2 .details .content-block .btns-block .btn {
        gap: 8px;
        font-size: 12px;
        padding: 0 6px;
    }

    section#start-filter .row .col-xs-12 {
        width: 100%;
    }

    .list-view.active .project-block2.project-block-sec.project-block-thr .btns-block.btns-pro .btn {
        width: calc(50% - 8px);
    }

    .banner-single-text .banner-single-title h1 {
        font-size: 26px;
        line-height: 36px;
        width: calc(100% - 60px);
    }

    .banner-single-text .banner-single-title .logo-small {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .banner-single-text .banner-single-btn .btn {
        width: 100%;
        min-width: calc(50% - 24px);
        font-size: 12px;
    }

    .breadcrumb-text .breadcrumb a,
    .breadcrumb-text .breadcrumb li {
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .breadcrumb-text .breadcrumb li:last-child {
        /* width: 100%; */
    }

    .breadcrumb-item+.breadcrumb-item::before {
        /* padding: 0 !important; */
        /* margin: 0; */
    }

    .breadcrumb-text .breadcrumb {
        white-space: normal;
    }

    .single-blog-inner .single-blog-text h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .single-blog-inner .single-blog-text ul li {
        font-size: 12px;
        white-space: nowrap;
    }

    .single-blog-inner {
        padding-block: 32px 0;
    }

    .single-blog-inner .single-blog-text {
        margin-bottom: 40px;
    }

    .single-blog-inner .img {
        height: 240px;
    }

    .single-area-inner .text-inner {
        flex: 0 0 300px;
        padding: 30px 20px;
    }

    .single-area-inner .text-inner h1 {
        font-size: 24px;
        line-height: 34px;
    }

    .emailModal .form-modal {
        max-width: 88%;
    }

    .prop-features-list-h .features-list ul li {
        width: 50%;
    }

    .prop-inner-features-h .features-list ul li {
        width: 50%;
    }

    .nav.nav-tabs .nav-item .nav-link {
        min-width: 150px;
        font-size: 13px;
    }

    .calc-result2 {
        padding: 20px;
    }

    .calc-result2 #monthly_payment {
        font-size: 25px;
    }

    .swiper-deals .details-section .content .title {
        /* max-width: 60%; */
    }

    .swiper-areas .swiper-wrapper {
        max-width: 100%;
    }

    .swiper-areas .swiper-wrapper .swiper-slide:first-child {
        padding-inline-start: 30px;
    }

    .card.destination-card .more-details {
        display: flex;
    }

    .card.destination-card .category-title {
        height: 100%;
        padding-bottom: 40px;
    }

    .card.destination-card {
        height: 560px;
        min-width: 320px;
    }

    .swiper-areas .swiper-wrapper .swiper-slide.active {
        width: 100%;
        flex-basis: 0;
    }

    .card.destination-card .detailed-view {
        padding: 48px 24px;
    }

    .card.destination-card .detailed-view .top .desc {
        width: 100%;
    }

    .card.destination-card .detailed-view .latest-project .proj-list a {
        width: 20%;
        height: auto;
    }

    .card.destination-card .detailed-view .latest-project .proj-list a img {
        height: 54px;
    }

    .card.destination-card .detailed-view .latest-project .proj-list a span {
        display: flex;
        top: 100%;
        font-size: 10px;
        line-height: 14px;
        margin-top: 2px;
    }

    .card.destination-card .detailed-view .theme-btn-white {
        font-size: 14px;
        line-height: 24px;
    }

    .swiper-areas .swiper-wrapper.anim .swiper-slide:not(:has(.active)) {
        width: auto;
    }

}

/* End 1200 */




@media (min-width: 991px) {

    .single-proj .banner-item .banner-spcial .item {
        width: 25%;
    }

    .single-proj .banner-item .banner-text {
        margin-bottom: 280px;
    }

    .banner_blog .banner-item .banner-text {
        margin-bottom: 160px !important;
    }

    .banner-h.developer-banner .banner-text {
        margin-block: 100px 180px;
    }

}

@media (min-width: 1023px) {
    .single-proj .banner-item .banner-spcial .item {
        padding: 12px 6px;
    }
}

@media (max-width: 1024px) and (min-width: 991px) {
    .single-proj .banner-item .banner-spcial .item {
        padding: 12px 6px;
    }

    .contact-h .general-form .tab-btns .btn {
        font-size: 15px;
        min-height: 40px;
    }
}

@media (min-width: 992px) {
    .why-us .why-reason-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .property-type {
        background: #757AA214;
        padding-block: 2rem;
    }

}

@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;
    }

    .nav-inner {
        display: none;
    }

    .logo-h {
        max-width: 125px;
        z-index: 1000;
    }

    .item.res-menu {
        display: block;
        z-index: 1000;
    }

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

    .header-top,
    .header-end,
    .banner-h .slick-prev,
    .banner-h .slick-next {
        display: none !important;
    }

    header .btn {
        display: none;
    }

    .header-med {
        padding: 12px 0;
    }

    .menu-left .fav-btn {
        width: 40px;
        height: 39px;
    }

    .banner-item .banner-labels {
        display: none;
    }

    .banner-h {
        padding: 31px 0 0;
        /*top:70px;*/
    }

    /*section{*/
    /*    top:70px;*/
    /*}*/

    .banner-item .banner-text h1 {
        text-align: center;
        font-weight: 600;
        font-size: 22px;
        line-height: 32px;

    }

    .banner-item .banner-text p {
        font-size: 18px;
        /* margin-bottom: 485px; */
        text-align: center;
    }

    .banner-item .banner-text h4,
    /*.banner-item .banner-text p,*/
    .banner-item .banner-text .btn {
        display: none;
    }

    .banner-item .banner-spcial .item:nth-child(even) {
        width: calc(55% - 4px);
        min-width: auto;
    }

    .banner-item .banner-spcial {
        flex-wrap: wrap;
        gap: 4px;
        /* margin-top: 450px; */
        margin-top: 30vh;
    }

    .banner-item .banner-spcial .item {
        width: calc(45% - 4px);
        /* min-width: 168px; */
        padding: 12px 8px;
    }

    .banner-item .banner-btns {
        display: none;
    }

    .banner-form {
        background: #fff;
        /*color: var(--main-color);*/
        margin-top: 16px;
        margin-bottom: -200px;
        padding: 16px;
        border: 1px solid #B3B1B1;
    }

    .banner-form.general-form {
        margin-bottom: 0px;

    }

    .banner-form h2 {
        margin-bottom: 32px;
        font-weight: 600;
        font-size: 16px;
        line-height: 19.5px;
        text-align: center;
    }

    .banner-form .form-group .form-control {
        background: #FAFAFA;
        border: 1px solid #B3B1B1;
        height: 40px;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
    }

    .banner-form .form-group .btn.btn-form {
        margin-top: 16px;
        width: auto;
        min-width: 234px;
        display: table;
        margin: 16px auto 0;
        font-size: 14px;
        line-height: 20px;
    }

    .single-proj .banner-h {
        padding-bottom: 200px;
    }

    .single-proj .about-h {
        padding-top: 0;
        margin-top: -200px;
    }

    .single-proj .about-h .banner-form {
        margin-bottom: -20px;
    }

    .about-h:has(.general-form) .about-text {
        height: auto;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    /* .banner-form .form-group .agree-h {
        display: none;
    } */

    .about-h {
        padding: 243px 0 4px;
    }

    .about-h .title {
        display: none;
    }

    .about-h .row {
        flex-direction: column-reverse;
    }

    .about-h .about-table {
        border-radius: 0;
        padding: 24px 16px;
    }

    .about-h .col-md-5 {
        padding: 0;
    }

    .about-table h3 {
        font-weight: 600;
        font-size: 18px;
        line-height: 21.94px;
    }

    .about-table .about-items .item {
        width: calc(50% - 24px);
        border-bottom: 1px solid #FFFFFF4D;
        padding: 4px 0;
        flex-direction: column;
    }

    .about-h .about-table .about-items {
        display: flex;
        flex-wrap: wrap;
        gap: 0 24px;
    }

    .about-table .about-items .item span:nth-child(1) {
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
    }

    .about-table .about-items .item span:nth-child(2) {
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
    }

    .abut-btn .btn {
        width: auto;
        min-width: 183px;
        min-height: 40px;
        padding: 10px 20px;
        font-size: 14px;
        line-height: 20px;
    }

    .about-text {
        padding: 0;
        border: none;
        border-radius: 0;
        margin-top: 16px;
    }

    .about-text o {}

    .about-text p {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }

    .about-text p:nth-child(n + 2) {
        /*display: none;*/
    }

    .about-text .readMore {
        display: inline-block;
        margin-top: 8px;
    }

    .title h3 {
        padding-inline-start: 10px;
        font-weight: 600;
        font-size: 18px;
        line-height: 21.94px;
    }

    .title h5 {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        margin: 0;
        margin-top: 16px;
    }

    .nav.nav-tabs {
        margin-bottom: 23px;
        flex-direction: row;
        flex-wrap: inherit;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .features-amenities-h .tab-content .features-list li {
        width: calc(50% - 10px);
    }

    .features-amenities-h .tab-content .features-list li:nth-child(odd) {
        border-inline-end: 1px solid #CECECE;
    }

    .details-sec .features-list li {
        width: calc(50% - 10px);

    }

    .gallery-h .title {
        margin-bottom: 16px;
    }

    .nav.nav-tabs .nav-item .nav-link {
        min-width: 130px;
        min-height: 40px;
        /* font-size: 14px; */
        font-size: 13px;
        line-height: 20px;
    }

    .gallery-items .gallery-item {
        height: 254px !important;
    }

    .all-gallery {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }

    .all-gallery div {
        width: auto;
    }

    .all-gallery {
        display: none;
    }

    .gallery-res {
        display: block;
    }

    .gallery-res .gallery-items {
        margin-inline-start: -6px;
        max-width: calc(100% - calc(var(--bs-gutter-x) * .5));
    }

    .gallery-h .col-md-12 {
        padding-inline-end: 0;
    }

    .gallery-res .item.slick-slide.slick-current.slick-active .gallery-items {
        margin: 0;
    }

    .gallery-h {
        padding-bottom: 40px;
    }

    .title p {
        margin-top: 10px;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
    }

    .plan-h .title {
        margin-bottom: 16px;
    }

    .res-none {
        display: none;
    }

    .gallery-res>div {
        width: 100% !important;
        height: auto !important;
        top: 0 !important;
        left: 0 !important;
    }

    .tab-btns {
        margin-top: 24px;
        gap: 8px;
        justify-content: center;
    }

    .tab-btns .btn {
        min-width: 150px;
        padding: 10px 12px;
        min-height: 40px;
        font-size: 14px;
        line-height: 20px;
    }

    .tab-btns .btn i {
        display: none;
    }

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

    .payment-h .title {
        margin-bottom: 24px;
    }

    .payment-h .nav.nav-tabs .nav-item .nav-link {
        min-width: 119.33px;
    }

    .payment-h .tab-inner .col-md-3 {
        width: 33.33%;
        padding: 0 4px;
    }

    .payment-h .tab-inner {
        margin-left: -4px;
        margin-right: -4px;
    }

    .tab-block {
        padding: 8px;
        margin-bottom: 8px;
        height: calc(100% - 8px);
    }

    .tab-block .num {
        font-size: 18px;
        line-height: 21.94px;
    }

    .tab-block h4 {
        font-size: 10px;
        line-height: 14px;
    }

    .tab-block span {
        font-size: 12px;
        line-height: 16px;
    }

    .features-h {
        padding: 0;
        padding-bottom: 50px;
    }

    .all-features {
        display: none;
    }

    .gallery-res.all-features {
        display: block;
    }

    .all-features .item {
        width: 100%;
        padding: 0 4px;
    }

    .feat-block {
        padding: 8px;
        margin: 0;
    }

    .feat-block .icon {
        width: 38px;
        height: 38px;
        line-height: 38px;
        margin: 0 auto 8px;
    }

    .feat-block .details h3 {
        font-weight: 500;
        font-size: 10px;
        line-height: 12px;
    }

    .features-h .title {
        margin-bottom: 16px;
    }

    .btn-center {
        text-align: start;
        margin-top: 22px;
    }

    .btn-center .btn {
        min-width: 183px;
        padding: 10px 20px;
        font-size: 14px;
        line-height: 20px;
    }

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

    .location-h .title {
        margin-bottom: 16px;
    }

    .map-h {
        height: 629px;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .location-details {
        border-radius: 10px;
        padding: 8px 5px;
    }

    .loct-block {
        margin: 8px 0;
        padding: 24px 16px;
        border-radius: 6px;
    }

    .loct-block .title-blo {
        padding: 4px;
        margin-bottom: 12px;
    }

    .loct-block .title-blo .icon {
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

    .loct-block .title-blo h3 {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
    }

    .loct-block ul li span {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
    }

    .loct-block ul li {
        margin-bottom: 12px;
    }

    .about-h2 .title {
        margin-bottom: 16px;
    }

    .text-about p {
        color: #4E4E4E;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px;
    }

    .text-about p:nth-child(n + 2) {
        display: none;
    }

    .text-about .btn-flex {
        gap: 8px;
        justify-content: center;
    }

    .text-about .readMore {
        display: block;
    }

    .text-about .btn-flex .btn {
        padding: 10px 8px;
        min-width: 149px;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        min-height: 40px;
    }

    .text-about .btn-flex .btn.btn-dark {
        padding: 10px 16px;
    }

    .img-about {
        max-width: 212px;
        margin: 44px auto 0;
    }

    .projects-h {
        padding: 68px 0 40px;
    }

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

    .project-block .img-block .labels-img span {
        padding: 8px;
        margin-bottom: 4px;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
    }

    /* .project-block .img-block .labels-img span:nth-child(1) {
        background: var(--sec-color);
    } */

    .project-block .img-block .fav-btn {
        display: none;
    }

    .project-block .details h3 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .project-block .details h4 {
        font-size: 16px;
        line-height: 22px;
    }

    .project-block .details ul li {
        font-size: 14px;
        line-height: 24px;
        padding-inline-end: 10px;
    }

    .project-block .details ul {
        margin: 8px 0 16px;
    }

    .project-block .details .btn.btn-border {
        padding: 10px;
        min-width: 126px;
        min-height: 40px;
        font-size: 14px;
        line-height: 20px;
    }

    .help-h {
        padding-top: 26px;
    }

    .help-form {
        padding: 24px 16px;
        margin-bottom: 24px;
    }

    .help-form h3 {
        margin-bottom: 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
    }

    .help-form .form-inner .item {
        width: 100% !important;
        padding: 0;
        margin: 0 0 8px;
    }

    .iti {
        display: block;
    }

    .help-form .form-inner .item:last-child {
        margin: 0 auto;
        text-align: center;
    }

    .help-form .form-inner .item .btn.btn-form {
        margin-top: 24px;
        width: 100%;
        padding: 10px 24px;
        min-height: 40px;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
    }

    .info-f ul li a {
        font-size: 14px;
    }

    .s-h {
        margin-top: 24px;
    }

    .links-f {}

    .foot-block h3 {
        margin: 24px 0 16px;
    }

    .links-f ul li a {
        font-family: Montserrat;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
    }

    .btn-flex .btn {
        font-size: 14px !important;
        padding: 13px 10px !important;

    }

    .project-block .details .btn-flex .btn {
        min-width: 120px;
        min-height: 40px;
        padding: 10px 11px !important;
    }

    .banner-item .banner-spcial .item .spcial-block-in span {
        font-size: 13px;
        font-weight: 500;
    }

    .banner-item .banner-spcial .item .spcial-block-in .icon {
        margin-inline-end: 7px;
        width: 12px;
        font-size: 12px;
    }

    .banner-item {
        height: auto;
    }

    .banner-item .banner-form {
        height: auto;
    }

    .lg-icon.lg-zoom-in,
    .lg-icon.lg-zoom-out {
        display: none !important;
    }

    .banner-h.developer-banner {
        margin-bottom: 240px;
    }

    .why-us .why-reason .card .card-title {
        align-items: center;
    }

    .why-us .why-reason .card .card-title h4 {
        margin-bottom: 0;
    }

    .why-us .why-reason .card .card-title h4,
    .why-us .why-reason .card .card-title .num {
        font-size: 18px;
    }


    .cards-wrapper .small-card .card-content,
    .cards-wrapper .active-card .card-content {
        opacity: 1 !important;
    }


    .attractions .slick-list {
        overflow: visible;
    }

    /* .cards-wrapper .slick-slide {
    padding-inline-end: 8px;
} */
    .cards-wrapper .item.slick-slide {
        display: block;
        padding-inline-end: 12px;
    }

    .areas .card-img {
        aspect-ratio: 8 / 5;
    }

    .FAQs .accordion-button {
        font-size: 20px;
    }

    .FAQs .accordion-body p {
        font-size: 15px;
        line-height: normal;
    }

    .no_result {

        font-size: 16px;
    }

    .margin-bottom-none {
        margin-bottom: 40px !important;
    }

    .banner-h2 .container>.row {
        min-height: 503px;
        padding-top: 51px;
        height: 545px;
    }

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

    .banner-h2 .banner-item .banner-text h1 {
        /* font-family: Montserrat; */
        /* font-weight: 600; */
        /* font-size: 22px; */
        /* line-height: 32px; */
        /* margin-bottom: 51px; */
        font-size: 40px;
        letter-spacing: -.4px;
    }

    .banner-h2 .banner-item .banner-text {
        margin: 0;
    }

    .banner-counter .banner-counter-in {
        /* display: none; */
        padding: 20px 8px;
    }

    .banner-btn {
        text-align: center;
    }

    .banner-h2 .banner-item .banner-form {
        /* margin: auto 0 16px; */
        border: none;
        /* background: transparent; */
        /* backdrop-filter: none; */
        /* padding: 0; */
        z-index: 1000;
    }

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

    .banner-h2 .banner-item .banner-form .filters .main-dropdown,
    .banner-h2 .banner-item .banner-form .filters .btn {
        display: none;
    }

    .banner-h2 .banner-item .banner-form .form-tabs {
        justify-content: center;
        margin-bottom: 0;
    }

    .banner-h2 .banner-item .banner-form .form-tabs .nav.nav-tabs .nav-item .nav-link {
        min-width: 120px;
        min-height: 40px;
        font-size: 14px;
        line-height: 24px;
    }

    .banner-h2 .banner-item .banner-form .form-content {
        background: transparent;
        backdrop-filter: none;
        padding: 0;
    }

    .banner-form .form-content .tab-inner .item:nth-child(1) {
        width: 100%;
    }

    .banner-form .form-content .tab-inner .item:nth-child(2),
    .banner-form .form-content .tab-inner .item:nth-child(3) {
        width: 15%;
    }

    .banner-form .form-content .tab-inner .item .form-group .form-control {
        padding: 6px 15px;
        min-height: 40px;
        font-size: 14px;
    }

    .banner-form .form-content .tab-inner .item:nth-child(1) .form-group .form-control {
        padding-inline-start: 42px;
        border-radius: 50px;
    }

    .banner-form .form-content .tab-inner .item .form-group i {
        top: 13px;
    }

    .banner-form .form-content .tab-inner .item button[data-bs-toggle="collapse"] {
        border: none;
        width: 56px;
        height: 40px;
        background: #fff;
        border-radius: 10px;
    }

    .banner-form .form-content .tab-inner .item button.btn {
        min-width: auto;
        min-height: auto;
        width: 40px;
        height: 40px;
        display: table;
        margin-inline-start: auto;
        padding: 0;
        align-content: center;
        position: absolute;
        top: 0;
    }

    .banner-form .form-content .tab-inner .item button.btn i {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        color: #fff;
        font-size: 16px;
    }

    .banner-form .form-content .tab-inner .item:last-child {
        width: auto;
        z-index: 3;
        position: absolute;
        right: 20px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
        top: 4px;
    }

    .banner-form .form-content .tab-inner .item {}

    .banner-form .form-content .tab-inner .item .collapse .col-md-6 {
        width: 50%;
    }

    .banner-form .form-content .tab-inner .item .collapse .form-group {
        margin-top: 8px;
    }

    .banner-form .form-content .tab-inner .item button[data-bs-toggle="collapse"]:not(.collapsed) {
        background: var(--main-color);
    }

    .banner-form .form-content .tab-inner .item button[data-bs-toggle="collapse"]:not(.collapsed) svg path {
        stroke: #fff;
    }

    .banner-form .form-content .tab-inner .item button[data-bs-toggle="collapse"] svg path {
        transition: all .4s;
    }

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

    .prop-h .title {
        margin-bottom: 24px;
    }

    .project-block {
        margin-bottom: 20px
    }

    .project-block.prop-block .img-block .img img {
        height: 181px;
    }

    .project-block.prop-block .img-block {
        height: 181px;
    }

    .project-block.prop-block .img-block .price-img {
        padding: 12px 16px;
        font-size: 16px;
        line-height: 26px;
    }

    .prop-slider .prop-inner-slider .slick-arrow {
        top: 60%;
    }

    .project-block.prop-block .details ul li:nth-child(1) {
        margin-bottom: 8px;
    }

    .project-block.prop-block .details .btn-flex .btn.btn-whats {
        display: none;
    }

    .project-block.prop-block .details .btn-flex .btn {
        flex: auto;
    }

    .project-block.prop-block .details .btn-flex {
        margin: 8px 0;
    }

    .project-block.prop-block .details ul {
        margin: 8px 0 0;
    }

    .project-block.prop-block .details .foot-block {}

    .project-block.prop-block .details .foot-block .user-name .img {
        width: 36px;
        height: 36px;
    }

    .project-block.prop-block .details .foot-block .user-name h4 {
        max-width: calc(100% - 36px);
        padding-inline-start: 8px;
        font-size: 14px;
        line-height: 20px;
    }

    .project-block.prop-block .details .foot-block .foot-btn .btn {
        min-width: 92px;
        min-height: 36px;
        font-size: 14px !important;
    }

    .prop-h .btn-center {
        margin-top: 24px;
        text-align: center;
    }

    .deals-item {
        padding: 24px 16px 30px;
        height: 396px;
        border-radius: 0;
    }

    .deals-h .container {
        max-width: 100%;
        padding: 0;
    }

    .deals-item .overlay-img::after {
        content: "";
        position: absolute;
        inset: 0;
        background: #00237966;
    }

    .deals-item .deal-text {
        padding: 16px 24px;
    }

    .deals-item .deal-text h2 {
        margin-bottom: 16px;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .deals-item .deal-text p {
        font-size: 14px;
        line-height: 20px;
        -webkit-line-clamp: 8;
        line-clamp: 8;
    }

    .deals-item .deal-text .btns-flex {
        margin-top: 16px;
        gap: 16px;
    }

    .deals-item .deal-text .btns-flex .btn {
        /*width: 100%;*/
        min-height: 40px;
        font-size: 14px;
        padding: 8px;
        line-height: 20px;
    }

    .deals-slider .slick-dots {
        display: none !important;
    }

    .latest-projects-h {
        padding: 40px 0;
    }

    .latest-projects-h .title {
        margin-bottom: 24px;
    }

    .all-latest-projects .packages-inner {
        display: none;
    }

    .latest-projects-slider .item {
        padding-inline-end: 8px;
    }

    .latest-projects-slider .item .report-inner {
        height: 254px;
        border-radius: 10px;
        overflow: hidden;
    }

    .latest-projects-slider .item .report-inner .img::after {
        content: "";
        position: absolute;
        inset: 0;
        background: #01062D4D;
    }

    .report-inner .report-price {
        margin: 15px 14px;
    }

    .report-inner .report-price h3 {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        text-transform: uppercase;
    }

    .report-inner .report-title {
        width: 100%;
        flex-wrap: wrap;
        padding: 8px 16px 16px;
    }

    .report-inner .report-title .title-inner {
        margin-bottom: 16px;
    }

    .report-inner .report-title .title-inner h3 {
        margin-bottom: 8px;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        text-transform: uppercase;
    }

    .report-inner .report-title .title-inner h4 {
        font-size: 14px;
        line-height: 20px;
    }

    .report-inner .report-title .btn {
        min-width: 171px;
        min-height: 40px;
        font-size: 14px;
        line-height: 20px;
    }

    .latest-projects-h .container {
        padding-inline-end: 0;
    }

    .areas-h .title {
        margin-bottom: 24px;
    }

    .areas-block {
        height: 162px;
        margin-bottom: 16px;
    }

    .areas-block .img::after {
        background: linear-gradient(1.1deg, rgba(1, 1, 1, 0.7) 0.84%, rgba(103, 103, 103, 0) 98.96%);
        height: 90%;
    }

    .areas-block .details {
        padding: 16px;
    }

    .areas-block .details h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .areas-block .details h3 span {
        font-size: 14px;
    }

    .areas-block .details h3 i {}

    .areas-h {
        padding-bottom: 40px;
    }

    .contact-video a {
        height: 276px;
        margin-bottom: 16px;
    }

    .contact-video a::after {
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 55px;
    }

    .contact-form {
        padding: 16px;
    }

    .contact-form h3 {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
    }

    .contact-form form .form-group .form-control {
        height: 40px;
        font-size: 14px;
    }

    .contact-form form .form-group .btn {
        margin: 16px 0;
        min-width: 138px;
        min-height: 40px;
        font-size: 14px;
    }

    .contact-h {
        padding-bottom: 40px;
    }

    .off-plan-h {
        padding: 0 0 40px;
    }

    .off-plan-inner {
        padding: 16px 0;
    }

    .off-plan-slider .slick-arrow {
        width: 36px;
        height: 36px;
        top: 19px;
    }

    .off-plan-slider .slick-arrow::before {
        font-size: 15px;
    }

    .off-plan-title h3 {
        font-size: 24px;
        line-height: 29px;
    }

    .off-plan-title {
        max-width: 75%;
        min-height: 32px;
    }

    .off-plan-block .off-plan-tabs .nav.nav-tabs {
        margin: 16px 0;
        gap: 16px;
        padding-bottom: 6px;
        display: block;
        text-align: center;
    }

    .off-plan-block .off-plan-tabs .nav.nav-tabs .nav-item .nav-link {
        font-size: 14px;
        line-height: 20px;
    }

    .off-plan-text {
        padding: 16px;
    }

    .off-plan-inner .container {
        max-width: 100%;
        padding: 0;
    }

    .off-plan-text p {
        font-size: 14px;
        line-height: 20px;
    }

    .off-plan-text ul {
        margin-top: 34px;
    }

    .off-plan-text ul li {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 4px;
    }

    .off-plan-text .btn {
        margin-top: 24px;
        width: 100%;
        min-height: 40px;
        font-size: 14px;
        line-height: 20px;
    }

    .off-plan-img {
        height: 212px;
        min-height: auto;
        min-height: 212px;
    }

    .off-plan-block .off-plan-tabs .nav.nav-tabs li {
        display: inline-block;
        margin: 0 8px;
    }

    .off-plan-slider {
        margin: 0 !important;
    }

    .off-plan-inner .slick-dots {
        bottom: -15px;
    }

    .off-plan-inner .slick-dots li {
        width: auto;
        height: auto;
        margin: 0;
    }

    .off-plan-inner .slick-dots li button::before {
        display: none;
    }

    .off-plan-inner .slick-dots li button {
        width: 8px;
        height: 8px;
        padding: 0;
        background: var(--main-color);
        border-radius: 50px;
        margin: 0 2px;
        transition: all .3s;
    }

    .off-plan-inner .slick-dots li.slick-active button {
        width: 64px;
    }

    .partners-h {
        padding: 31px 0;
    }

    .partners-h .row {
        padding: 27px 19px;
    }

    .partners-h .title {
        margin-bottom: 18px;
    }

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

    .blog-block-h {
        display: none;
    }

    .all-blogs.res-only .blog-block-h {
        display: block;
        margin-inline-end: 8px;
    }

    .blogs-h .title {
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-between;
        margin-bottom: 32px;
    }

    .blogs-h .title .btn {
        display: block;
        min-width: 105px;
        min-height: 40px;
        border-color: var(--main-color) !important;
        color: var(--main-color);
        font-size: 14px;
    }

    .blog-block-h .img-block {
        height: 164px;
    }

    .blog-block-h .img-block .title-block .icon {
        backdrop-filter: blur(8px);
    }

    .blog-block-h .details p {
        font-size: 14px;
        line-height: 20px;
    }

    .banner-form .form-content .tab-inner {
        position: relative;
    }

    .tab-banner-inner {
        width: 100%;
    }

    .banner-counter-item span {
        max-width: 80px;
        font-size: 11px;
        line-height: 21px;
        margin: 0 5px;
    }

    .banner-counter-item h3 {
        font-size: 34px;
        image-rendering: 45px;
    }

    .banner-counter .banner-counter-in .col-md-4 {
        padding: 0 5px;
    }

    .gallery-slider2 .slick-arrow {

        top: 50%;
    }

    .cityBtn {
        display: block;

    }

    .cityBtn .lang-btn {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 8px !important;

    }

    .cityBtn .lang-btn .icon img {
        filter: none;

    }

    .cityBtn .lang-btn.active {
        color: #fff !important;
        background-color: var(--main-color) !important;
        padding: 10px !important;
        border-radius: 5px !important;
        width: 150px !important;
    }

    .cityBtn .lang-btn.active .icon img {
        filter: brightness(0) invert(1);
    }

    .area-about p {
        margin-top: 0px;
    }

    .btn-search-res {
        display: block;
        font-size: 22px;
        color: #fff;
    }

    .mobile-nav-toggler {
        width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
    }

    .mobile-nav-toggler .menu-icon {
        width: 32px;
        height: 32px;
    }

    .btn-search-res i {
        font-weight: 300;
    }

    .sidebar-btn {
        display: none;
    }

    .mobile-menu .menu-box .navigation li .sub-menu a {
        font-size: 16px;
        padding: 9px 0;
        border: none;
    }

    .mobile-menu .menu-outer ul li.menu-item-has-children.active>a::after {
        content: "\f068";
    }



    .swiper-deals .details-section .content .title {
        font-size: 20px;
        line-height: 24px;
    }

    .swiper-deals .details-section {
        /* padding-bottom: 60px; */
    }

    .swiper-deals .details-section .content .proj-category {
        gap: 8px;
        align-items: center;
        margin-bottom: 24px;
    }

    .lang-menu .lang-menu::after {
        opacity: 0 !important;
    }

    .lang-menu .lang-menu .sub-menu {
        /* display: none; */
        /* opacity: 1; */
        /* visibility: visible; */
        /* pointer-events: auto; */
        /* transform: none; */
        /* transition: none; */
    }

    .lang-menu-des {
        display: none;
    }

    .lang-menu-res {
        display: flex;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        max-width: 46%;
        font-size: 11px;
        padding: 5px;
        min-height: auto;
        height: auto;
        line-height: normal;
        float: none;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        right: -43px !important;
        left: auto !important;
    }

    .search-inner-h .tab-inner-new form .form-inner-h .form-group .select2-selection__rendered {
        padding-inline-end: 10px;
        /* width: 227px !important; */
        max-width: 201px;
    }

    .select2-container--default .select2-search--inline .select2-search__field {
        margin: 0;
        width: 100%;
        max-width: 100%;
    }

    .select2-container--default .select2-selection--multiple .select2-search--inline {
        min-width: auto;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search.select2-search--inline {
        min-width: 46%;
    }

    .res-menu {
        display: flex;
    }

    .filterModal .form-group .form-control.phone {
        max-height: 45px;
        line-height: 45px;
    }

    footer {
    padding-bottom: 80px;
}

.links-f-bottom ul li a {
    font-size: 12px;
}

.links-f-bottom ul li {
    padding: 0 10px;
}

.links-f-bottom ul li::after {
    font-size: 9px;
}
}

@media (max-width: 767.8px) {
    .banner-item .banner-text {
        margin-bottom: 300px;
    }

    .areaBanner .banner-item .banner-text {
        margin-bottom: 40px;
    }

    .area-slider .home-img img {
        height: 400px;
    }

    .explore-h .card .card-img {
        aspect-ratio: 7 / 7;
    }

    .card-content .btn {
        width: fit-content;
    }

    .f_details p:not(:first-child) {
        padding-inline-start: 14px;
    }

    .middle {
        display: flex;
        justify-content: space-between;
        margin-top: 0;
    }

    .calc-form,
    .calc-result {
        padding-inline: .85rem;
    }

    .calc-form .form-control {
        height: 46px;
    }

    .calc-form label {
        font-size: 12px;
    }

    .lable {
        font-size: 12px;
    }

    .middle .lable {
        margin-bottom: 4px;
    }

    .val {
        font-size: 16px;
    }

    .projects-slider .item.slick-slide {
        padding: 0;
        padding-inline-end: 8px;
    }

    .banner-h.developer-banner .banner-item .banner-text p {
        visibility: hidden;
    }

    .FAQs {
        padding: 0;
        border-block: unset;
    }

    .FAQs .accordion-button {
        font-size: 14px;
        font-weight: 500;
        padding-block: .75rem;
        padding-inline: 0.25rem 1rem;
    }

    .FAQs .action .btn {
        width: 100%;
    }
footer .overlay-img{
        background-image: none !important;
}


}

@media (max-width: 768px) {

    .details-sec .features-list li {
        width: calc(50% - 20px);

    }

    .banner-counter .banner-counter-in {
        display: none;
    }

    .about-text {
        height: auto;
        /*padding-bottom: 15px;*/
    }

    .attractions-slider-area .card .card-img-top {
        height: 165px;
    }

    .attractions-slider-area .card .card-body p {
        height: 80px !important;
        font-size: 17px;

    }

    .area-slidear-container {
        margin-top: 20px
    }

    .banner-single-text .banner-single-title {
        flex-direction: column;
        align-items: start;
        -webkit-align-items: start;
    }

    .banner-single-text .banner-single-title h1 {
        width: 100%;
        max-width: 100%;
    }

    .banner-single-text .banner-single-btn {
        flex-direction: column;
    }

    .area-new-h {
        /* padding: 50px 0; */
    }

    .iti-mobile .iti--container {
        display: none;
    }
}

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

    .areas .card-content h3 {
        font-size: 16px;
        font-weight: 600;
    }

    .areas .card-content .card-text {
        font-size: 14px;
    }

    .cards-wrapper .item {
        height: 300px;
    }

    .explore-h .card-text span {
        font-size: 14px;
    }

    .banner-item .banner-spcial .item .spcial-block-in span {
        font-size: 11px;
        font-weight: 500;
        line-height: normal;
    }

    .explore-h .card-title {
        font-size: 18px;
    }

    .card.destination-card .detailed-view .latest-project .proj-list {
        flex-wrap: wrap;
        margin: 20px 0;
        align-items: start;
        gap: 10px;
    }

    .card.destination-card .detailed-view .latest-project .proj-list a {
        display: flex;
        width: 30%;
        flex-direction: column;
    }

    .card.destination-card .detailed-view .latest-project .proj-list a span {
        display: flex;
        top: 0;
        font-size: 10px;
        line-height: 14px;
        position: relative;
        bottom: 0;
        right: 0;
        left: 0;
    }

    body .form-group * {
        transform: none !important;
    }

    .iti-mobile .iti__country-list {
        max-width: 100%;
    }

    .media-new-block .details .foot-block {
        flex-direction: column;
        align-items: start;
    }

    .media-new-block .details .foot-block .review-block {
        margin-inline-start: 65px;
    }

    .media-new-all .slick-prev,
    .media-new-all .slick-next {
        margin: 0 20px;
        /* top: 40%; */
    }

    .emailModal button.btn-close path {
        stroke: #fff;
    }

    .emailModal button.btn-close {
        margin: -15px 0;
    }

    #headModal2 button.btn-close {
        margin: 15px 0;

    }

    #headModal2 button.btn-close path {
        stroke: #000;
    }

    .downloadModal2 .row .form-modal h3 {
        font-size: 19px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .downloadModal2 .row .form-modal p {
        font-size: 13px;
        line-height: 23px;
    }
}

@media (max-width: 480px) {
    .input-container {
        width: 90%;

    }

    .dropdown {
        width: 45%;
    }

    .features-amenities-h .tab-content li {
        font-size: 10px;
    }

    .details-sec li {
        font-size: 10px;

    }

    .details-sec .features-list li {
        width: 100% !important;

    }

    .about-text {
        height: auto;
        /*padding-bottom: 15px;*/
    }

    .banner-h {
        overflow: visible;
    }

    .attractions-slider-area .card .card-body p {
        font-size: 14px;
    }

    .project-block2 .details {
        padding: 20px 10px;
    }

    .project-block2 .details .content-block .btns-block {
        /*flex-direction: column;*/
    }

    .project-block2 .details .content-block .btns-block.btns-pro .btn {
        /*width: 100%;*/
    }

    .project-block2 .details .content-block .btns-block.btns-pro .btn span {
        display: none;
    }

    .banner-h2 .banner-item .banner-text h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .cd-headline.slide span {
        height: 40px;
        /* margin-top:40px; */
    }

    .cd-headline.slide .cd-words-wrapper {

        margin-inline-start: 0;

        width: 190px !important;

    }

    .form-new-h .form-tabs2 .nav.nav-tabs .nav-item .nav-link {
        padding: 5px 20px;
        font-size: 12px;
        min-height: 40px;
        line-height: 18px;
    }

    .banner-h .tab-inner-new form,
    .banner-h .form-content2 .form-inner-h {
        flex-direction: column;
        width: 100%;
        max-width: 100%;
    }

    .form-content2 .form-inner-h .form-group:nth-child(1),
    .form-content2 .form-inner-h .form-group:nth-child(2),
    .form-content2 .form-inner-h .form-group:nth-child(3) {
        width: 100%;
        margin: 5px 0;
    }

    .form-content2 .form-inner-h .form-group textarea.select2-search__field {
        font-size: 12px;
    }

    .form-content2 .btn-from .btn,
    .form-content2 .btn-from {
        width: 100%;
    }

    .banner-h2 .banner-item .banner-form .text-form p {
        font-size: 12px;
        margin-block: 20px;
    }

    .banner-h2 .banner-item .banner-text h1 {
        font-size: 26px;
        line-height: 25px;
        text-align: start;
    }

    .cd-headline.slide span {
        height: 40px;
    }

    .form-new-h .form-tabs2 .nav.nav-tabs .nav-item .nav-link {
        padding: 5px 20px;
        font-size: 12px;
        min-height: 40px;
        line-height: 18px;
    }

    .banner-h .tab-inner-new form,
    .banner-h .form-content2 .form-inner-h {
        flex-direction: column;
        width: 100%;
        max-width: 100%;
    }

    .form-content2 .form-inner-h .form-group:nth-child(1),
    .form-content2 .form-inner-h .form-group:nth-child(2),
    .form-content2 .form-inner-h .form-group:nth-child(3) {
        width: 100%;
        margin: 5px 0;
    }

    .form-content2 .form-inner-h .form-group textarea.select2-search__field {
        font-size: 12px;
    }

    .form-content2 .btn-from .btn,
    .form-content2 .btn-from {
        width: 100%;
    }

    .banner-h2 .banner-item .banner-form .text-form p {
        font-size: 12px;
        margin-block: 20px;
    }

    .title-flex {
        flex-direction: column;
        align-items: start;
        -webkit-align-items: start;
        margin-bottom: 30px;
    }

    .title2 h3 {
        font-size: 19px;
        line-height: 34px;
    }

    .title-flex .btn {
        display: none;
    }

    .nav.nav-tabs.tabs-style2 {
        gap: 10px;
        margin: 0;
    }

    .nav.nav-tabs.tabs-style2 .nav-item .nav-link {
        height: 45px;
        padding: 0 15px;
    }

    .project-block2 .details .content-block .btns-block .btn {
        width: 100%;
    }

    .project-block2 .details .content-block .btns-block .btn span {
        display: none;
    }

    .fillter-inner-h {
        flex-direction: column;
    }

    .fillter-inner-h .filter-form-in {
        align-items: start;
        -webkit-align-items: start;
        margin-top: 20px;
        gap: 10px;
    }

    section#start-filter {
        padding-top: 30px;
    }

    .search-inner-h .tab-inner-new form {
        flex-direction: column;
    }

    .search-inner-h .tab-inner-new form .form-group {
        margin: 0 !important;
    }

    .search-inner-h .tab-inner-new form .form-inner-h {
        max-width: 100%;
    }

    .search-inner-h .tab-inner-new form .btn-from {
        width: 100%;
    }

    .banner-develp {
        padding: 20px;
    }

    .banner-develp .text-banner-devlp h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .single-area-inner .overlay-img {
        position: relative;
        height: 200px;
        width: 100%;
        z-index: 1;
    }

    .single-area-inner {
        height: auto;
        display: block;
    }

    .single-area-inner .text-inner {
        display: block;
        width: 100%;
        height: auto;
        flex: 0 0 auto;
        padding: 30px 20px;
    }

    .single-area-inner .overlay-img img {}

    .single-area-inner .text-inner h1 {
        font-size: 22px;
        line-height: 32px;
    }

    .single-area-inner .text-inner .btn {
        margin-top: 20px;
    }

    .form-content2 .btn-from .btn {
        position: inherit;
    }

    .form-content2 .form-inner-h .form-group div#dropdownList2 {
        max-width: 100%;
        width: 100%;
        min-width: 100%;
        left: 0px;
    }

    .form-content2 .form-inner-h .form-group .dropdownList .row-inner.row .col-md-6 {
        padding: 0;
    }

    .text-modal-in h2 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 10px;
    }

    .text-modal-in {
        margin-block: 25px 30px;
        margin-bottom: 0px;
    }

    .text-modal-in p {
        font-size: 12px;
        line-height: 22px;
    }

    .text-modal-in .mang-block .img {
        height: 46px;
        width: 46px;
    }

    #emailModalInterst {
        margin-top: 30px;
    }

    .form-modal .form-group .form-control {
        height: 40px;
    }

    .text-modal-in .mang-block .details {
        max-width: calc(100% - 15px - 76px);
        margin-inline-start: 15px;
    }

    .emailModal .form-modal {
        width: 100%;
        padding: 20px;
        max-width: 100%;
    }

    .container-modal .container {
        padding: 0;
    }

    .phoneModal .modal-header h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .sidebar-h {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
    }

    .calc-new-h .form-group {
        min-height: auto;
    }

    .calc-result2 {
        margin-top: 30px;
    }

    .calc-result2 .middle {
        display: block !important;
    }

    .modal-img {
        display: none;
    }

    .calc-new-h .form-group input[type="range"] {
        display: none;
    }

    .calc-new-h .col-md-4+div .form-group {
        margin: 0;
    }

    .prop-features-list-h .features-list ul li {
        width: 100%;
    }

    .all-pages {
        text-align: center;
    }

    .all-pages .pagination {
        display: inline-flex;
        align-items: center;
        -webkit-align-items: center;
    }

    .all-pages .pagination .page-item .page-link {
        margin: 0;
        width: 28px;
        height: 28px;
        padding: 0;
        align-content: center;
        color: #404042;
        font-size: 12px;
        border: none;
    }

    .all-pages .pagination .page-item.active .page-link {
        background: var(--main-color);
        color: #fff;
    }

    .all-pages .pagination .page-prev {
        margin-inline-end: 12px;
    }

    .all-pages .pagination .page-next {
        margin-inline-start: 12px;
    }

    .all-pages .pagination .page-prev .page-link,
    .all-pages .pagination .page-next .page-link {
        font-size: 18px;
    }

    .blog-card-h .img {
        inset: 0;
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        height: 300px;
    }

    .blog-card-h {
        padding: 0;
        /* flex-direction: column-reverse; */
        box-shadow: none;
    }

    .blog-card-h .details {
        position: relative;
        box-shadow: 0 .5rem 3rem 0 rgba(0, 0, 0, .1);
        margin-top: -10%;
        background: #fff;
        max-width: 90%;
        margin-inline: auto;
        padding: 30px 20px;
    }

    .blog-card-h .btn-block .readMore {
        margin: 19px 0 0;
    }

    .blog-card-h .details .sub-title {
        font-size: 8px;
        left: 10px;
    }

    .blog-card-h .details>span {
        font-size: 11px;
    }

    .blog-card-h .details h3 {
        font-size: 17px;
        line-height: 24px;
        margin: 10px 0;
    }

    .blog-card-h .details p {
        font-size: 12px;
        line-height: 20px;
    }

    .area-block .img {
        height: 300px;
    }

    .area-block .img .alert-h {
        font-size: 10px;
    }

    .area-block .details {
        padding-top: 10px;
    }

    .area-block .details .name {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 5px;
    }

    .cd-headline.slide .title {
        height: auto;
        line-height: 40px;
    }

    .iti__country-list {
        max-width: 255px;
        width: 255px;
    }


    .all-pages {
        text-align: center;
    }

    .all-pages .pagination {
        display: inline-flex;
        align-items: center;
        -webkit-align-items: center;
    }

    .all-pages .pagination .page-item .page-link {
        margin: 0;
        width: 28px;
        height: 28px;
        padding: 0;
        align-content: center;
        color: #404042;
        font-size: 12px;
        border: none;
    }

    .all-pages .pagination .page-item.active .page-link {
        background: var(--main-color);
        color: #fff;
    }

    .all-pages .pagination .page-prev {
        margin-inline-end: 12px;
    }

    .all-pages .pagination .page-next {
        margin-inline-start: 12px;
    }

    .all-pages .pagination .page-prev .page-link,
    .all-pages .pagination .page-next .page-link {
        font-size: 18px;
    }

    .blog-card-h .img {
        inset: 0;
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        height: 300px;
    }

    .blog-card-h {
        padding: 0;
        /* flex-direction: column-reverse; */
        box-shadow: none;
    }

    .blog-card-h .details {
        position: relative;
        box-shadow: 0 .5rem 3rem 0 rgba(0, 0, 0, .1);
        margin-top: -10%;
        background: #fff;
        max-width: 90%;
        margin-inline: auto;
        padding: 30px 20px;
    }

    .blog-card-h .btn-block .readMore {
        margin: 19px 0 0;
    }

    .blog-card-h .details .sub-title {
        font-size: 8px;
        left: 10px;
    }

    .blog-card-h .details>span {
        font-size: 11px;
    }

    .blog-card-h .details h3 {
        font-size: 17px;
        line-height: 24px;
        margin: 10px 0;
    }

    .blog-card-h .details p {
        font-size: 12px;
        line-height: 20px;
    }

    .area-block .img {
        height: 300px;
    }

    .area-block .img .alert-h {
        font-size: 10px;
    }

    .area-block .details {
        padding-top: 10px;
    }

    .area-block .details .name {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 5px;
    }

    .cd-headline.slide .title {
        height: auto;
        line-height: 40px;
    }

    footer .overlay-img img {
        object-fit: cover !important;
    }

    .blog-block-h .img-block .title-block h3 {
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
    }

}

@media (max-width: 390px) {
    .input-container {
        width: 100%;

    }

    .dropdown {
        width: 100%;
    }
}