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

@media(min-width: 1500px) {
    .container {
        max-width: 1460px;
    }
}

@media(max-width:1500px) {
    .section {
        padding: 100px 0;
    }
    .sec_heading {
        margin-bottom: 60px;
    }
    .sec_heading .tagline {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .sec_heading .title {
        font-size: 50px;
        line-height: 55px;
    }
    /* header */
    .navbar-brand img {
        max-width: 94px;
        margin: 0px auto;
        display: block;
    }
    .navbar .navbar-collapse .top {
        padding: 30px 0;
    }
    .navbar .navbar-collapse .bottom {
        padding: 30px 0;
    }
    /* end of header */
    /* hero */
    .hero_section {
        padding-bottom: 40px;
        padding-top: 120px;
    }
    .hero_section .content .hero_title {
        font-size: 90px;
    }
    .hero_section .content .hero_type {
        font-size: 24px;
        /* margin-bottom: 30px; */
        letter-spacing: 1px;
        max-width: 74%;
    }
    /* .hero_section .content .btn{
    margin-top: 30px;
  } */
    /* 11-09 */
    .hero_section .content .hero_title {
        font-size: 60px;
        line-height: 60px;
    }
    .hero_section .content .price {
        /* font-size: 24px; */
        align-items: center;
    }
    .hero_section.micro_hero .content .price {
        font-size: 24px;
    }
    .hero_section .content .price h2 {
        font-size: 60px;
        line-height: 60px;
        margin: 0 10px 0 10px;
        font-weight: 400;
    }
    .hero_section.micro_hero .content .price h2 {
        font-size: 27px;
        line-height: 40px;
    }
    .hero_section .content .price span {
        font-size: 27px;
        line-height: 40px;
    }
    .hero_section .price_col p {
        font-size: 16px;
    }
    .hero_section.micro_hero .price_col p {
        font-size: 12px;
    }
    .hero_section.micro_hero .content .btn {
        background: var(--color2);
        color: #fff;
        font-size: 12px;
        padding: 12px 32px;
        margin-top: 40px;
    }
    /* end of hero */
    /* projects_section */
    .projects_section .box {
        height: calc(100vh - 71px);
        /* max-height:800px; */
    }
    /* end of projects_section */
    /* experience_section  */
    .experience_section iframe {
        max-width: 65%;
        height: 440px;
    }
    /* end of experience_section  */
    /* micro page */
    /* header */
    .navbar {
        padding: 20px 0;
    }
    /* hero section */
    .hero_section.micro_hero .project_logo {
        margin-bottom: 30px;
    }
    .hero_section.micro_hero .project_logo img {
        max-width: 300px;
        max-height: 45px;
    }
    .hero_section.micro_hero .hero_type {
        font-size: 16px;
        max-width: 100%;
        line-height: 25px;
        font-weight: 500;
    }
    /* overview section */
    .overview_section .leave_img {
        max-width: 300px;
    }
    /* amenity section */
    .amenities_section .title {
        font-size: 36px !important;
        line-height: 42px !important;
    }
    .amenities_section .vector_top {
        max-width: 200px;
    }
    .amenities_container .container {
        max-width: 92%;
        margin-bottom: 80px;
    }
    .amenities_container .custom-control {
        display: flex;
        bottom: 29px;
        left: 56%;
        transform: translate(-50%, -50%);
        width: 200px;
        margin-bottom: 30px;
    }
}

/* end of 1500 */

@media(max-width:1400px) {
    .sec_heading .title {
        font-size: 50px;
        line-height: 55px;
    }
    /* navbar */
    .navbar .navbar-collapse .logo {
        max-width: 120px;
    }
    .navbar .navbar-collapse .top {
        padding: 20px 0;
    }
    .navbar .navbar-collapse .bottom {
        padding: 20px 0;
    }
    .navbar .navbar-collapse .nav-item {
        margin-right: 20px;
    }
    .navbar .navbar-collapse .img_col .txt li {
        margin: 20px;
        font-size: 20px;
    }
    /* hero section */
    .hero_section .content .hero_title {
        font-size: 50px;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }
    .hero_section .content .hero_type {
        /* font-size: 30px; */
        font-size: 22px;
        margin-bottom: 35px;
    }
    .hero_section .content .price_col {
        padding: 10px;
    }
    .hero_section .content .price h2 {
        font-size: 45px;
        line-height: 60px;
    }
    .hero_section .content .price {
        font-size: 28px;
        line-height: 50px;
    }
    .hero_section .price_col p {
        font-size: 14px;
    }
    .hero_section .content .btn {
        margin-top: 35px;
        padding: 12px 36px;
        font-size: 12px;
    }
    /* project section */
    .projects_section .box {
        /* height: 700px; */
    }
    .projects_section .box .name {
        font-size: 36px;
    }
    /* end of projects section */
    /* experience_section */
    .experience_section iframe {
        max-width: 60%;
        height: 400px;
    }
    /* end of experience_section */
    /* footer */
    footer:after {
        font-size: 180px;
        line-height: 130px;
    }
    /* end of footer */
    /* custom_modal */
    .custom_modal .modal_nav .logo {
        max-width: 160px;
    }
    .custom_modal .modal-body {
        padding-bottom: 25px;
    }
    .custom_modal .contact {}
    .custom_modal .left_col .title {
        font-size: 60px;
    }
    .custom_modal .form-group {
        margin-bottom: 25px;
    }
    .custom_modal form .submit_btn {
        margin-top: 20px;
    }
    /* micro page */
    .hero_section.micro_hero .project_logo img {
        max-width: 250px;
    }
    .hero_section.micro_hero .hero_type {
        font-size: 15px;
        margin-bottom: 10px;
    }
}

/* end of 1400 */

@media(max-width:1199px) {
    .mx_lg_-30 {
        margin-left: -30px;
        margin-right: -30px;
    }
    .px_lg_30 {
        padding-left: 30px;
        padding-right: 30px;
    }
    .pb_lg_0 {
        padding-bottom: 0 !important;
    }
    .bordert_lg_none:before {
        display: none;
    }
    .sec_heading .title {
        font-size: 40px;
        line-height: 45px;
    }
    .navbar {
        padding: 8px 0;
    }
    /* .navbar-brand img{
    max-width: 160px;
  } */
    /* .navbar .navbar-nav{
    gap: 20px;
  } */
    .navbar .navbar-collapse .img_col {
        width: 30%;
    }
    .navbar .navbar-collapse .right_col {
        max-width: 70%;
        flex: 0 0 70%;
        padding-left: 60px;
    }
    .navbar .navbar-collapse .nav-item {
        /* max-width: calc(50% - 20px); */
    }
    .navbar .navbar-collapse .nav-link {
        font-size: 14px;
    }
    .navbar .left,
    .navbar .right {
        flex: 1;
    }
    .navbar .left .navbar-nav {
        flex-direction: unset;
    }
    .navbar .right {
        display: flex;
        justify-content: flex-end;
    }
    .navbar .collapse2.navbar-collapse {
        position: fixed;
        top: 0;
        background: #fff;
        padding: 35px;
        width: 100%;
        max-width: 30%;
        height: 100vh;
        box-shadow: 0 5px 10px rgba(0 0 0 / 5%);
        right: -30%;
        z-index: 9999;
        display: block !important;
        transition: all 400ms ease-in-out;
    }
    .navbar .collapse2.navbar-collapse.show {
        right: 0;
    }
    .navbar .navbar-collapse .top {
        padding: 0;
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(0 0 0 / 08%);
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .navbar .navbar-collapse .top .logo {
        max-width: 140px;
    }
    .navbar .navbar-collapse .top .close {
        margin-left: auto;
        font-size: 35px;
        font-weight: normal;
        cursor: pointer;
    }
    .navbar .navbar-collapse .navbar-nav {
        align-items: flex-start;
    }
    .navbar .navbar-collapse .nav-link {
        padding: 10px 0;
        color: #000;
        text-align: left;
    }
    .navbar .collapse2 .nav-item {
        max-width: 100%;
        margin: 0;
        width: 100%;
    }
    .navbar .collapse2 .header_btn {
        margin-top: 20px;
    }
    .navbar .collapse2 .header_btn .nav-link {
        background: var(--color2);
        padding: 10px 20px;
        color: #fff;
    }
    .navbar.design2.fixed .nav-link {
        color: #000;
    }
    .navbar .collapse2 .header_btn .nav-link {
        color: #fff;
    }
    .navbar.design2 .header_btn .nav-link {
        border: 1px solid var(--color2);
        color: var(--color2);
        font-size: 12px;
    }
    .navbar.design2 .navbar-toggler span {
        background: var(--color2);
    }
    .navbar.design2.fixed .header_btn .nav-link {
        border-color: #fff;
        color: #fff;
    }
    .navbar.fixed .navbar-toggler span {
        background: #fff;
    }
    /* hero section */
    .hero_section .content {
        /* max-width: 70%; */
    }
    .hero_section .content .hero_title {
        /* font-size: 70px;
    line-height: initial; */
    }
    .hero_section .content .hero_type {
        /* font-size: 26px;
    margin-bottom: 30px; */
    }
    /* end of hero esction */
    /* about section */
    .about_section .content {
        padding: 0;
    }
    .about_section .content .txt:before {
        display: none;
    }
    .about_section .content .txt {
        padding-left: 0;
    }
    /* projects */
    .projects_section .box {
        /* height: 500px; */
        padding: 25px;
    }
    .projects_section .box .location {
        font-size: 12px;
    }
    .projects_section .box .location img {
        width: 14px;
    }
    .projects_section .box small {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .projects_section .box .name {
        font-size: 28px;
        letter-spacing: 1px;
    }
    .projects_section .box .typology {
        font-size: 14px;
    }
    .projects_section .box .price h4 {
        font-size: 26px;
    }
    .projects_section .box .price span {
        font-size: 10px;
    }
    .projects_section .box .btn {
        padding: 7px 25px;
        font-size: 11px;
    }
    /* galllery section */
    .gallery_section .gallery_wrapper {
        gap: 15px;
    }
    /* experience_section */
    .experience_section iframe {
        max-width: 70%;
        height: 350px;
    }
    /* footer */
    footer {
        padding: 60px 0 0;
        /* padding-bottom: 60px; */
    }
    footer:after {
        font-size: 130px;
        line-height: 100px;
    }
    footer .footer_title {
        height: 45px;
        display: flex;
        align-items: flex-end;
        padding-bottom: 5px;
    }
    footer .links_details li a {
        line-height: initial;
    }
    footer .contact_details .txt {
        word-break: break-all;
        line-height: initial;
    }
    footer .social_links a {
        height: 30px;
        width: 30px
    }
    footer .social_links img {
        width: 14px;
    }
    /* micro page */
    /* hero section */
    /* overview section */
    .overview_section .leave_img {
        max-width: 200px;
    }
    /* highlight section */
    .higlights_section .img_col {
        width: 50%;
    }
    /* plans */
    .pricing_section .item {
        max-width: 100%;
    }
    .amenities_carousel .item .content {
        padding: 50px;
    }
    .amenities_carousel .item .title {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .amenities_carousel .item p {
        font-size: 16px;
        max-width: 80%;
    }
}

/* end of 1199 */

@media(max-width:991px) {
    .navbar .right_content {
        gap: 30px;
    }
    .navbar .navbar-collapse .img_col .txt li {
        margin: 10px;
        font-size: 18px;
    }
    .navbar .right_content .navbar-nav li:first-child {
        display: none;
    }
    .navbar .navbar-collapse .right_col {
        padding-left: 40px;
    }
    .navbar .collapse2.navbar-collapse {
        max-width: 45%;
        right: -45%;
    }
    .navbar .collapse2.navbar-collapse.show {
        right: 0;
    }
    /* hero */
    .hero_section .content {
        max-width: 100%;
    }
    .hero_section .content .hero_title {
        font-size: 40px;
        margin-bottom: 15px;
        line-height: initial;
    }
    .hero_section .content .price h2 {
        /* font-size: 50px;
    line-height: 60px; */
    }
    .hero_section .price_col p {
        font-size: 14px;
    }
    .hero_section .content .btn {
        font-size: 13px;
        padding: 14px 40px;
    }
    .sec_heading {
        margin-bottom: 50px;
    }
    .sec_heading .tagline {
        font-size: 14px;
    }
    .sec_heading .title {
        font-size: 40px;
        line-height: 40px;
    }
    /* projects */
    .projects_section .box {
        padding: 25px 10px;
    }
    .projects_section .box .typology {
        letter-spacing: 0.5px;
    }
    .projects_section .box .name {
        font-size: 20px;
    }
    .projects_section .price .left {
        font-size: 10px;
    }
    .projects_section .box .price h4 small {
        padding-bottom: 3px;
        margin-bottom: 0;
        font-size: 16px;
    }
    /* footer */
    footer .col1 .logo {
        max-width: 150px;
        margin-bottom: 20px;
    }
    footer .top .title {
        font-size: 30px;
    }
    footer:after {
        font-size: 100px;
        line-height: 70px;
    }
    footer .col1 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    footer .col2,
    footer .col3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    footer .col4,
    footer .col5 {
        margin-top: 30px;
        flex: 0 0 50%;
        max-width: 50%;
    }
    footer .footer_title {
        margin-bottom: 20px;
    }
    footer .copyright .content_col {
        display: unset;
        text-align: center;
    }
    footer .copyright_links {
        justify-content: center;
    }
    /* custom_modal */
    .custom_modal .left_col .title {
        font-size: 50px;
    }
    .custom_modal .left_col .sub_title {
        font-size: 16px;
    }
    .custom_modal .contact p,
    .custom_modal .contact p a {
        line-height: initial;
    }
    /* micro page */
    /* hero section */
    .hero_section .content .hero_type {
        /* font-size: 22px;
    margin-bottom: 25px; */
        max-width: 100%;
    }
    .hero_section.micro_hero .content .btn {
        margin-top: 35px;
    }
    .higlights_section .content li {
        font-size: 14px;
        gap: 40px;
    }
    .higlights_section .content li span:first-child {
        font-size: 14px;
    }
    .higlights_section .content li:after {
        left: 38px;
    }
    .higlights_section .content li:before {
        left: 34px;
    }
    /* pricing  */
    .pricing_section .tab-pane {
        max-width: 100%;
    }
    .pricing_section .content .price_title {
        font-size: 18px;
    }
    .pricing_section .content .price h3 {
        font-size: 40px;
        font-weight: 400;
    }
    .pricing_section .left_col .content {
        padding: 35px;
    }
    .amenities_section .title {
        max-width: 80%;
    }
    /* location advantage */
    .location_advantage_section .map {
        top: 240px;
    }
    .location_advantage_section .data h3 {
        font-size: 16px;
    }
    .location_advantage_section .data p {
        font-size: 14px;
    }
    .location_advantage_section .points .data:before {
        height: 18px;
        width: 18px;
    }
    .location_advantage_section .points .data:after {
        height: 8px;
        width: 8px;
    }
    .location_advantage_section .points li:not(:last-child):before {
        top: 30px;
        left: 8px;
    }
    .location_advantage_section .points .data {
        padding-left: 40px;
    }
    .about_developer .form_style2 {
        margin-top: 50px;
    }
}

/* end of 991 */

@media(max-width:767px) {
    body {
        font-size: 14px;
    }
    .btn_style1 {
        padding: 10px 24px;
        border-radius: 8px;
    }
    .sec_heading .tagline {
        font-size: 12px;
    }
    .border_sm_top:before {
        position: absolute;
        content: '';
        height: 1px;
        width: 80%;
        top: 0;
        left: 50%;
        background: rgb(49 49 49 / 30%);
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .d_sm_none {
        display: none !important;
    }
    .btn {
        font-size: 10px;
    }
    .mx_sm_-15 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .px_sm_15 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mb_sm_30 {
        margin-bottom: 30px;
    }
    .pt_sm_0 {
        padding-top: 0 !important;
    }
    .pt_sm_60 {
        padding-top: 60px !important;
    }
    .pb_sm_60 {
        padding-bottom: 60px !important;
    }
    body {
        padding-bottom: 60px;
        background: #FFF8F6;
    }
    .sec_heading.center {
        text-align: left;
    }
    .sec_heading.right {
        text-align: left;
    }
    .section {
        padding: 60px 0;
        position: relative;
    }
    .sec_heading {
        margin-bottom: 40px;
    }
    .sec_heading .mini {
        font-size: 12px;
        margin-bottom: 15px;
    }
    .sec_heading .title {
        font-size: 26px;
        line-height: 30px;
    }
    .sec_heading.center .title {
        max-width: 100%;
        margin-left: unset;
        margin-right: unset;
    }
    /* header */
    .navbar {
        padding: 10px 15px;
    }
    .navbar-brand img {
        margin: 0;
        max-width: 70px;
    }
    .navbar .navbar-toggler span {
        width: 26px;
        background: #414141;
        margin: 6px 0;
    }
    .navbar.fixed .navbar-toggler span {
        background: #fff;
    }
    .navbar .navbar-toggler span:nth-child(2) {
        width: 20px;
        margin-left: auto;
    }
    .navbar .navbar-collapse .left_col {
        display: none;
    }
    .navbar .navbar-collapse .right_col {
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: 15px;
        background: url(../images/menus/main_img.html) no-repeat calc(100% + 180px) center;
        background-size: cover;
    }
    .navbar .navbar-collapse .right_col:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgb(0 0 0 / 90%);
    }
    .navbar .navbar-collapse .close {
        font-size: 30px;
    }
    /* .navbar .navbar-collapse:before{
    position: absolute;
    content: '';
    left:0;
    top:0;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 90%);
  } */
    .navbar .navbar-collapse .nav-item {
        max-width: 100%;
        flex: 0 0 100%;
        border-bottom: 1px solid #f3f3f3;
    }
    .navbar .navbar-collapse .nav-link {
        font-size: 14px;
        padding: 12px 0;
    }
    .navbar .navbar-collapse .bottom .location {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .navbar .navbar-collapse .social_links img {
        width: 14px;
    }
    .navbar .navbar-collapse .social_links li {
        margin-right: 15px;
    }
    .navbar .navbar-collapse .navbar-nav {
        max-height: calc(100vh - 79px - 73px);
        overflow: auto;
    }
    .navbar .collapse2.navbar-collapse {
        max-width: 100%;
        right: -100%;
        padding: 25px;
    }
    .navbar .collapse2.navbar-collapse.show {
        right: 0;
    }
    .navbar .navbar-collapse .top {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .navbar .collapse2 .header_btn {
        margin-top: 30px;
    }
    .navbar .collapse2 .header_btn .nav-link {
        text-align: center;
        color: #fff;
    }
    /* hero section */
    .hero_section {
        padding-top: 150px;
        padding-bottom: 40px;
        /* height: calc(100vh - 60px); */
        /* height: calc(100vh); */
        height: auto;
        z-index: 991;
        min-height: 438px;
    }
    .hero_section:after {
        height: 230px;
        background-image: linear-gradient(0, #ffffff00, #ffffff75, rgb(255 255 255));
    }
    .hero_section video {
        width: 100%;
        left: 0;
    }
    .hero_section .content .hero_title .slider-top-logo {
        width: 150px;
    }
    .hero_section .content .hero_title {
        font-size: 40px;
        color: var(--color4);
        text-align: center;
    }
    .hero_section .content .hero_type {
        font-size: 12px;
        margin-bottom: 5px;
        line-height: 16px;
        max-width: 100%;
    }
    .hero_section.micro_hero .hero_type {
        font-size: 15px;
    }
    .hero_section .content .price {
        font-size: 20px;
    }
    .hero_section .content .price_col {
        padding: 5px;
    }
    .hero_section .content .price h2 {
        font-size: 29px;
        line-height: 53px;
    }
    .hero_section .price_col p {
        font-size: 9px;
    }
    .hero_section .price_col p:before {
        height: 25px;
    }
    .hero_section .content .btn {
        font-size: 10px;
        padding: 10px 30px;
        margin-top: 30px;
    }
    .hero_section .price_col p {
        padding-right: 20px;
        margin-right: 20px;
    }
    .hero_section.micro_hero .content {
        max-width: 300px;
        padding: 0 20px;
        padding-top: 130px;
        padding-bottom: 40px;
    }
    .hero_section.micro_hero .price_col p {
        font-size: 9px;
    }
    .hero_section.micro_hero .content .price {
        font-size: 20px;
    }
    .hero_section.micro_hero .content .price h2 {
        font-size: 29px;
        line-height: 40px;
    }
    .hero_section.micro_hero .project_logo {
        margin-bottom: 5px;
    }
    .hero_section.micro_hero .content .btn {
        font-size: 10px;
        padding: 10px 30px;
        margin-top: 25px;
    }
    .about_section .img_col {
        margin-bottom: 30px;
    }
    .about_section .content .txt p {
        line-height: 22px;
        margin-bottom: 30px;
    }
    /* projects_section */
    .projects_section .single_col:not(:last-child) {
        margin-bottom: 5px;
    }
    .projects_section .box {
        height: 400px;
    }
    /* amenity section */
    .amenity_carousel {
        max-width: calc(100% - 50px);
    }
    .amenity_carousel .item .image {
        height: 250px;
    }
    .amenity_carousel .item .content {
        left: 20px;
        bottom: 20px;
        width: calc(100% - 40px);
    }
    .amenity_carousel .item .title {
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0.5px;
    }
    .amenity_carousel .item p {
        font-size: 10px;
    }
    /* gallery section */
    .gallery_section {
        overflow: hidden;
    }
    .gallery_carousel {
        padding: 0 20px;
    }
    .gallery_carousel .owl-stage-outer {
        overflow: visible;
    }
    /* experience_section */
    .experience_section .thumbnail {
        max-width: 100%;
    }
    .experience_section iframe {
        max-width: 100%;
        height: 230px;
    }
    .experience_section:after {
        height: 150px;
    }
    .experience_section .thumbnail .play {
        height: 50px;
        width: 50px;
    }
    .experience_section .thumbnail .play img {
        width: 15px;
    }
    .experience_section .thumbnail p {
        font-size: 10px;
    }
    .video_modal .close {
        height: 25px;
        width: 25px;
        font-size: 20px;
    }
    /* footer */
    footer {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    footer .col1 p {
        font-size: 13px;
    }
    footer .col1 .logo {
        max-width: 130px;
    }
    footer .top .title {
        font-size: 24px;
    }
    footer .top .btn_content {
        justify-content: start;
        margin-top: 15px;
    }
    footer .middle {
        margin: 50px 0 40px;
    }
    footer .middle .footer_logo {
        max-width: 200px;
        padding: 0 20px;
    }
    footer .bottom .contact_details li:not(:last-child) {
        margin-bottom: 5px;
    }
    footer .bottom .col2 {
        display: unset;
        margin: 40px 0;
    }
    footer .footer_title {
        margin-bottom: 15px;
        font-size: 12px;
        font-weight: 400;
        height: auto;
    }
    footer .bottom .location_details h5 {
        font-size: 14px;
    }
    footer:after {
        font-size: 46px;
        line-height: 40px;
    }
    footer .links_details li a {
        font-size: 12px;
    }
    footer .social_links {
        margin-top: 15px;
    }
    footer .social_links a {
        height: 24px;
        width: 24px;
    }
    footer .social_links img {
        width: 10px;
    }
    /* .enquire_fixed_btn */
    .enquire_fixed_btn {
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        top: unset;
        opacity: 1;
        visibility: visible;
        border-radius: 10px 10px 0 0;
        box-shadow: 0 -5px 10px rgba(255 255 255 / 8%);
    }
    .enquire_fixed_btn .side-b {
        flex: 1;
        width: auto;
        position: relative;
    }
    .enquire_fixed_btn .side-b:not(:first-child):before {
        position: absolute;
        content: '';
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        height: 30px;
        width: 1px;
        background: #ffffff38;
    }
    .enquire_fixed_btn .side-b a {
        padding: 14px 15px;
        border: none;
    }
    .enquire_fixed_btn .side-b .icon {
        width: 18px;
    }
    .enquire_fixed_btn .side-b p br {
        display: none;
    }
    .enquire_fixed_btn .side-b p {
        font-size: 9px;
        /* font-family: var(--futura_bt_medium); */
        letter-spacing: 0.5px;
        width: max-content;
        margin-left: auto;
        margin-right: auto;
    }
    .location_map_section .badge {
        position: relative;
        right: unset;
        top: unset;
    }
    .location_map_section .badge a {
        font-size: 10px;
    }
    .location_map_section .badge img {
        width: 20px;
    }
    .video_modal .modal-body iframe {
        height: 270px;
    }
    footer .disclaimer {
        font-size: 10px;
        margin-top: 8px;
    }
    footer .col1 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 25px;
    }
    footer .col2,
    footer .col3 {
        flex: 0 0 30%;
        max-width: 30%;
    }
    footer .col4 {
        flex: 0 0 40%;
        max-width: 40%;
        margin-top: 0;
    }
    footer .location_details h5,
    footer .contact_details h5 {
        font-size: 10px;
    }
    footer .location_details p,
    footer .contact_details a {
        font-size: 10px;
    }
    footer .location_details .icon,
    footer .contact_details .icon {
        width: 12px;
    }
    footer .col5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    footer .contact_details .icon img {
        width: 10px;
    }
    footer .copyright_links {
        display: unset;
    }
    footer .copyright_links li {
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
    footer .copyright_links li:before {
        display: none;
    }
    footer .copyright_links li,
    footer .copyright_links a {
        font-size: 11px;
    }
    footer .disclaimer small {
        font-size: 10px;
        line-height: 12px;
    }
    /* micro page */
    .navbar.design2 .navbar-toggler span {
        background: #5d5d5d;
        width: 28px;
        margin: 6px 0;
    }
    .navbar.design2 .navbar-toggler span:nth-child(2) {
        width: 18px;
        margin-left: auto;
    }
    .navbar.design2.fixed .navbar-toggler span {
        background: #000;
    }
    /* hero section */
    .hero_section.micro_hero .project_logo img {
        max-width: 210px;
    }
    /* overview section */
    .overview_section .leave_img {
        max-width: 150px;
    }
    .projects_section .box .typology {
        font-size: 12px;
    }
    .projects_section .box .name {
        font-size: 24px;
    }
    /* highlight section */
    .higlights_section .right_col {
        padding: 0;
    }
    .higlights_section .img_col {
        position: relative;
        width: 100%;
        height: auto;
        top: unset;
        right: unset;
    }
    .higlights_section .img_col img {
        height: auto;
        object-fit: unset;
    }
    .higlights_section .content li {
        /* gap: 50px; */
        font-size: 13px;
        margin-bottom: 8px;
    }
    .higlights_section .content li:before {
        left: 30px;
        height: 6px;
        width: 6px;
    }
    .higlights_section .content li:after {
        height: calc(100% + 10px);
        width: 1px;
        left: 32px;
        top: 13px;
    }
    .higlights_section .content li span:first-child {
        font-size: 12px;
        margin-top: 3px;
    }
    .bridge {
        display: none;
    }
    .pricing_section .img_col {
        position: relative;
    }
    .pricing_section .img_col {
        padding: 20px;
    }
    .pricing_section .left_col .content {
        padding: 40px 30px;
    }
    .pricing_section .content .btns {
        margin-bottom: 5px;
    }
    .pricing_section .content .price {
        margin-bottom: 15px;
        font-size: 22px;
    }
    .pricing_section .content .price h3 {
        font-size: 32px;
        line-height: 38px;
    }
    .pricing_section .content ul {
        margin-bottom: 30px;
    }
    .pricing_section .floorplan_carousel .img_col {
        position: relative;
    }
    .pricing_section .img_col img {
        max-height: 250px;
        height: auto;
    }
    .pricing_section .content ul li {
        font-size: 14px;
    }
    .pricing_section .content .btn {
        font-size: 10px;
    }
    .floorplan_carousel button {
        height: 40px;
        width: 40px;
    }
    .pricing_section .floorplan_carousel,
    .pricing_section .floorplan_carousel div {
        height: auto;
    }
    .pricing_section .content .price_title {
        font-size: 14px;
    }
    .pricing_section .content .starting-price {
        font-size: 12px;
        margin-bottom: 4px;
        padding-top: 10px;
    }
    .pricing_section .nav-tabs .nav-link {
        font-size: 10px;
        padding: 5px 10px;
    }
    .pricing_section .nav-tabs .owl-nav button {
        height: 30px;
        width: 30px;
    }
    /* amenities section */
    .amenities_section .title {
        max-width: 100%;
        font-size: 28px;
        line-height: 30px;
    }
    .amenities_section .title.w-90 {
        max-width: 100%;
    }
    .amenities_section .amenities_carousel {
        padding-right: 50px;
    }
    .amenities_carousel .item .content {
        padding: 20px;
    }
    .amenities_section .design2 .vector_top {
        left: -60px;
    }
    .amenities_section .vector {
        display: none;
    }
    .amenities_section .vector_top {
        max-width: 130px;
    }
    .amenities_section .sec_heading {
        margin-bottom: 30px;
    }
    .amenities_carousel .item .title {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .amenities_carousel .item p {
        max-width: 100%;
        font-size: 12px;
        line-height: initial;
        letter-spacing: 1px;
    }
    .amenities_section .title {
        font-size: 22px !important;
        line-height: 32px !important;
        height: 64px;
    }
    /* location map */
    /* .location_advantage_section {
        padding-bottom: 40px;
        background: url(../assets/images/highlights/sea_sm.webp) no-repeat center center;
        background-size: cover;
    } */
    .location_advantage_section .boat_img {
        max-width: 110px;
        position: absolute;
        top: 150px;
    }
    .location_advantage_section .map {
        position: relative;
        width: calc(100% + 40px);
        top: unset;
        height: auto;
        margin-bottom: 40px;
        right: calc(40px - 15px);
        /* margin-top: 30px; */
    }
    .location_advantage_section .map img {
        height: auto;
        object-fit: unset;
    }
    .location_advantage_section .map1 {
        width: calc(100% + 30px);
        right: 15px;
    }
    .location_advantage_section .points .data:before {
        height: 16px;
        width: 16px;
        border: 1px solid #C19444;
    }
    .location_advantage_section .points .data:after {
        height: 6px;
        width: 6px;
    }
    .location_advantage_section .points .data {
        padding-left: 28px;
    }
    .location_advantage_section .data h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .location_advantage_section .data p {
        font-size: 12px;
    }
    .location_advantage_section .points {
        display: flex;
        flex-wrap: wrap;
    }
    .location_advantage_section .points li {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .location_advantage_section .points li:not(:last-child):before {
        display: none;
    }
    .location_advantage_section.location1 .map {
        width: 100%;
        top: unset;
        height: auto;
        right: -8%;
    }
    /* about developer */
    .about_developer .right_col {
        margin-top: 40px;
    }
    .about_developer .form_style2 {
        padding: 30px;
        margin-top: 0;
    }
    .about_developer .form_style2 .title {
        font-size: 24px;
        font-weight: 400;
        text-transform: capitalize;
        margin-bottom: 25px;
    }
    .form_style2 label {
        font-size: 12px;
        margin-bottom: 2px;
    }
    .form_style2 .enquire_btn {
        margin-top: 10px;
    }
    /* custom modal */
    .custom_modal .modal_nav {
        padding: 15px 0;
    }
    .custom_modal .modal_nav .logo {
        max-width: 120px;
    }
    .custom_modal .modal_nav .close {
        font-size: 30px;
    }
    .custom_modal .modal-body {
        padding: 30px;
    }
    .custom_modal .title {
        font-size: 28px;
    }
    .custom_modal .left_col .title {
        font-size: 24px;
        letter-spacing: 2px;
        /* font-family: var(--futura_bt_medium); */
        margin-bottom: 15px;
    }
    .custom_modal .left_col .sub_title {
        font-size: 14px;
    }
    .custom_modal .form-group {
        margin-bottom: 15px;
    }
    .custom_modal form .submit_btn {
        padding: 8px 30px;
        font-size: 14px;
    }
    .custom_modal .contact {
        margin-top: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .custom_modal .contact h6 {
        font-size: 12px;
    }
    .custom_modal .contact p,
    .custom_modal .contact p a {
        font-size: 14px;
    }
    .custom_modal .form-control::placeholder {
        font-size: 14px;
    }
    .custom_modal .form button.btn {
        width: 100%;
    }
    .amenities_section .title {
        font-size: 22px !important;
        line-height: 32px !important;
        height: auto;
    }
    .navbar.fixed .navbar-brand .logo.white {
        height: unset;
        margin: unset;
        max-width: 100px;
    }
    .navbar-brand .microsite-logo {
        max-width: 160px;
        margin: unset;
        display: block;
    }
    .navbar .navbar-toggler {
        padding: 0;
        border: none;
        outline: none;
    }
    footer .copyright {
        text-align: center;
    }
    .d_view {
        display: none;
    }
    .m_view {
        display: block;
    }
    .hero_section .hero_img {
        min-height: 438px;
    }
    .hero_section.micro_hero .content:before {
        min-height: 438px;
    }
}

/* end of 767 */