@media (min-width:1680px) {
    .locaminity-slider-content span {
        margin-top: 34px
    }

    .locationCar {
        margin-top: 38px !important
    }

    .location-aminity h5 {
        margin-top: 196px
    }

    .hamburger .line {
        height: 1.9px
    }
}

@media (min-width:1480px) {
    .comming-soon-inner h2 {
        font-size: 140px;
        line-height: 111px
    }

    .coming-soon-logo {
        position: absolute;
        width: 500px
    }
}



@media (max-width :1250px) {
    :root {
        font-size: 12px !important
    }

    .tab-pane .delivered ul {
        justify-content: space-between
    }

    .tab-pane .delivered ul li {
        width: 31%
    }
}

@media (min-width:992px) and (max-width:1280px) {
    .pro_banner {
        height: 100%
    }

    :root {
        font-size: 14px !important
    }

    .projects_description .hd,
    .tb_space .hd {
        font-size: 30px
    }

    p {
        font-size: 14px
    }

    .footer_links {
        padding-left: 2rem
    }

    .footer_links a p,
    .footer_links ul li a {
        font-size: 11px
    }

    .newspdright {
        padding-right: 81px
    }

    .pro_text h3 {
        font-size: 20px !important
    }

    .latest_grid.side_grid {
        height: 48.6vh
    }

    .nav_detailsright:after {
        background-position-x: -80px
    }

    .nav_fullw ul li.btspace {
        margin-bottom: 0 !important
    }

    .nav_fullw ul li.mobile-menu-show a {
        font-size: 20px
    }

    .nav_details.open_nav .nav_fullw {
        margin-top: 90px;
        position: relative
    }

    .nav_fullw ul li a {
        padding-top: 10px
    }

    .mobile-view a {
        font-size: 10px;
        display: block;
        margin: 11px 0 3px
    }

    .consultantbanner_bg img {
        width: 100%;
        height: 100%;
        object-position: left
    }

    .consultant_des_details p {
        font-size: 22px;
        padding: 0 30px
    }
}

@media (max-width:1024px) {
    .comming-soon-inner p {
        font-size: 13px
    }

    .tb_space .hd br {
        display: none
    }

    .hd {
        font-size: 22px
    }

    .ourcultureslider .slick-slide {
        margin: 0 15px
    }

    .ourcultureslider .slick-list {
        margin: 0 -15px
    }

    .ourcultureslider {
        margin-left: 30px
    }

    #careerform .form-select,
    #careerform form .form-control {
        margin-bottom: 40px
    }

    #careerform form {
        margin-top: 40px
    }

    .newspdright {
        padding-right: 50px
    }

    .tab-pane .delivered ul li {
        width: 48%
    }

    .delivered_banner {
        height: auto
    }

    .tab-pane .delivered {
        padding-top: 0
    }

    .grid {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 0
    }

    .pro_text {
        padding: 15px !important
    }

    .pro_text h3 {
        font-size: 21px !important
    }

    .comming-soon-inner h2 {
        font-size: 72px;
        line-height: 60px
    }

    .comingsoonvideo video {
        right: -2%
    }
}

