

@media (min-width: 1400px){

    

    

}

@media (min-width: 1650px){

    .container {

        

    }

}



@media (max-width: 1366px){

    

}



@media (max-width: 1280px){

    .archive_scn ul li {

        padding: 0 0;

    }

    .title {

        font-size: 40px;

        line-height: 46px;

    }

    .archive_scn ul li .date {

        font-size: 60px;

        line-height: 68px;

    }

}



@media (max-width: 1280px){

    .Discover_scn .Featured_img  img {

        height: 550px;

    }

    .projects_text {

        max-width: 100%;

        width: 60%;

        margin-top: 30px;

    }

    .Hospitality_img {

        min-height: 320px;

    }

}

@media (max-width: 1260px){

    .container {

        max-width: 100%;

    }

}

@media (max-width: 1140px){

    

    .date_center:before {

        width: 65px;

        left: -67px;

    }

    .date_center:after {

        left: -74px;

    }

    .archive_scn ul li:nth-child(even) .date_center::after {

        left: 140px;

    }

    .archive_scn ul li {

        grid-gap: 230px;

    }

}



@media (max-width: 1024px){

    .Hospitality_bx .title {

        font-size: 24px;

        line-height: 30px;

    }

    .Legacies_lt_tx {

        padding: 0 15px 20px 15px;

    }

    section {

        padding: 40px 0;

    }

    body h3 {

        font-size: 22px;

        line-height: 26px;

    }

    .articles_img img {

        min-height: 230px;

        object-fit: cover;

    }

    .media_bx {

        height: 320px;

    }

    .Our_Projects_in .slider-counter, .Our_Projects_in .slider-counter2 {

        right: -12px;

        background: #151515;

        z-index: 11;

        width: 45px;

        padding-left: 5px;

    }

    .rera_bx h4 {

        font-size: 18px;

        line-height: 24px;

    }

    .rera_bx span {

        font-size: 14px;

        line-height: 16px;

    }

    .Project_Info_rt_in {

        grid-gap: 25px 20px;

        grid-template-columns: repeat(2, 1fr);

        max-width: 550px;

        padding-left: 30px;

    }

    .Amenities_rt_in {

    }

    .Amenities_rt_in .font22 {

        font-size: 18px;

        line-height: 24px;

    }

    .Features_bx {

        padding: 40px 0;

    }

    .Features_scn .font30 {

        font-size: 22px;

        line-height: 26px;

    }

    .container {

        max-width: 100%;

        width: 100%;

    }

    .Compliances_bx {

        width: 32%;

    }

}



@media (max-width: 991px){

    .Our_Projects_tab {

        top: -5px;

    }

    .projects_text {

        width: 100%;

    }

    .Our_Projects_in .owl-nav:before {

        width: 90%;

    }

    .Legacies_rt .font40 {

        font-size: 24px;

        line-height: 26px;

    }

    .title, .csr_scn .title  {

        font-size: 36px;

        line-height: 42px;

    }

    .Legacies_rt {

        margin-top: 20px;

    }

    .sub_btn {

        font-size: 14px;

        line-height: 24.92px;

    }

    .bnr_tx {

        padding-top: 65px;

    }

    .hero .pic picture img {

        height: 500px;

        object-fit: cover;

    }

    .banner h1 {

        font-size: 40px;

    }

    .ftr_center {

        width: 230px;

    }

    .ftr_email a {

        font-size: 19px;

    }

    .ftr_rt {

        padding-left: 54px;

    }

    .ftr_menu a {

        font-size: 14px;

        margin: 5px 15px;

    }

    .speaker_bx .row {

        align-items: inherit;

    }

    .speaker_discrip {

        margin-top: 30px;

    }

    .Board_Directors_scn h3 {

        font-size: 24px;

        line-height: 26px;

    }

    .Board_Directors_scn .articles_bx {

        padding: 0;

    }

    .Directors_scn {

        margin-top: 20px;

    }

    .Board_Directors_scn .Directors_scn h3 {

        font-size: 22px;

        line-height: 26px;

    }

    .building_bx .title {

        font-size: 28px;

        line-height: 34px;

    }

    .building_bx {

        overflow: hidden;

    }

    .rera_bx {

        width: 33%;

    }

    .rera_bx4 {

        border-top: 1px solid #c3ba92;

        border-left: 0px;

        width: 50%;

    }

    .rera_bx5 {

        border-top: 1px solid #c3ba92;

        width: 50%;

    }

    .rera_bx {

        padding-top: 15px;

        padding-bottom: 15px;

    }

    .Project_Info_lt {

        width: 100%;

    }

    .Project_Info_rt {

        width: 100%;

        float: none;

    }

    .Project_Info_in {

        display: block;

    }

    .Project_Info_rt_in {

        grid-gap: 25px 20px;

        max-width: 100%;

        padding-left: 20px;

        padding-right: 20px;

        padding-top: 40px;
		float:none;

    }

    .Info_unit_scn {

        overflow: hidden;

        width: 100%;

    }

    .Info_unit .font30 {

        font-size: 50px;

        line-height: 56px;

    }

    .Info_unit p {

        font-size: 18px;

        line-height: 24px;

    }

    .Prime_Location_in {

        max-width: 100%;

        width: 100%;

        float: none;

        padding-right: 20px;

        padding-left: 20px;

        padding-top: 40px;

    }

    .Prime_Location_in .title br {

        display: none;

    }

    .Prime_Location {

        padding-bottom: 20px;

    }

    .profile-box {

        height: 450px;

    }

    .Project_Info_in .font30 {

        font-size: 20px;

        line-height: 24px;

        margin-bottom: 4px;

    }

    .Project_Info_lt img {

        height: auto;

    }

    .csr_scn .small_tx {

        font-size: 18px;

        line-height: 24px;

    }

    .Compliances_bx span.ex_arrow {

        display: none;

    }

    #Centergetintuch .modal-dialog {

        width: 96%;

        margin: 15px auto 0;

    }

    

}