@media (min-width:991px) {
    .ftsz404 {
        font-size: 150px
    }

    .navbar .navbar-nav .nav-item:hover .dropdown-menu {
        transform: translateY(2px);
        opacity: 1;
        visibility: visible
    }

    nav .navbar-nav .nav-item .dropdown-menu {
        position: absolute;
        top: 93px;
        left: 0;
        margin: 0;
        border: 0;
        border-radius: 0;
        padding: 0;
        text-transform: uppercase;
        width: 100%;
        transition: .85s;
        transform: translateY(30px);
        opacity: 0;
        visibility: hidden;
        display: flex;
        background: #fff;
        height: 120px;
        box-shadow: 0 0 0 .4px inset #ccc
    }

    nav .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        color: #000;
        padding: clamp(1.35rem, 1.67vw, 1.88rem);
        font-size: 18px;
        transition: .85s;
        position: relative;
        overflow: hidden;
        z-index: 2;
        display: inline-flex;
        width: 16.7%;
        font-family: 'Playfair Display';
        white-space: normal;
        height: 100%;
        margin-left: -6px
    }

    nav .navbar-nav .nav-item .dropdown-menu .dropdown-item small {
        font-family: DINOT;
        font-size: 12px;
        color: #9a9a9a;
        display: block;
        position: absolute;
        left: 25px;
        bottom: 15px
    }

    nav .navbar-nav .nav-item .dropdown-menu .dropdown-item i {
        font-size: 20px;
        color: #000;
        position: absolute;
        right: 24px;
        top: 85px;
        margin: 0;
        transition: .4s;
        transform: translateX(-20px);
        opacity: 0;
        visibility: hidden
    }

    nav .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
        background: #f6f2ef;
        color: #000
    }

    nav .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover i {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }

    nav .navbar-nav .nav-item .dropdown-menu .dropdown-item:before {
        content: '';
        width: .8px;
        height: 100%;
        background: #ccc;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }

    nav .navbar-nav .nav-item .dropdown-menu .dropdown-item:last-child {
        border-right: .8px solid #ccc
    }

    .nv_right {
        right: 0;
        left: unset !important
    }

    nav .navbar-nav .nav-item .dropdown-menu .dropdown-item.active,
    nav .navbar-nav .nav-item .dropdown-menu .dropdown-item:active {
        background-color: #f6f2ef
    }

    .not_found_data {
        width: 100%;
        height: 600px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .not_found_data .nfound {
        font-size: 50px;
        color: #000
    }
}

@media (max-width:991px) {

    .nav_fixed,
    .navbar {
        background: #000
    }

    .mob_bottom a,
    .news_date {
        font-weight: 500
    }

    .navbar-nav .nav-item .dropdown-menu .dropdown-item.active,
    .navbar-nav .nav-item .dropdown-menu .dropdown-item:active,
    header .hamburger .line {
        background-color: #000
    }

    header .menu li a,
    header a.conatct {
        color: #000
    }

    header .logo svg .cls-1 {
        fill: #000
    }

    #audio-control {
        bottom: 30px
    }

    #pro_banner img,
    .pro_banner,
    .pro_banner img {
        height: 100%
    }

    .dksmgtop {
        margin-top: 20px
    }

    .center_video,
    .formrowdt form,
    .gallery-wrap,
    .grid_lay,
    .sitelink ul {
        margin-top: 50px
    }

    .sitelink ul {
        width: 100%;
        display: block
    }

    .sitelink ul li {
        margin-top: 15px;
        display: block
    }

    .cons_logo img,
    .nav_fullw ul li a,
    .sitelink ul.hauto li a,
    .sub_email {
        width: 100%
    }

    .probanwrap .section,
    .projects_description,
    .submit_btn {
        height: auto !important
    }

    .gallery-slide .slick-dots li,
    .gallery-slide-desktop .slick-dots li {
        width: 25px;
        margin: 0 5px
    }

    .select_grid {
        display: grid
    }

    .select_item .form-control {
        border-right: none
    }

    .formrowdt form .submit_btn {
        position: static;
        margin: 0;
        justify-content: flex-start
    }

    .navbar,
    a.logo {
        position: relative
    }

    .awimg,
    header {
        align-items: center
    }

    .blog_banner,
    .center_video,
    .community_development_wrap,
    .environmental_container,
    .left_img,
    .newsletter-wrap,
    .newsletter-wrap div.video_wrap,
    .wdt_container {
        height: auto
    }

    .formrowdt form .form-group {
        margin-bottom: 30px !important
    }

    .formrowdt form .s-input {
        margin: 15px 0;
        position: relative;
        z-index: 11
    }

    .evdsk {
        display: table-cell !important
    }

    footer .menu2 li a:after {
        right: -8px;
        top: 2px
    }

    .formrowdt form .s-input--rounded>label b {
        font-size: 12px;
        text-align: left
    }

    .newsletter-wrap img {
        height: auto !important;
        width: auto !important;
        max-width: max-content
    }

    .newsletter-wrap img.gptwuplogo2 {
        height: auto !important;
        width: 55px !important
    }

    header {
        height: 70px;
        display: flex;
        padding: 0;
        background-color: #f9f4ed
    }

    .hamburger {
        top: -18px
    }

    .banner_text .h4 {
        padding: 0;
        font-size: 26px
    }

    .enqbtnsfixedheder,
    .enqbtnsfixedheder a,
    .footer_bottom_grid,
    .footer_info,
    .footer_links a p br,
    .hm_btn_mob,
    .left_news_hd h2 br,
    .logo-slide p br,
    .poiconmobile,
    .tab-show {
        display: block
    }

    .icon_description_pop {
        width: 100vw;
        overflow-y: auto
    }

    .ban_heading h2 {
        right: 0;
        line-height: normal;
        margin-top: 15px;
        font-size: 30px
    }

    .iconbanner_bg {
        height: 80vh
    }

    .alg_cnter {
        align-items: center !important;
        flex-direction: column;
        justify-content: center
    }

    .des_details p {
        padding: 0 30px;
        font-size: 18px
    }

    .carbg,
    .conatct,
    .counter_grid .sld,
    .cursor-arrow,
    .dk-show,
    .email_wrap b br,
    .enqbtnsfixed,
    .footer_top_grid,
    .hd br,
    .hm_btn_dsk,
    .hover_effect ul li h2 br,
    .img_profile,
    .n_title a:after,
    .n_title a:before,
    .nav_detailsright,
    .navbar-nav .nav-item .dropdown-menu .dropdown-item i,
    .poicondesktop,
    header .row .col-sm-4:last-child,
    nav .navbar-nav .nav-item .dropdown-menu .dropdown-item small,
    p br,
    ul.menu.hoversh {
        display: none
    }

    a.logo {
        z-index: 999
    }

    .locaminity-slider-content h4:after {
        bottom: -55px !important
    }

    .closebutton a {
        right: 30px
    }

    .banner-home video {
        height: 100vh;
        object-fit: cover;
        margin-bottom: -5px
    }

    footer .menu2 li {
        margin: 0 8px
    }

    footer .menu2 li a {
        color: #454545;
        font-size: 12px;
        font-weight: 400
    }

    .nav_details.open_nav .nav_fullw {
        padding: 0 !important;
        margin-top: 70px
    }

    .nav_fullw ul li.mobile-menu-show a {
        font-size: 18px !important;
        padding-top: 7px !important
    }

    .thamb_bototm ul li {
        width: 49%
    }

    .thamb_bototm ul {
        flex-wrap: wrap
    }

    .project_select {
        padding: 50px 0 !important;
        margin-top: 0 !important
    }

    .logotext {
        height: auto;
        border: none
    }

    .awimg {
        height: auto;
        display: flex;
        justify-content: center
    }

    .awimg img {
        width: 160px !important
    }

    .icon_grid p {
        width: 70%
    }

    .icon_grid img {
        width: 200px
    }

    .contact-info,
    .sub_nav {
        display: none !important
    }

    .description_detailsmain {
        margin-top: 15px
    }

    .project span {
        font-size: 12px
    }

    .btn-whatsapp-pulse i,
    .member_details span,
    .project p,
    address {
        font-size: 16px
    }

    .grid-item,
    .nav_details {
        width: 100% !important
    }

    .gallery-box {
        padding: 10px
    }

    .enqbtnsfixedheder a img,
    .gallery-slide .slick-dots li {
        width: 30px
    }

    .address {
        padding: 40px 0 10px
    }

    .address .addres-box {
        margin-bottom: 20px
    }

    footer .border2 {
        padding: 30px 0;
        margin-top: 30px
    }

    .blog_content h2,
    .font42 {
        font-size: 30px
    }

    .nav_fullw ul li {
        display: block;
        width: 90%
    }

    .nav_fullw ul li i {
        font-size: 30px;
        color: #454545;
        margin-right: 15px
    }

    .comming-soon-inner h2 {
        font-size: 60px;
        line-height: 48px
    }

    .coming-soon-logo {
        width: 300px;
        left: 20px
    }

    #enquirepop .form_wrap .form-group,
    .enquire-modal .form_wrap .form-group,
    #environment_clearance h2.hd {
        margin-bottom: 25px
    }

    .mb_767,
    form .form-group {
        margin-bottom: 30px
    }

    .ftsz404 {
        font-size: 100px
    }

    .jobbtn .dsc_btn {
        max-width: 160px !important
    }

    .nav_fixed .navbar-brand svg .cls-1 {
        fill: #fff !important
    }

    .nav_fixed .navbar-nav .nav-item i,
    .navbar-nav .nav-item .nav-link,
    .pagingInfo {
        color: #fff
    }

    .navbar-nav .dropdown-menu {
        position: static;
        padding: 0;
        border-radius: 0;
        background: 0 0
    }

    .slideup {
        top: 0 !important
    }

    .navbar-nav .nav-item i {
        position: absolute;
        right: 5px;
        font-size: 18px;
        top: 0;
        opacity: 0;
        transform: translateY(50px);
        transition: .5s;
        width: 40px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin: 0
    }

    .navbar-nav .nav-item i.fa-angle-down:before {
        transition: .85s
    }

    .dropup .rot:before {
        transform: rotate(180deg)
    }

    .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        padding: 8px 15px;
        font-size: 14px;
        color: #fff;
        transition: .85s;
        display: table-caption
    }

    .navbar-nav .nav-item .dropdown-item:focus,
    nav .navbar-nav .nav-item .dropdown-item:hover {
        color: #fff;
        background-color: transparent;
        padding-left: 30px;
        letter-spacing: .5px
    }

    .contact_grid,
    .galleryslider_section .col-lg-10,
    .hospitality_wrap .container,
    .navbar-nav .nav-item .dropdown-menu .container,
    .office_hub_wrap .container,
    .project_wrap .col-lg-5,
    .project_wrap .col-lg-7,
    .project_wrap .container {
        padding: 0
    }

    .navbar {
        padding: 15px 0;
        border-bottom: none
    }

    .navbar:after {
        width: 100%;
        height: .8px;
        content: '';
        background: #818181;
        position: absolute;
        top: 86px;
        left: 0
    }

    .counter_items,
    .counter_items:last-child {
        width: 48%
    }

    .counter_grid_wrap {
        max-width: 100%
    }

    .inner_grid {
        flex-wrap: wrap;
        gap: 1rem
    }

    .blog_description_wrap .row,
    .community_development_wrap .row,
    .copyright_wrap .row,
    .project_wrap .row {
        flex-direction: column-reverse
    }

    .mob_bottom_md,
    .none_nav {
        display: block !important
    }

    .mob_bottom_md {
        position: absolute;
        bottom: 121px;
        left: 0;
        border-bottom: 0 !important;
        padding-bottom: 0;
        opacity: 0;
        transform: translateY(50px);
        transition: .5s;
        margin: 0 !important
    }

    .btn-whatsapp-pulse {
        padding: 20px
    }

    .navbar-collapse.show .mob_bottom_md {
        transition-delay: 1.3s;
        opacity: 1;
        transform: translateY(0)
    }

    .navbar .navbar-nav .nav-item {
        margin: 0;
        position: relative
    }

    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 18px;
        font-family: 'Playfair Display';
        padding: 12px 0;
        display: block;
        border-bottom: 1px solid #232323;
        opacity: 0;
        transform: translateY(50px);
        transition: .5s;
        position: relative
    }

    .navbar-collapse.show .navbar-nav .nav-item:first-child .nav-link,
    .navbar-collapse.show .navbar-nav .nav-item:first-child i {
        transition-delay: 0.1s;
        opacity: 1;
        transform: translateY(0)
    }

    .navbar-collapse.show .navbar-nav .nav-item:nth-child(2) .nav-link,
    .navbar-collapse.show .navbar-nav .nav-item:nth-child(2) i {
        transition-delay: 0.2s;
        opacity: 1;
        transform: translateY(0)
    }

    .navbar-collapse.show .navbar-nav .nav-item:nth-child(3) .nav-link,
    .navbar-collapse.show .navbar-nav .nav-item:nth-child(3) i {
        transition-delay: 0.3s;
        opacity: 1;
        transform: translateY(0)
    }

    .navbar-collapse.show .navbar-nav .nav-item:nth-child(4) .nav-link,
    .navbar-collapse.show .navbar-nav .nav-item:nth-child(4) i {
        transition-delay: 0.4s;
        opacity: 1;
        transform: translateY(0)
    }

    .navbar-collapse.show .navbar-nav .nav-item:nth-child(5) .nav-link {
        transition-delay: 0.5s;
        opacity: 1;
        transform: translateY(0)
    }

    .navbar-collapse.show .navbar-nav .nav-item:nth-child(6) .nav-link {
        transition-delay: 0.6s;
        opacity: 1;
        transform: translateY(0)
    }

    .navbar-collapse.show .navbar-nav .nav-item:nth-child(7) .nav-link {
        transition-delay: 0.7s;
        opacity: 1;
        transform: translateY(0)
    }

    .navbar-collapse.show .navbar-nav .nav-item:nth-child(8) .nav-link {
        transition-delay: 0.8s;
        opacity: 1;
        transform: translateY(0)
    }

    .navbar-collapse.show .navbar-nav .nav-item:nth-child(9) .nav-link {
        transition-delay: 0.9s;
        opacity: 1;
        transform: translateY(0)
    }

    .newspdright,
    .pd_r0 {
        padding-right: 12px
    }

    .newspdleft,
    .pd_l0 {
        padding-left: 12px
    }

    .left_filter {
        padding-right: 0 !important
    }

    .news_view_all_btn {
        position: static
    }

    .news_view_all_btn .dsc_btn {
        margin: 30px auto 0;
        width: auto;
        max-width: 65%
    }

    .left_news_hd {
        margin-bottom: 0 !important;
        text-align: center
    }

    .banner_text {
        overflow: hidden;
        padding-top: 6%
    }

    .banner_text h1 {
        font-size: 45px;
        line-height: normal
    }

    #pro_banner,
    .fixedheader .navbar-collapse {
        height: 100vh
    }

    .navbar-nav {
        height: 71vh;
        padding-top: 30px;
        overflow-x: hidden
    }

    .member_details h2 {
        font-size: 25px;
        color: #fff;
        margin-bottom: 3px
    }

    .right_description {
        padding: 50px 30px
    }

    .description_wdt40 {
        position: static;
        width: 100%;
        background: #212121;
        padding: 50px 30px;
        backdrop-filter: unset
    }

    .banner_img img,
    .left_img img {
        height: 380px
    }

    .project_wrap .row {
        margin: 0
    }

    .copyright_wrap,
    .email_wrap,
    .social_media_link {
        text-align: center
    }

    .social_media_link {
        margin-bottom: 30px;
        margin-top: 15px;
        border-bottom: 1px solid #ffffff4d;
        padding-bottom: 30px
    }

    #gallery {
        grid-template-columns: repeat(2, 1fr)
    }

    .mob_bottom {
        position: absolute;
        bottom: unset !important;
        top: 82% !important;
        width: 80%;
        left: 10%;
        text-align: center
    }

    .mob_bottom a {
        background: #fff;
        color: #000 !important
    }

    .hm_btn_mob {
        top: unset !important;
        bottom: 80px !important
    }

    .hd {
        font-size: 32px;
        margin-top: -10px
    }

    .inner_text_details h3,
    .news_date {
        font-size: 24px
    }

    .tb_space {
        margin: 20px 0 0
    }

    .hospitality_wrap,
    .office_hub_wrap,
    .project_wrap {
        padding: 0;
        overflow: hidden
    }

    .wdt_container {
        display: flex;
        flex-direction: column-reverse
    }

    .logo-slide,
    .newspdleft .row {
        flex-wrap: nowrap
    }

    .newspdleft .row .col-lg-3,
    .newspdleft .row .col-lg-9 {
        width: auto
    }

    .news_date small {
        font-weight: 400
    }

    .ft_grid_bottom_items {
        width: 100% !important;
        border-right: none
    }

    .footer_bottom_grid .ft_grid_bottom_items .footer_links {
        text-align: center;
        padding: 20px 0;
        margin: 0
    }

    .footer_bottom_grid .ft_grid_bottom_items .footer_links strong {
        display: none;
        margin-bottom: 30px
    }

    .footer_bottom_grid .ft_grid_bottom_items:first-child .footer_links strong {
        display: inline-block
    }

    footer {
        padding-bottom: 60px !important
    }

    .footer_bottom_grid .ft_grid_bottom_items:first-child .footer_links strong:after {
        display: block;
        left: 50%;
        transform: translateX(-50%)
    }

    .email_send b {
        font-weight: 500;
        width: 80%;
        display: block;
        margin: 0 auto
    }

    .contact_form,
    .jobmodal .modal-body,
    .pad60,
    .pad80 {
        padding: 60px 0
    }


    .project-logoibg {
        width: 300px;
        left: 0;
        right: 0;
        top: unset
    }

    .galleryslider_section .row {
        flex-direction: column-reverse;
        position: relative
    }

    .paginpoint {
        z-index: 1;
        height: auto;
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        margin: auto
    }

    .pagingInfo span {
        color: #ffffffd6
    }

    .slick-slider .slick-arrow {
        position: absolute;
        width: 60px;
        height: 60px;
        background-color: #000;
        border-radius: 100%;
        top: 50%;
        transform: translateY(-50%);
        display: inline-flex !important;
        align-items: center;
        justify-content: center
    }

    .fa-solid {
        color: #fff;
        font-size: 20px
    }

    .slick-slider .slick-prev {
        left: 15px
    }

    .slick-slider .slick-next {
        right: 15px
    }

    .galleryslider .slick-slide {
        margin: 0 5px
    }

    .contact_form_wrap .row .col-lg-5 {
        position: static;
        padding-left: 12px
    }

    .map_img {
        width: 100%;
        height: 500px;
        margin-top: 50px
    }

    .contact_grid_wrap .row .col-lg-4:first-child,
    .contact_grid_wrap .row .col-lg-4:nth-child(2) {
        max-width: 50%
    }

    .contact_grid_wrap .row .col-lg-4:last-child {
        margin-top: 60px
    }

    .latest_grid {
        height: auto;
        margin-bottom: 24px
    }

    .nav_tab_grid {
        margin-bottom: 40px
    }

    .top_marg {
        margin-top: 58px
    }

    .padb80 {
        padding-bottom: 60px
    }

    .careergrid {
        grid-template-columns: auto;
        margin-top: 60px
    }

    .careerdescription2,
    .careerdescription3,
    .post_g_line .row {
        flex-direction: row-reverse
    }

    .joblocation .fa-solid,
    .jobtime .fa-solid {
        font-size: 11px;
        color: #565656
    }

    .jobapply,
    .jobdes .jobposition,
    .joblocation,
    .jobtime {
        letter-spacing: 1px
    }

    .modalclose {
        width: 40px;
        height: 40px
    }

    .modalclose svg {
        width: 16px;
        height: 16px
    }

    .jobrequirement {
        padding: 40px 100px
    }

    .blog_content_details {
        padding-left: 0;
        margin-bottom: 50px
    }

    .member_content_details,
    .proban_pad {
        padding: 50px
    }

    .transition_content {
        width: 50vw
    }

    .indicators {
        left: 45%;
        width: 16%
    }

    .slider-for .slick-list {
        padding-left: 0 !important;
        padding-right: 1vw !important
    }

    .member-slider .slick-slider .slick-arrow {
        background-color: #fff
    }

    .member-slider .slick-slider .slick-next {
        right: -60px;
        display: none
    }

    .projects_description {
        justify-content: center;
        margin-bottom: 50px;
        text-align: center
    }

    .ar_hoverlst {
        transition: .3s
    }

    .ar_hoverlst:hover .ag-carousel-arrow_box {
        opacity: 1;
        visibility: visible
    }

    .email_wrap .row,
    .footinclude .row {
        flex-direction: column-reverse;
        text-align: center;
        padding-bottom: 50px;
        align-items: center
    }

    .fft_btn .dsc_btn {
        margin-left: auto !important
    }

    .sub_email {
        margin-top: 40px
    }

    .delivered_wrap .tab-content,
    .prallax-cp.hover_effect {
        margin-top: 0
    }

    .grid {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 0
    }

    .grid-container button {
        padding: 0;
        border: 0
    }

    .award_text {
        position: static;
        padding: 15px 0 0
    }

    .award_text strong {
        color: #454545
    }

    .award_text span {
        background: #f6f2ef
    }

    .description_environmenta {
        position: static;
        width: 100%;
        background: #f6f2ef
    }

    .pro_number,
    .pro_number h2 sup {
        display: inline-block;
        position: relative
    }

    .communirt_img,
    .environmental_img {
        height: 500px
    }

    .community_description h2.hd,
    .description_environmenta h2.hd {
        margin-bottom: 50px;
        color: #454545 !important
    }

    .description_environmenta p {
        color: #000 !important
    }

    .hd_text strong {
        margin-bottom: 20px;
        display: block
    }

    .dsc_btn {
        max-width: 60% !important;
        margin: 50px auto 0
    }

    .tabmobilespace {
        padding-top: 5px !important
    }

    #environment_clearance {
        padding-top: 50px !important
    }

    .careerpara {
        font-size: 16px;
        padding: 80px
    }

    .footer_info ul li {
        margin-right: 10px
    }

    .footer_info {
        margin-bottom: 20px !important
    }

    .footer_bottom_grid {
        padding-bottom: 20px
    }

    .latest_grid_image:after {
        height: 100% !important
    }

    .hover_effect ul {
        flex-wrap: wrap;
        position: initial;
        margin-top: 30px
    }

    .hover_effect ul li {
        width: 100%;
        border: none;
        margin-bottom: 10px
    }

    .hover_effect ul li h2 {
        position: initial;
        font-size: 22px;
        padding: 70px 20px;
        transform: translateY(0)
    }

    #careers1 {
        background: url(../images/vision_banner1.webp) center no-repeat
    }

    #careers2 {
        background: url('../images/values_banner1.webp') center no-repeat
    }

    .description_detailspop p {
        height: 300px;
        overflow-y: scroll;
        padding-right: 10px
    }

    .point article p {
        width: 100%;
        margin: 0 auto
    }

    .pro_number {
        text-align: left;
        border-bottom: 1px solid #45454552
    }

    .pro_number h2 {
        font-size: 60px;
        width: auto;
        line-height: normal
    }

    .pro_number h2 sup {
        margin-left: 0;
        font-size: 18px;
        top: -16px
    }

    .pro_number span {
        position: absolute;
        top: 35%;
        display: flex;
        align-items: center;
        justify-content: end;
        width: 100%
    }

    .enqbtnsfixedheder {
        position: fixed;
        top: 18px;
        right: 30px;
        z-index: 999
    }

    .rerafixed {
        position: absolute;
        bottom: 26px;
        right: 15px;
        left: 10px
    }

    .logoslide-n .item_lg {
        width: 50%
    }

    .logoslide-n .item_lg:first-child:before,
    .logoslide-n .item_lg:nth-child(2):before {
        height: 0
    }

    .logoslide-n .item_lg:nth-child(3):before,
    .logoslide-n .item_lg:nth-child(4):before,
    .logoslide-n .item_lg:nth-child(5):before {
        height: .8px
    }

    .logoslide-n .item_lg:nth-child(2n):after {
        width: 0
    }

    .logoslide-n .item_lg:nth-child(5):after {
        width: .8px
    }

    .mbcenter {
        text-align: center !important
    }

    .leader_title small {
        font-size: 22px
    }

    .n_title a {
        display: block;
        margin: 8px 0 0
    }

    .cons_logo {
        height: 240px !important
    }

    .consultantbanner_bg img {
        width: 100%;
        height: 100%;
        object-position: left
    }

    .consultant_des_details p {
        font-size: 22px;
        padding: 0 30px
    }
}

section.banner_wrap.section.bansection.prallax-ef {
    position: relative
}

@media (max-width:767px) {

    .mobile-view a,
    .quick-links a {
        color: #000;
        text-decoration: none;
        position: relative
    }

    .counter_grid span,
    .member_filter ul li a,
    .playfullvd a i,
    .project span,
    .rerafixed_rera p,
    a.btn2 {
        font-size: 12px
    }

    .banner-home .d-none.mb-show,
    .mbbreck,
    .menu-foot,
    .rerafixed_rera br.d-none,
    .testimonial_wrap .point,
    li.d-none.mobile-menu-show {
        display: block !important
    }

    .pro_banner,
    .pro_banner img {
        height: 100%
    }

    .cons_logo {
        margin: 0 5px
    }

    .btmabsolut {
        margin-top: 20px
    }

    .consultant_description_pop {
        width: 100vw
    }

    .consultantbanner_bg img {
        height: 100%;
        object-position: center
    }

    .arrow_btn,
    .banner-home .dk-show,
    .banner_text h2.h4 br,
    .coming-soon-logo,
    .contact-info ul li a:before,
    .counter_grid span br,
    .counter_grid span:after,
    .dk-hide,
    .ls-awardreel-item-title h3 br,
    .mb2-show,
    .mb_none,
    .n_title a:after,
    .n_title a:before,
    .paginpoint,
    .quick-links a:last-child:after,
    footer .border2 {
        display: none
    }

    .project-logoibg {
        left: 0
    }

    .project-logoibg img {
        width: 250px
    }

    #Leadership .row.pt-5.pb-0,
    .blog_banner,
    .member-slide {
        padding-top: 0 !important
    }

    .lpt_text {
        margin-top: 15px
    }

    #careerform form,
    .dksmgtop,
    .jobbtn.applyknow,
    .mobmrgtp,
    .mt30 {
        margin-top: 30px
    }

    .gallery-slide .slick-slide.slick-current.slick-active.slick-center,
    .hamburger {
        top: 0
    }

    .icon_grid img,
    .navbar .navbar-brand img,
    .navbar .navbar-brand svg {
        width: 120px
    }

    .popbg {
        object-position: right
    }

    .icon_grid {
        border: none
    }

    .iconbanner_bg {
        height: 58vh
    }

    .ban_icon img {
        max-width: 100px
    }

    .ls-awardreel-item-text,
    .point img {
        max-width: 100%
    }

    .des_details p {
        padding: 0 20px;
        font-size: 16px
    }

    .ban_heading h2,
    .font42 {
        font-size: 22px
    }

    .project,
    .projects_wrap,
    .tab-pane .delivered {
        padding: 0
    }

    .n_title a {
        display: block;
        margin: 8px 0 0
    }

    .contact_grid_wrap .mb-block,
    .quick-links a:after,
    header .mb-block {
        display: inline-block
    }

    #enquirepop .enqpopimg,
    .enquire-modal .enqpopimg,
    .indicators,
    .nav_detailsright {
        display: none !important
    }

    #enquirepop .modal-dialog,
    .enquire-modal .modal-dialog {
        width: auto;
        max-width: 100% !important
    }

    .ourcultureslider .slick-slide img {
        height: 400px;
        object-fit: cover
    }

    .btspace {
        margin: 0 !important
    }

    .nav_details.open_nav .nav_fullw {
        margin-top: 70px;
        position: relative;
        padding: 0 !important
    }

    .ourcultureslider {
        margin-left: 0
    }

    header .media li {
        margin: 0 7px
    }

    .address_wrap .inner_text_details,
    .pad80 {
        padding: 40px 0
    }

    .select_item .submit_btn {
        margin-top: 11px
    }

    .contact-info ul li,
    .counter_grid,
    .dsk_none,
    .mb-block,
    .mb-show,
    .tab-show {
        display: block
    }

    #job .jobbtn,
    .hover_effect ul li h2 span {
        margin-top: 40px
    }

    #job .jobbtn .dsc_btn,
    .mobile-enrich .banner_text .h5,
    .mobmt-0,
    .newsletter-wrap .banner_text .h5,
    .prallax-ef .banner_text .h5 {
        margin-top: 0 !important
    }

    .video_wrap.plximg.w-100.position-relative.overlay img {
        height: 100vh
    }

    .member-slide .slick-dots {
        position: absolute;
        bottom: -15px
    }

    .member-slide .slick-dots li {
        width: 12px;
        margin: 0 4px
    }

    .nav_tab_grid .nav-item .nav-link {
        margin: 0 3px;
        padding: 10px;
        font-size: 12px
    }

    .item_img p {
        padding: 10px;
        text-align: center;
        font-size: 12px
    }

    .on_wrap.pad80.pb-0.top_marg.grey2 {
        margin-top: 0
    }

    .copyright,
    .list_m_y .form-control {
        font-size: 10px
    }

    .nav_tab_grid .nav-item .nav-link:after {
        content: '';
        width: 11px;
        height: 1px;
        background: #b2b2b2;
        position: absolute;
        right: -8px;
        top: 18px;
        display: none
    }

    form .s-input--rounded>label b {
        font-size: 14px;
        letter-spacing: 0
    }

    .map_img {
        height: 280px
    }

    #all .grid_img_res,
    .banner_wrap,
    .resi-data {
        height: auto
    }

    .jobapply {
        padding-right: 0
    }

    .borderbottom {
        padding: 30px 0
    }

    .leadermember.plximg {
        margin-bottom: 50px
    }

    .banner .hd {
        padding: 0 20px
    }

    .nav_fullw>ul li a:before {
        background: #f9f4ed
    }

    .career-wrap img {
        height: 100vh;
        object-fit: cover
    }

    .careerdescription>div,
    .community_description p,
    .counter_items,
    .counter_items:last-child,
    .description_environmenta p,
    .news_flex .news_flex_items:last-child,
    .tab-pane .delivered ul li,
    .thamb_bototm ul li {
        width: 100%
    }

    .menu-foot .media li i {
        font-size: 22px;
        color: #000;
        margin: 0
    }

    .menu-foot .media li,
    .modalpara {
        width: auto
    }

    .menu-foot ul.media {
        margin-top: 19px !important;
        margin-left: 0 !important
    }

    .nav_fullw ul li i {
        font-size: 18px;
        color: #000
    }

    header.sticky .row .col-sm-4:nth-child(2) {
        position: relative;
        z-index: 999
    }

    li.d-none.mobile-menu-show a {
        font-size: 22px !important
    }

    .nav_fullw ul li a {
        font-size: 16px !important;
        padding: 7px 0 0 !important
    }

    .menu-foot {
        position: absolute
    }

    .enqbtnsfixedheder {
        top: 20px
    }


    .nav_details {
        width: 100% !important
    }

    .gptwuplogo {
        position: absolute;
        right: 30px;
        top: 0;
        width: 85px;
        z-index: 22
    }

    .banner_wrap.section.bansection.mobile-enrich {
        padding-top: 15px;
        background: #efe8dd
    }

    .subscribe input {
        border-radius: 0
    }

    .subscribe button {
        color: #000;
        font-size: 12px
    }

    .mobile-view a {
        margin: 0 0 15px;
        font-size: 11px;
        display: block
    }

    .quick-links a {
        font-size: 10px;
        margin: 0
    }

    .quick-links a:after {
        content: "";
        margin: 0 10px;
        background: #000;
        width: .9px;
        height: 9px
    }

    #enquirepop .s-input>label,
    .enquire-modal .s-input>label {
        align-items: flex-start
    }

    #enquirepop .s-input>label>i,
    .enquire-modal .s-input>label>i {
        margin-top: 6px;
        height: 19px;
        width: 21px
    }

    .pad40 {
        padding: 25px 0
    }

    .address {
        border-top: 1px solid #000;
        margin-top: 30px
    }

    .gallery-wrap {
        margin-top: 0;
        padding-top: 0 !important
    }

    section.resi.pad80.grey2.section.bansection {
        padding-bottom: 0;
        padding-top: 30px
    }

    .resi-bottom {
        position: initial;
        bottom: 0
    }

    .resi-data .h4 {
        padding: 18px 0 11px
    }

    .resi-data p {
        margin-bottom: 18px
    }

    .resi-data {
        padding: 30px 0
    }

    .mobile-enrich .banner_text,
    .newsletter-wrap .banner_text,
    .prallax-ef .banner_text {
        margin-top: 0;
        padding-top: 0
    }

    .project p {
        font-size: 18px;
        padding-right: 0 !important;
        margin-bottom: 0 !important
    }

    .mbfst {
        padding-top: 50px !important
    }

    .newsletter-wrap .banner_text {
        width: 85%
    }

    .select_item:last-child {
        width: 50%;
        margin-top: 20px
    }

    .banner-home video {
        height: 100vh;
        object-fit: cover;
        margin-bottom: -5px
    }

    .comming-soon-inner {
        top: 16%;
        left: 0;
        right: 0
    }

    .comming-soon-inner h2 {
        font-size: 60px;
        line-height: 53px;
        text-align: center
    }

    .comingsoonvideo video {
        right: 0;
        object-position: bottom
    }

    .comingsoonvideo2 .comming-soon-inner {
        top: 10%
    }

    .navbar:after {
        width: 100%;
        height: .8px;
        content: '';
        background: #818181;
        position: absolute;
        top: 76px;
        left: 0
    }

    .nav_tab_grid {
        margin-bottom: 20px;
        justify-content: center
    }

    .careerpara,
    .jobrequirement,
    .pro_text {
        padding: 30px
    }

    .thre_logo img {
        width: 100px
    }

    .contact-info ul li a {
        font-size: 12px;
        color: #fff
    }

    .top_marg {
        margin-top: 59px
    }

    .banner {
        margin-top: 0 !important;
        height: 100vh
    }

    .navbar-nav {
        margin-bottom: 0 !important;
        margin-top: 20px
    }

    .counter_grid {
        gap: 1rem !important;
        height: auto;
        align-items: center;
        gap: 2rem;
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px
    }

    .counter_grid .sld {
        background: #fff
    }

    .counter_items.active {
        opacity: 1;
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px)
    }

    .counter_items .counter_grid h2 span.mbft {
        font-size: 100px
    }

    .hd {
        font-size: 28px
    }

    .counter_grid h2 span {
        font-size: 70px
    }

    .counter_grid h2 sup {
        font-size: 35px
    }

    .counter_items:last-child .counter_grid {
        border-bottom: none
    }

    .counter_grid h2 {
        font-size: 90px;
        width: 160px
    }

    .news_flex .news_flex_items:first-child {
        width: 200px
    }

    .sub_email input[type=email] {
        font-size: 25px
    }

    .sub_email button svg {
        width: 30px;
        height: 40px
    }

    .gi-inner-img img,
    .grid {
        min-height: 200px !important
    }

    .grid-item {
        float: left;
        width: 100% !important
    }

    .grid .grid-item-inner {
        flex-direction: column !important
    }

    .gi-inner-img img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        -o-object-position: center;
        object-fit: cover;
        object-position: center
    }

    .grid {
        width: 99%
    }

    .mob_bottom_md {
        position: absolute;
        bottom: 14vh;
        border-bottom: 0 !important;
        padding-bottom: 0;
        padding-top: 0;
        opacity: 0;
        transform: translateY(50px);
        transition: .5s;
        margin: 0
    }

    .inner_text_details {
        padding: 80px
    }

    .playfullvd a,
    .playfullvd a:after,
    .playfullvd a:before,
    .slick-slider .slick-arrow {
        width: 40px;
        height: 40px
    }

    .fa-solid {
        font-size: 14px
    }

    .item_img img {
        height: 330px
    }

    .galleryslider_section {
        padding: 0 12px
    }

    .member_filter {
        padding-top: 10px
    }

    .careerdescription {
        flex-direction: column-reverse
    }

    .careerdescription3,
    .careerdescription4 {
        flex-direction: column
    }

    form .submit_btn {
        margin: 35px auto 0
    }

    #careerform .form-select,
    #careerform form .form-control,
    .community_description h2.hd,
    .description_environmenta h2.hd,
    .heading_title .hd {
        margin-bottom: 30px
    }

    .jobdata,
    .ourculture {
        margin-top: 28px
    }

    .jobbtn {
        margin-top: 35px
    }

    .jobdes {
        padding: 30px;
        flex-direction: column
    }

    .jobdes .jobposition,
    .joblocation,
    .jobtime {
        margin-bottom: 12px
    }

    .jobdes .jobposition {
        line-height: 18px
    }

    .jobmodal .modal-body {
        padding: 100px 30px 60px
    }

    .modalclose {
        right: 30px;
        top: 30px
    }

    #enquirepop .modal-header button,
    .enquire-modal .modal-header button {
        width: 30px;
        height: 30px
    }

    .counter_wrap {
        padding: 50px 0 !important
    }

    .grid_on_text .res_hd,
    .offers_title h2 {
        font-size: 18px
    }

    .transition_content {
        width: 80vw
    }

    .heading_title {
        width: 100%;
        left: 0
    }

    .firstimgfx {
        top: 0 !important
    }

    .point img {
        height: 100vh;
        top: 70px;
        position: absolute;
        width: 100%;
        object-position: top
    }

    .point article {
        left: 0;
        top: unset !important;
        padding: 0 30px;
        z-index: 33;
        height: 100vh;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        bottom: 5vh
    }

    .point article h3,
    .point article p {
        color: #454545 !important
    }

    article .overflow-hidden {
        background: rgb(255 255 255 / 86%);
        padding: 24px
    }

    .slider-for .slick-list {
        padding-left: 0 !important;
        padding-right: .5vw !important
    }

    .member_grid {
        height: auto;
        flex-direction: column-reverse;
        margin-top: 50px
    }

    .member_details {
        width: 100%;
        margin-top: 30px
    }

    .padt80 {
        padding-top: 30px
    }

    .hover_text_wrap {
        position: static;
        transform: translateY(0);
        transition: .55s;
        visibility: visible;
        opacity: 1;
        background: 0 0;
        padding: 0
    }

    .v_grid_item span {
        margin-bottom: 10px
    }

    .hover_text_wrap p {
        font-size: 15px
    }

    .ls-awardreel-item-title h3 {
        font-size: 20px !important;
        margin-bottom: 5px;
        letter-spacing: 0
    }

    .proban_pad {
        padding: 25px !important
    }

    .description_detailsmain img.comma,
    .description_detailsmain img.comma2 {
        width: 35px
    }

    .v_grid_item {
        height: auto;
        padding: 24px
    }

    .projects_wrap .container {
        padding: 0 !important
    }

    .latest_title {
        padding: 0 13px;
        margin-bottom: 20px
    }

    .community_description,
    .description_environmenta {
        padding: 40px
    }

    .communirt_img,
    .environmental_img {
        height: 400px
    }

    .sub_email button {
        width: 50px;
        height: 42px
    }

    .innerbanner_img img.about {
        object-position: -500px
    }

    .testimonial_inner {
        padding: 30px !important
    }

    .latest_first_slider .slick-dots {
        bottom: 18px
    }

    .about_video {
        height: auto;
        padding-top: 50px
    }

    .playfullvd {
        position: absolute;
        right: 8px;
        bottom: 8px
    }
}