@media (max-width: 767px){

.over_sub_btn {
    width: 100%; 
}

    .archive_scn ul li {

        grid-gap: 30px;

        margin-bottom: 40px;

        flex-direction: column;

        border-bottom: 1px solid #ceac6e;

        padding-bottom: 40px;

    }

    .legancy_bx, .legancy_bx_img {

        width: 100%;

    }

    .date_center {

        display: none;

    }

    .archive_scn ul::before {

        display: none;

    }

    .archive_scn ul li:nth-child(even) {

        flex-direction: column;

    }

    .archive_scn ul li:last-child {

        margin-bottom: 0px;

        border: none;

        padding: 0;

    }

    .archive_scn ul li .date {

        font-size: 48px;

        line-height: 52px;

    }

    .archive_scn ul li .title {

        font-size: 30px;

        line-height: 34px;

    }

    .archive_scn ul li .date:before {

        width: 110px;

    }

    .media_bx {

        height: auto;

        flex-direction: row;

        margin-bottom: 35px;

    }

    .media_bx_item.active:before {

        top: inherit;

        bottom: -40px;

        right: inherit;

        left: 48%;

        transform: translateY(-50%);

        border-top: 17px solid #ceac6e;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

    }

    .media_bx_item {

        height: auto;

        padding: 14px 10px;

        width: 50%;

    }

    .media_bx_item h3 {

        margin: 0;

        font-size: 18px;

    }

    .our_mission_in .title {

        font-size: 30px;

        line-height: 32px;

        color: #fff;

    }

    .qr_code_div {

        margin: 20px auto 0;

    }

    .qr_code_img {

        width: 140px;

    }

    .footer_in .title br {

        display: none;

    }

    .footer_in .ftr_rt {

        margin-top: 30px;

        border-top: 1px solid #ceac6e;

        padding-top: 20px;

    }

    .footer_in .title {

        font-size: 24px;

        text-align: center;

    }

    .ftr_email img {

        float: none;

    }

    .ftr_email p {

        text-align: center;

    }

    .ftr_email {

        margin-top: 25px;

    }

    .ftr_lt .sub_btn {

        margin: 0 auto;

    }

    .ftr_lt .btn_div {

        margin-top: 30px;

    }

    .ftr_rt {

        padding-left: 0;

        margin-top: 0px;

    }

    .ftr_menu {

        padding: 10px 0;

        margin-top: 20px;

    }

    .copy_rt_in {

        padding: 12px 0;

        flex-direction: column;

    }

    .social_media {

        margin: 12px 0;

    }

    .footer_in {

        padding-top: 0;

        border-top: 0;

    }

    footer {

        padding-top: 30px;

    }

    .articles_bx {

        margin-bottom: 32px;

    }

    .small_tx {

        font-size: 20px;

        line-height: 24px;

    }

    .Projects_lo p {

        font-size: 14px;

        line-height: 22px;

    }

    .Our_Projects_tab .sub_btn {

        padding: 10px 25px 10px;

    }

    .title, .csr_scn .title  {

        font-size: 34px;

        line-height: 40px;

    }

    

    .speaker_tx {

        margin-top: 40px;

    }

    body p {

        font-size: 15px;

        line-height: 22px;

    }

    .Directors_scn .articles_img img {

        min-height: auto;

    }

    .Board_Directors_scn {

        padding-bottom: 20px;

    }

    .building_in {

        grid-template-columns: repeat(1, 1fr);

    }

    .building_bx {

        height: auto;

    }

    .Projects_pg_name {

        font-size: 22px;

        line-height: 26px;

    }

    .Projects_tab_Cl, .VR_Tour_cl a {

        font-size: 14px;

        line-height: 18.82px;

        height: 45px;

    }

    .breadcrumb_custom ul li {

        font-size: 15px;

        line-height: 24px;

    }

    .Amenities_in {

        flex-direction: column;

    }

    .Amenities_lt {

        width: 100%;

        height: auto;

        margin-top: 0px;

    }

    .Amenities_rt_in {

        background: #232325;

        width: 94%;

        padding: 30px 15px 30px 20px;

        height: auto;

        display: flex;

        align-items: center;

        border-radius: 15px;

        margin: -45px 0 0 3%;

        position: relative;

        z-index: 1;

    }

    .photos-grid-container {

        grid-template-columns: repeat(3, 1fr);

    }

    .Project_Info_bx {

        display: flex;

        flex-direction: column;

        text-align: center;

    }

    .Project_Info_bx span {

        text-align: center;

        margin: 0 auto 15px;

    }

    .Features_scn .font30 {

        font-size: 22px;

        line-height: 26px;

    }

    .rera_bx {

        flex-direction: column;

        text-align: center;

    }

    .rera_icon {

        margin-bottom: 10px;

    }

    .Features_bx {

        padding: 20px 0;

    }

    .Info_unit .Features_bx {

        padding: 24px 20px;

        border: none;

        margin-left: 0;

        border-bottom: 1px solid #CEAC6E;

    }

    .Info_unit .col-md-4:last-child .Features_bx {

        border: none;

    }

    .Amenities_rt_in .Features_bx {

        padding: 20px 0px;

        text-align: center !important;

    }

    .Prime_Location_in  .title {

        text-align: center;

    }

    .Project_Info_btn a.sub_btn {

        margin-left: 0;

        max-width: 280px;

        font-size: 13px;

        width: 100%;

        margin: 0 auto;

    }

    .Amenities_lt img {

        height: auto;

    }

    .VR_Tour_img {

        border-radius: 10px;

    }

    .banner h1 {

        font-size: 35px;

    }

    .bnr_tx {

        padding-top: 0;

    }

    p.bnr_add {

        font-size: 20px;

    }

    .banner img {

        height: calc(65vh - 0px);

    }

    .Compliances_bx {

        width: 49%;

    }

    .banner h1 br {

        display: none;

    }

    .disc_scroll {

        height: auto;

        overflow-y: initial;

        padding-right: 0;

        margin-bottom: 0px;

    }

}



@media (max-width: 640px){

    .photos-grid-container {

        grid-template-columns: repeat(2, 1fr);

    }

    

}

@media (max-width: 575px){

    .Our_Projects_tab {

        top: 0;

        position: static;

        padding: 0;

        margin: 0;

    }

    .Our_Projects_tab .sub_btn {

        margin-left: 0;

        margin-right: 10px;

    }

    .title {

        font-size: 30px;

        line-height: 34px;

    }

    .csr_scn .title {

        font-size: 30px;

        line-height: 34px;

    }

    .rera_bx {

        width: 100%;

        padding: 0 0 15px 0;

        border: none;

        border-bottom: 1px solid #c3ba92;

        margin-bottom: 15px;

    }

    .rera_bx4 {

        border: none;

        padding-bottom: 0px;

    }

    .Prime_Location_in .Project_Info_tx {

        padding-left: 0;

    }

    .Project_Info_lt img {

        height: auto;

    }

    .Project_Info_tx {

        padding-left: 0;

    }

    

    .Compliances_bx {

        width: 100%;

        min-height: auto;

    }

}

@media (max-width: 480px){

    

}

@media (max-width: 470px){

   

}





@media (max-width: 400px){

    

}