@media (max-width:600px) {

    .logoslide-n,
    .mb-show,
    .mb2-show,
    .newsflex {
        display: block
    }

    .logoslide-n .item_lg:after,
    .logoslide-n .item_lg:before,
    .tab-show {
        display: none
    }

    .select_item:last-child {
        width: 80% !important
    }

    .logoslide-n .item_lg,
    .point article p {
        width: 100%
    }

    .logoslide-n .item_lg .logo-slide {
        border-bottom: 1px solid #dfcbad;
        padding: 0 0 40px
    }

    .logoslide-n .item_lg:last-child .logo-slide {
        border: none;
        padding: 0;
        margin-top: -10px
    }

    .logoslide-n .item_lg:nth-child(2) .logo-slide {
        padding-top: 30px
    }

    .nav_tab_grid .nav-item .nav-link {
        padding: 10px;
        font-size: 10px
    }

    .projects_grid_wrap .nav_tab_grid .nav-item .nav-link {
        font-size: 9px
    }

    .projects_grid_wrap .pb-5 {
        padding-bottom: 0 !important
    }

    .pro_number h2 {
        font-size: 50px;
        width: auto;
        line-height: normal
    }

    .pro_number h2 sup {
        display: inline-block;
        margin-left: -13px;
        font-size: 18px;
        position: relative;
        top: -28px
    }

    .pro_number span {
        font-size: 16px
    }

    .shpop {
        width: 170px
    }

    .carexp {
        width: auto !important
    }

    .dsc_btn {
        max-width: 100% !important;
        margin: 40px auto 0
    }

    .enquire-modal .form_wrap,
    #enquirepop .form_wrap {
        padding: 0 !important
    }

    #enquirepop .modal-header,
    .enquire-modal .modal-header {
        top: 22px
    }

    .hd {
        font-size: 26px
    }

    .cwu a i,
    .top_title {
        font-size: 14px
    }

    p {
        font-size: 15px
    }

    .addres-box p,
    .icon_items a i {
        font-size: 13px
    }

    .news_view_all_btn a {
        padding: 10px 30px
    }

    .counter_wrap {
        padding: 30px 0 10px !important
    }

    .transition_content {
        width: 100vw
    }

    .ls-awardreel-item {
        left: 0 !important;
        width: 100% !important
    }

    .pro_text {
        padding: 20px !important
    }

    .grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .icon_group.shows {
        right: 0px
    }

    .whapp a i {
        font-size: 17px
    }

    #topbtns span,
    .icon_items {
        width: 40px;
        height: 40px
    }

    .whapp {
        top: 50px;
        right: 0
    }

    .news_date {
        margin-bottom: 10px
    }

    .careerpara {
        font-size: 16px;
        padding: 60px
    }

    .footer_info ul li a:before {
        right: -7px;
        top: 12px
    }

    .latest_grid.side_grid {
        height: auto
    }

    .tab-pane .row .col-sm-2 {
        padding: 12px 0 !important
    }

    .latest_grid_image {
        height: 250px
    }

    .address {
        padding: 30px 0 10px
    }

    .banner-home video {
        height: 90vh;
        object-fit: cover;
        margin-bottom: -5px;
        margin-top: 70px
    }

    .cons_logo {
        height: 200px !important
    }
}

@media (max-width:378px) {
    .news_flex {
        display: block
    }

    .news_flex .news_flex_items:first-child {
        width: 100%
    }

    .news_grid_img {
        margin-bottom: 15px
    }

    .footer_info ul li a {
        font-size: 11px
    }

    .footer_info ul li a:before {
        right: -10px
    }

    .footer_info ul li {
        margin-right: 15px
    }

    .footer_bottom_grid {
        padding-bottom: 20px
    }

    .left_news_hd h2 br {
        display: none
    }

    .hd {
        font-size: 24px
    }

    .innerbanner_img img.about {
        object-position: right
    }

    #topbtns span,
    .icon_items {
        width: 35px;
        height: 35px
    }

    .counter_grid {
        gap: 0 !important
    }

    .counter_grid h2 {
        width: 160px
    }

    .footer_bottom_grid .ft_grid_bottom_items .footer_links {
        padding: 20px 0 15px
    }

    .nav_tab_grid .nav-item .nav-link {
        margin-right: 4px
    }

    .ls-awardreel-item-text p {
        font-size: 13px !important
    }

    .whapp {
        top: 42px
    }

    .cwu,
    .whapp {
        right: -5px
    }

    .banner-home video {
        height: 78vh;
        object-fit: cover;
        margin-bottom: -5px;
        margin-top: 70px
    }
}

@media (max-width:330px) {
    .counter_grid {
        gap: 0 !important
    }

    .counter_grid h2 {
        width: 130px
    }

    .mobile-view a {
        font-size: 9px
    }

    .gallery-slide-mobile .slick-dots li {
        width: 18px
    }

    .ls-awardreel-item-title h3 {
        font-size: 19px !important
    }
}

@media (max-width:322px) {
    .footer_info ul li a {
        font-size: 14px
    }
}