/*1600px*/
@media(max-width:1600px){
  .footer-logo-outer {
    padding-left: 9%;
  }
  .press-listing .news-media-inner {
        border-radius: 68px 0px;
    }
    .contact-tabs .project-highlights-four-single {
        padding: 0px 3%;
    }
}
/*1600px*/

/*1536px*/
@media(max-width:1536px){
.text-line.banner-subtitle {
    font-size: 2.4rem !important;
    line-height: 0.2;
}
.text-line.banner-title {
    font-size: 3.5rem !important;
}
.text-line.banner-title {
    height: 70px !important;
}
.text-line.banner-subtitle {
    height: 70px !important;
}
}
/*1536px*/

/*1440px*/
@media(max-width:1440px){
  .footer-icon {
      width: 45px;
/*      padding-right: 8px;*/
    padding: 0px 5px;
}
  lottie-player.clouds-lottie {
    height: 700px !important;
}
.project-listing-single .projects-list-title {
    font-size: 20px;
}
.project-listing-single .projects-list-link{
    font-size: 13px;
}
.press-listing .news-media-inner {
    border-radius: 63px 0px;
}
.blog-details-section {
    padding-top: 12%;
}
.our-team-position {
    font-size: 13px;
}
.our-team-section .projects-list-title {
    font-size: 20px;
}
.our-team-section .projects-list-link {
    font-size: 10px;
}

.about-quote {
    position: absolute;
    top: 20px;
    width: 150px;
}
}
/*1440px*/

/*1366px*/
@media(max-width:1366px){
      lottie-player.clouds-lottie {
    height:600px !important;
}
.banner-title {
    font-size: 3.5rem;
}
.banner-subtitle {
    font-size: 2.4rem;
}
.social-media .news-media-inner {
    border-top-left-radius: 53px;
    border-bottom-right-radius: 56px;
}

.news-media-inner {
    border-top-left-radius: 52px;
}

.news-text {
    font-size: 14px;
    margin-bottom: 0px;
}
    .footer-icon {
        width: 35px;
    }
    .custom-navbar {
    width: 100%;
}
.blends-text {
    padding: 0px 20% 5%;
}
img.social-icon {
    width: 30px;
}

.custom-nav-btn{
    line-height: 35px;
    height: 35px;
}
.label-up {
    margin: 0px 15px;
}
.custom-nav-btn-a {
    font-size: 12px;
}
.navbar-light .navbar-toggler img{
    width: 40px;
}
.buyers-guide-tabs .location-accordion {
    width: 100%;
}
    .press-listing .news-media-inner {
        border-radius: 58px 0px;
    }
    .how-it-works-inner {
    padding: 40px 10px;
}

.aboutus-tabs .banner-text1 .banner-subtitle {
    padding: 10px 0px 20px 10px;
    font-size: 2.3rem;
}
.about-director-section .csr-text {
    font-size: 14px;
}
.about-director-section .banner-title {
        font-size: 2.5rem;
    }
    .vision-mission-section {
    padding: 4% 0px 0%;
}
.leasing-tabs .banner-text1 {
    text-align: left;
    padding-left: 20%;
    padding-right:0px ;
}
.leasing-tabs .banner-text1 .banner-subtitle {
    padding: 0px 0px 20px 9px;
}
.leasing-tabs .referral-container .project-text-single {
    padding-right: 20%;
}
    .contact-tabs .project-highlights-four-single {
        padding: 0px 2%;
    }
    .project-title-container {
        font-size: 4rem;
     }
     .project-title-single1 {
        font-size: 2rem;
    }
}
/*1366px*/


/*1280px*/
@media(max-width:1280px){
.slick-homepage .action a{
    width: 16.3%;
}
.project-at-glance-section .projects-list-title {
    font-size: 18px;
}

.project-at-glance-section  .projects-list-single-text {
    bottom: 30px;
    }
    .slick-homepage.main {
    height: 90vh;
}
.project-title-single {
    font-size: 4rem;
}
.project-listing-single .projects-list-title {
    font-size: 18px;
}
.project-listing-single .projects-list-link{
    font-size: 12px;
}
.press-listing .news-media-inner {
        border-radius: 54px 0px;
    }
    .blog-details-section {
        padding-top: 13%;
    }
        .our-team-section .projects-list-title {
        font-size: 18px;
    }
        .our-team-position {
        font-size: 11px;
    }
        .our-team-section .projects-list-link {
        font-size: 9px;
    }
    .our-team-section .timeline-separator {
    width: 60px !important;
}
.contact-map-section .join-us-vendor-img iframe {
    height: 350px !important;
}
}
/*1280px*/


/*1200px*/
@media(max-width:1200px){
        .slick-homepage.main {
        height: 100vh;
    }
.banner-title {
    font-size: 2.8rem;
}
.banner-subtitle {
    font-size: 1.8rem;
}
    .social-media .news-media-inner {
        border-top-left-radius: 48px;
        border-bottom-right-radius: 47px;
    }
      lottie-player.clouds-lottie {
    height:580px !important;
}
    .banner-title {
        font-size: 2.5rem !important;
    }
    .banner-subtitle {
        font-size: 2rem !important;
    }
        .footer-logo-outer {
        padding-left: 8%;
    }
    .testimonials .owl-prev {
    left: -3%;
  }
  .testimonials .owl-next {
    right: -3%;
  }
  .contact-us .banner-title {
    font-size: 2.5rem;
}
.projects-commercial-amenities-row .project-amenities-text {
    font-size: 14px;
}

.projects-commercial-amenities-row .banner-subtitle {
    padding-left: 16px;
}
.project-title-single {
    font-size: 4rem;
    }
    .project-info-single-title {
    font-size: 14px;
}
.project-listing-banner {
    height: 70vh;
}
.project-listing-banner-title{
    padding: 18% 0px;
    font-size: 3.4rem;
}
.press-listing .news-media-inner {
        border-radius: 52px 0px;
    }
    .press-listing .projects-list-link {
        font-size: 12px;
    }
    .press-listing .projects-list-title {
        font-size: 22px;
    }
    .joinus-tabs .banner-text1 {
        padding-left: 15%;
    }

.joinus-tabs .content-text {
    font-size: 14px;
}
.join-us-title {
    font-size: 20px;
}
.join-us-text {
    font-size: 13px;
}
.joinus-tabs .custom-nav-btn-a {
    font-size: 10px;
    padding: 0px 5px;
}
.aboutus-tabs .banner-title {
        font-size: 3.5rem !important;
    }
    .aboutus-tabs  .banner-subtitle {
        font-size: 2.5rem !important;
    }  
    .our-team-section .projects-list-title {
        font-size: 16px;
    } 
    .leasing-tabs .banner-text1 {
        padding-left: 27%;
    }
    .leasing-solutions-section .project-highlights-four-row {
        width: 100%;
    }
    .leasing-solutions-section .project-highlights-four-text {
    padding: 5px 0px;
            font-size: 15px;
}

.contact-tabs .project-highlights-four-text {
    font-size: 14px;
}
.contact-map-section .join-us-vendor-img iframe {
        height: 320px !important;
        width: 90%;
    }
   .contact-tabs .project-highlights-four-row {
    width: 100%;
}
.project-title-container {
        font-size: 3rem;
     }
     .project-title-single1 {
        font-size: 1.5rem;
    }
    .project-thumbnail {
        width: 150px;
    }
}
/*1200px*/

/*1180px*/
@media(max-width:1180px){
.projects-list-title {
    font-family: BonVivantSerifBold;
    font-size: 20px;
}
.onscroll-text {
    font-size: 14px;
}
.footer-logo-outer {
        padding-left: 6%;
    }
        .slick-homepage.main {
        height: auto;
    }
    .text-line.banner-title {
        font-size: 3rem !important;
        height: 60px !important;
    }
    .text-line.banner-subtitle {
        font-size: 2.2rem !important;
        height: 60px !important;
    }
        .news-text {
        font-size: 12px;
    }
    .emi-calculator {
        width: 90%;
     }
     .job-details-section {
        padding-top: 12%;
    }
}
/*1180px*/

/*1024px*/
@media(max-width:1024px){
lottie-player.project-at-glance-section-lottie {
    height: 600px !important;
}
.mob-no{
  display: none;
}
.onscroll-text-outer {
    width: 70%;
}
    .blends-text {
        padding: 0px 10% 5%;
    }
    .contact-title-outer {
    width: 50%;
    padding-left: 10%;
}
    .footer-logo-outer {
        padding-left: 4%;
    }
    .trusted-logo img {
    padding: 0px;
}
.contact-us .banner-text1 .banner-subtitle {
    padding-left: 10px;
}

    .project-at-glance-section .projects-list-title {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .project-at-glance-section .projects-list-link {
        font-size: 10px;
    }
    .news-media-inner {
        border-top-left-radius: 40px;
    }
    .social-media .news-media-inner {
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
    }
    .news-text {
        font-size: 10px;
    }
    .text-line.banner-title {
        font-size: 2.5rem !important;
    }
    .text-line.banner-subtitle {
        font-size: 2rem !important;
    }
    .projects-row .banner-subtitle {
        font-size: 2.5rem;
    }
    .custom-slick-title {
        font-size: 14px;
    }
    .text-line.banner-subtitle, 
    .text-line.banner-title {
        height: 50px !important;
    }
    .copyright-right {
        padding-left: 0%;
    }
    .csr-img {
        padding-top: 15%;
    }
.project-page-about .projects-row, .project-location-section .row.projects-row {
    width: 90% !important;
}
.project-title-single {
        font-size: 3.4rem;
    }
    .project-location-section .projects-row {
    padding-bottom: 30px;
}

.project-location-section .row.projects-row, 
.project-location-section .row.project-accordion-row, 
.project-NRI-section .row.projects-row, 
.project-page-about .project-info-single-row {
    width: 90% !important;
}
.location-accordion {
    width: 90%;
}
    .project-listing-banner {
        background-size: cover;
        background-position: center;
        height: auto;
    }
    .project-listing-banner-title {
        padding: 23% 0px 15%;
    }
    .project-listing-single .projects-list-title {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .project-listing-single .projects-list-link {
        font-size: 10px;
    }
    .project-cat-tabs .nav-link {
        font-size: 12px;
    }
.buyers-guide-tabs .project-accordion-row button.accordion-button {
    font-size: 1.8rem;
}
    .press-listing .news-media-inner {
        border-radius: 42px 0px;
    }
    .how-it-works-img {
        width: 70px;
     }
     .how-it-works-text {
        font-size: 11px;
    }
    .how-it-works-inner {
        padding: 30px 5px;
    }
    .blog-details-section {
        padding-top: 15%;
    }
    .aboutus-tabs .banner-subtitle {
        font-size: 2rem !important;
    }
    .about-director-section .banner-title {
        font-size: 2rem !important;
    }
        .about-director-section .csr-text {
        font-size: 13px;
    }
    .vision-mission-section .our-mission-text .csr-text, 
    .vision-mission-left .csr-text {
    font-size: 13px;
    height: 60px;
}
.vision-mission-left .vision-title {
    height: 60px;
            padding-top: 15px;
}
.vision-mission-left .signature-img, 
.vision-mission-right .signature-img  {
    width: 50px;
}
.vision-mission-section .our-mission-text .csr-text {
    padding-top: 7px;
}
.legacy-excellence-section .header-logo-lottie {
    top: -88px;
}
.our-team-section .projects-list-single-text {
    bottom: 15px;
}
    .our-team-section .projects-list-title {
        font-size: 14px;
    }
    .our-team-position {
        font-size: 10px;
    }
        .our-team-section .projects-list-link {
        font-size: 8px;
    }
    .aboutus-tabs .project-text-single {
    font-size: 13px;
}
.leasing-solutions-section .project-highlights-four-title {
    font-size: 22px;
}
.leasing-solutions-section .project-highlights-four-single {
    padding: 0px 20px 0px 20px;
}
    .leasing-solutions-section .project-highlights-four-text {
        font-size: 14px;
    }
        .leasing-tabs .referral-container .project-text-single {
        padding-right: 9%;
        font-size: 14px;
    }
    .contact-tabs .project-highlights-four-text {
        font-size: 13px;
    }
    .contact-map-section .join-us-vendor-img iframe {
        height: 320px !important;
        width: 100%;
    }    
    .error-page-tabs {
        padding: 25% 0px 20% !important;
    }
}
/*1024px*/

/*920px*/
@media(max-width:920px){
.project-info-single-row .project-info-single-col:last-child .project-info-single-subtitle {
        width: 80%;
    }
        .rera-thumbnail {
        width: 75px;
    }
}
/*920px*/

/*820px*/
@media(max-width:820px){
    .custom-navbar {
        width: 100%;
    }
    button.navbar-toggler {
    padding: 0px;
}
.projects-list-title {
    font-size: 15px;
}
span.projects-list-single-text {
    bottom: 55px;
    left: 3px;
    }
    .social-media span.projects-list-single-text {
        bottom: 80px;
        left: 3px;
    }
    .projects-list-link {
    font-size: 10px;
}
.projects-list-single-middle span.projects-list-single-text {
    bottom: 81px;
}
.project-at-glance-section .projects-list-single-middle span.projects-list-single-text {
        bottom: 30px;
    }
.onscroll-text {
    font-size: 14px;
}
.blends-text {
        font-size: 14px;
    }
.clouds-lottie{
  height: 500px !important;
}
#counter {
    width: 100%;
  }
  #counter li {
    font-size: 40px;
}
.testimonials .owl-next {
        right: -6%;
    }
    .testimonials .owl-prev {
        left: -6%;
    }
    .awards-text {
    font-size: 14px;
}
    .news-media-inner {
        border-top-left-radius: 32px;
    }
    .csr-section .banner-text1 .banner-subtitle {
    padding: 5px 10px 0px 0px;
}
    .banner-subtitle {
        font-size: 1.5rem !important;
    }
    .csr-text {
    font-size: 14px;
}

.content-text p {
    font-size: 14px;
}
.social-media .projects-list-single {
    width: 50%;
}
.social-media {
    padding-bottom: 9%;
}
.the-etarnal-legacy {
    background-size: inherit;
}
.footer-outer-single {
    width: 33%;
    padding-bottom: 20px;
}
.footer-logo {
    width: 40%;
}
.copyright-left {
    padding-left: 1%;
    width: 30%;
}
.copyright-right {
    padding-left: 0%;
    width: 60%;
}
.copyright-right {
    padding-left: 0%;
}
.slick-homepage .action a {
        width: 16.2%;
    }
        .custom-slick-title {
        font-size: 12px;
    }
.text-line.banner-title{
    font-size: 1.8rem !important;
  }
      .text-line.banner-subtitle {
        font-size: 1.5rem !important;
    }
  .projects-row .banner-subtitle{
font-size: 1.6rem;
  }
  .social-media .news-media-inner {
    border-top-left-radius: 64px;
    border-bottom-right-radius: 60px;
}
.text-line.banner-subtitle, .text-line.banner-title {
        height: 40px !important;
    }
    .footer-icon {
        width: 40px;
    }
    .project-title-single {
        font-size: 3rem;
    }
.commercial-project-highlights .project-highlights-four-single {
    width: 50%;
}
.project-highlights-four-single:nth-child(2){
	border:0px;
}
.projects-commercial-amenities-row {
    width: 100%;
}
.custom-location-grid-title {
    font-size: 20px;
}
.custom-location-text {
    font-size: 12px;
}
.project-highlights-four-text {
    font-size: 14px;
}

.project-info-single-col {
    width: 33%;
}
.project-highlights .project-highlights-four-single{
	width: 50%;
	        padding-bottom: 20px;
}
.project-amenities-text {
    font-size: 12px;
}
.floor-plan-tabs-row .nav-pills {
    margin-right: 0px !important;
     padding-top: 2%;
}
.floor-plan-tabs-row .nav-pills .nav-link {
    padding-left: 0px;
    font-size: 13px;
}
    .emi-calculator {
        width: 100%;
    }

.total-label, .loan-emi-label {
    font-size: 13px;
}
.calculator-container input, .custom-rupee-text{
    font-size: 17px;
}
.emi-amount, 
.loan-emi-result {
    font-size: 25px;
}
.total-payment, .total-interest-payable {
    font-size: 21px;
    font-family: Montserrat-Bold;
    margin-bottom: 0px;
}
    .press-listing .projects-list-title {
        font-size: 18px;
    }
        .press-listing .news-media-inner {
        border-radius: 33px 0px;
    }

.join-us-single {
    width: 100%;
}
    .joinus-tabs .content-text p {
        font-size: 12px;
    }
        .joinus-tabs .banner-text1 {
        padding-left: 0px;
    }
    .joinus-tabs .custom-nav-btn-a {
        font-size: 9px;
        padding: 0px 0px;
    }
        .join-us-title {
        font-size: 16px;
    }
        .join-us-text {
        font-size: 11px;
    }
    .join-us-single {
        padding: 30px 30px 20px;
    }
    .job-openings {
        font-size: 12px;
    }
    .join-us-left {
        padding-top: 0%;
        padding-left: 0%;
    }
    .custom-switch-label {
        font-size: 14px;
    }
    .join-us-channel-partner .custom-form .form-control {
        font-size: 12px;
    }
    .how-it-works-row .desktop-only {
        display: none;
    }
    .how-it-works-listing {
        width: 100%;
    }
    .how-it-works-inner {
        padding: 30px 10px;
    }
    .how-it-works-text {
        font-size: 13px;
    }
    .blog-details-section {
        padding-top: 18%;
    }
        .aboutus-tabs .banner-title {
        font-size: 3rem !important;
    }
        .aboutus-tabs .banner-subtitle {
        font-size: 1.7rem !important;
    }
    .our-team-section .projects-list-single-middle span.projects-list-single-text {
        bottom: 20px !important;
    }
        .our-team-modal-dialog {
        width: 96% !important;
        max-width: 96%;
    }
        .leasing-tabs .referral-container .project-text-single {
        padding-right: 10%;
        font-size: 13px;
    }
        .leasing-tabs .banner-text1 {
        padding-left: 20%;
    }
    .leasing-solutions-section .project-highlights-four-single {
        width: 50%;
        padding-bottom: 40px;
    }
    .leasing-solutions-section .banner-text1 .banner-subtitle {
        padding: 5px 10px 30px 0px;
    }
    .leasing-tabs .legacy-lottie.legacy-lottie-bottom{
        bottom: -50px;
        top:auto;
    }
    .leasing-tabs .legacy-lottie{
        top: -40px;
        width: 150px !important;
    }
    .contact-tabs .project-highlights-four-single:nth-child(2) {
        border-right: 2px solid transparent;
        border-image: url(../../assets/images/projects-residential/Gradient-Line-residential-vertical.png) 10 round;
    }
    .contact-tabs .project-highlights-four-single {
        padding: 0px 1%;
    }
    .contact-tabs .project-highlights-four-text {
        font-size: 12px;
    }
    .contact-tabs .project-highlights-four-title {
        font-size: 16px;
    }
        .job-details-section {
        padding-top: 18%;
    }
    .error-page-tabs .blog-details-title{
        font-size: 2.5rem;
    }
    .project-highlights-four-single:nth-child(6),
    .project-highlights-four-single:nth-child(14),
    .project-highlights-four-single:nth-child(10){
        border: 0px;
    }
}
/*820px*/


/*768px*/
@media(max-width:768px){
.projects-commercial-amenities-row .project-amenities-text {
        font-size: 12px !important;
    }
    .projects-commercial-amenities-row .project-amenities-single {
	    padding: 10px;
	}

.project-amenities-section .banner-text1 .banner-subtitle {
    padding: 0px 10px 20px 0px;
}
lottie-player.legacy-lottie.project-amenities-lottie-top {
    width: 200px !important;!i;!;
    height: 200px !important;!i;!;
    top: 3%;
}
.project-amenities-section lottie-player.legacy-lottie.legacy-lottie-bottom{
    width: 200px !important;!i;!;
    height: 200px !important;!i;!;
    bottom: 0%;
}
.project-listing-hover {
    border-top-left-radius: 32px;
    border-bottom-right-radius: 32px;
}
.buyers-guide-tabs .project-accordion-row button.accordion-button {
    font-size: 1.5rem;
}
    .press-listing .projects-list-title {
        font-size: 16px;
    }
    .join-us-channel-partner .custom-form {
        width: 90%;
    }
    .custom-navbar{
        height: 120px;
    }
    .video-testimonials .item.testimonials-single {
        width: 50%;
    }
}
/*768px*/


/*767px*/
@media(max-width:767px){
  .mobile-banner-section .owl-wrapper {
  positon: relative;
}


.mobile-banner-section .owl-controls {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.mobile-banner-section .owl-theme .owl-controls .owl-page span {
  background: #fff !important;
}

.mobile-banner-section .owl-img {
  width: 100%;
}

.mobile-banner-section .owl-text-overlay {
        position: absolute;
        text-align: center;
        width: 100%;
        bottom: -16px;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.4);
        background: rgba(0, 0, 0, 0.4);
        padding-bottom: 0px;
        font-family: Montserrat-Medium;
        border-radius: 0px;
}

.mobile-banner-section h2.owl-title {
        font-size: 19px;
/*        font-weight: bold;*/
        margin-bottom: 0px;
        padding: 5px 0px 5px;
    }
    .mobile-banner-section .owl-img {
    height: 500px;
}
.mobile-banner-section h2.owl-title a {
    color: #ffffff;
    text-decoration: none;
}
.mobile-banner-section .owl-theme .owl-controls .owl-page span:active {
  background: #fff !important;
}


.mobile-banner-section{
  display: block;
/*  padding-top: 90px;*/
}
.mobile-banner-section .owl-dots {
    display: none;
}
.mobile-banner-section button.owl-prev {
    position: absolute;
    bottom: 50%;
    z-index: 9999;
    background: red;
    color: yellow;
    padding: 10px;
    left: 0px;

        background: #afafb0 !important;
    position: absolute;
    /*top: 16%;
    left: -5%;*/
    border-radius: 50%;
    height: 35px;
    width: 35px;
}
.mobile-banner-section button.owl-next {
    position: absolute;
    bottom: 50%;
    z-index: 9999;
    background: red;
    color: yellow;
    padding: 10px;
    right: 0px;

    background: #afafb0 !important;
        position: absolute;
        /* top: 16%; */
        /* right: -5%; */
        border-radius: 50%;
        height: 35px;
        width: 35px;
}

.mobile-banner-section button.owl-next span, 
.mobile-banner-section button.owl-prev span {
    padding: 14px 11px !important;
    font-size: 36px;
    color: #2c2c2d !important;
    line-height: 20px;
}
.homepage-banner-section{
  display: none;
}
lottie-player{
  width: auto !important;
}
.owl-mobile{
  padding:0px;
}
.left-nav, 
.center-right-nav{
  display: none;
}
.center-nav {
    width: 100%;
}

.navbar-light .navbar-toggler {
    position: absolute;
    right: -33px;
    top: 22px;
}
.mob-responsive{
  width: 100%;
}
.projects-list .projects-list-single {
    width: 100%;
}
.projects-list-single-middle span.projects-list-single-text {
    bottom: 85px;
}
.banner-title {
    font-size: 2rem !important;
    text-align: center;
}
.banner-subtitle {
    font-size: 1.5rem !important;
    text-align: center;
}
.banner-text1 .banner-subtitle {
    padding: 10px 0px;
}
.project-at-glance-section {
    background-size: cover;
}
.section-padding {
    padding: 10% 0%;
}
.mob-no{
  display: none;
}
.blends-text {
    padding: 0px;
}
#counter {
    width: 100%;
        display: block;
}

.trusted-logo .mob-responsive {
    width: 100%;
}
.trusted-title {
    text-align: center;
}
.awards-text {
    padding-bottom: 21px;
    padding: 0px 20px;
    text-align: center;
}
.news-media-section .view-all-cta {
    float: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    width: max-content;
}

.the-etarnal-legacy {
    background-size: cover;
}
.csr-section .banner-text1 .banner-subtitle {
    padding: 10px 0px;
}
    .csr-scroll {
        height: auto;
        padding: 0px !important;
        width: 100%;
        overflow: visible;
    }
.csr-text {
    padding-right: 0;
    text-align: center;
    padding: 0px 20px;
}

.csr-img {
    padding-top: 5%;
}
.social-media .projects-list-single {
    padding: 5% 15px !important;
}
.social-media .projects-list-single:nth-child(2) .projects-list-single-text{
  bottom: 20px;
}
img.logo-legacy {
    width: 30%;
    margin: 0 auto;
    display: block;
}
.navbar-light .navbar-toggler {
        right: 13px;
    }
    iframe {
    height: auto;
}

.btn-close-youtube {
    right: 0px !important;
    top: 0px !important;
}
.trusted-logo img {
        padding: 10px 10px;
    }
        .contact-title-outer {
        padding-left: 0%;
        padding-bottom: 10px;
    }
    .contact-separate {
    padding-top: 10%;
}
lottie-player.header-logo-lottie {
    height: 70px !important;
}
.navbar-light .navbar-toggler img{
  width: 40px;
}
.testimonials .owl-next {
        right: -5%;
    }
    .testimonials .owl-prev {
        left: -5%;
    }
    .gallery-wrap {
    display: block;
/*    height: auto;*/
}
.gallery-wrap .item {
    height: 150px;
            position: relative;
}
.our-initiatives .banner-text1 {
    position: relative;
    padding: 0px;
}
.our-initiatives .banner-text1 *{
       background: transparent linear-gradient(94deg, #7B592F 0%, #A88647 11%, #C8A558 19%, #BA9751 27%, #9B7942 45%, #8F6D3C 56%, #9D7B43 66%, #C29F55 86%, #C8A558 88%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0px;
}
.our-initiatives-title {
        position: absolute;
        bottom: 0px;
/*        padding-top: 100%;*/
        padding-left: 20px;
}
.footer-outer-single *{
  text-align: center;
  margin: 0 auto;
  display: block;
}

.footer-text {
    padding-right: 0%;
}
ul.footer-social-ul {
          margin: 0 auto;
        display: flex;
        text-align: center;
        width: 100%;
        float: none;
        padding: 0px 20%;

}
.copyright-left, 
.copyright-right {
        text-align: center;
    }
    .mob-only{
  display: block;
}
    .social-media .news-media-inner {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 28px;
    }
    .news-media-inner {
        border-top-left-radius: 44px;
    }
    #counter li {
        font-size: 40px;
        width: 45%;
        min-width: 45%;
        display: inline-block;
    }
    #counter {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
    }
    .project-at-glance-section .owl-carousel-testimonial{
        display: block;
    }
    .project-at-glance-section .owl-prev, 
    .news-media-section .owl-prev {
        background: #afafb0 !important;
        position: absolute;
        top: 45%;
        left: -5%;
        border-radius: 50%;
            height: 35px;
        width: 35px;

    }
    .project-at-glance-section .owl-next, 
    .news-media-section .owl-next {
        background: #afafb0 !important;
        position: absolute;
        top: 45%;
        right: -5%;
        border-radius: 50%;
            height: 35px;
        width: 35px;

    }
    .project-at-glance-section .owl-prev span, 
    .project-at-glance-section .owl-next span, 
    .news-media-section  .owl-prev span,
    .news-media-section  .owl-next span{
        padding: 14px 11px !important;
        font-size: 36px;
        color: #2c2c2d !important;
        line-height: 20px;
    }
    .projects-list-desktop{
        display: none;
    }
    .projects-list-title {
        font-size: 18px;
    }
    .projects-list-link {
        font-size: 11px;
    }
    span.projects-list-single-text, 
    .projects-list-single-middle span.projects-list-single-text {
        bottom: 30px;
        left: 0;
    }
    .project-at-glance-section .projects-list-single-text{
        left: 10px !important;
    }
    .projects-row .banner-text1 .banner-subtitle {
        padding: 5px 10px 20px 70px;
    }
    .social-media .banner-text1 .banner-subtitle {
        padding: 5px 0px 20px;
    }
    .blends-quality.our-initiatives .banner-subtitle {
        padding: 10px 0px 30px;
    }
    section.our-initiatives {
        padding-bottom: 0px;
    }
    .csr-title {
        padding-top: 8%;
        text-align: center;
    }
    section.csr-section {
/*        padding-top: 8%;*/
    }
    .clients-mobile-row{
        display: block;
    }
    .clients-desktop-row{
        display: none;
    }
    .social-media .projects-list .projects-list-single {
        width: 50%;
        margin: 0px !important;
    }
    .social-media .projects-list .projects-list-single .news-text{
        display: none;
    }
    .social-media .projects-list-single-text {
/*        position: relative;*/
        bottom: 30px !important;
    }
    .footer-logo {
        width: 30%;
    }
    .nav-row {
        flex: 100%;
    }
    .awards .banner-text1 .banner-subtitle {
        padding: 0px 0px 20px 0px;
    }
    .social-media .projects-list-single-text {
        padding: 20px 20px 0px 25px;
     }
     .gallery-wrap {
        height: auto;
     }
    .banner-subtitle {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .clouds-lottie {
        padding: 0px;
    }
    .section-padding.the-etarnal-legacy.blends-quality {
        padding-bottom: 0px;
    }
    .projects-list-mobile {
        display: block;
    }
    section.section-padding.the-etarnal-legacy {
        padding-bottom: 0px;
    }
    section.section-padding.the-etarnal-legacy.news-media-section, 
    section.section-padding.the-etarnal-legacy.social-media, 
    section.section-padding.the-etarnal-legacy.blends-quality.awards {
        padding-bottom: 10%;
    }    
    section.section-padding.the-etarnal-legacy.blends-quality.csr-section {
        padding-bottom: 4%;
    }
    .desktop-only{
        display: none !important;
    }
    .project-at-glance-section .content-text {
        text-align: center;
    }
    .project-at-glance-section .row.projects-row {
        padding-bottom: 0px;
    }
    .news-media-section .banner-title {
        text-align: center;
        padding-left: 0px;
    }
    .news-media-section-row{
        padding-bottom: 10px !important;
    }
    .our-initiatives {
        padding-bottom:7% !important;
    }
    .csr-section .projects-list-link {
        text-align: center;
        margin: 0 auto;
        display: block;
    }
    .csr-section .read-more-border {
        margin: 0 auto;
     }
     .testimonials {
        padding-bottom: 10% !important;
    }
    .onscroll-text {
        text-align: center;
        padding: 10px 20px;
    }
    .legacy-video {
        text-align: center;
        margin: 0 auto;
        display: flex    ;
        width: 100%;
        flex-direction: column;
    }
    .the-etarnal-legacy .banner-title {
        padding: 0px 10px;
    }
    .csr-desktop-row{
        display: none;
    }
    .blends-quality  lottie-player.project-at-glance-section-lottie {
        height: 411px !important;
    }
    .project-at-glance-section .projects-list-single {
        padding: 5% 20px;
    }
    .project-at-glance-section .owl-prev, .news-media-section .owl-prev, 
    .testimonials .owl-prev {
        left: -7%;
    }
    .project-at-glance-section .owl-next, .news-media-section .owl-next, 
    .testimonials .owl-next {
        right: -7%;
    }
    .project-at-glance-section .projects-list-title {
        font-size: 16px;
    }
    .the-etarnal-legacy-text lottie-player.legacy-lottie {
        display: none;
    }
    .the-malpani-group-row {
        padding-top: 15px;
    }
    .owl-carousel-csr .testimonials-single {
        padding: 0px 15px;
    }
    .company-column{
        display: none;
    }
    .projects-column, 
    .services-column{
        width: 50%;
        float: left;
    }
    .our-initiatives .news-media-inner {
        padding: 0px 10px;
    }
    .project-text-single {
	    font-size: 14px;
	}
	    .project-title-single {
        font-size: 1.5rem;
    }
    .commercial-project-highlights p.banner-subtitle {
	    padding-bottom: 10px !important;
	}
	.commercial-project-highlights .project-highlights-four-single {
        width: 100%;
    }
    .project-highlights-four-single, 
    .project-highlights-four-single:nth-child(2), 
    .project-highlights-four-single:nth-child(7) {
	    border-bottom: 2px solid transparent;
	    border-right: 0px;
	    border-image: url(../../assets/images/projects-commercial/project-commercial-Gradient-Line.png) 10 round;
	}
	.projects-commercial-amenities-row {
	    display: block;
	}
	.custom-project-amenities-row{
		width: 100%;
	}
	.projects-commercial-amenities-row .project-amenities-single {
        width: 50%;
        text-align: center;
    }
    .projects-commercial-amenities-row lottie-player.legacy-lottie.project-amenities-lottie-top, 
    .projects-commercial-amenities-row lottie-player.legacy-lottie.legacy-lottie-bottom, 
    .project-amenities-section lottie-player.legacy-lottie{
    	display: none;
    }
    .custom-floorplan-row {
        width: 100%;
        padding: 15px 0px 10px 0px;
    }
    .custom-location-grid {
	    width: 50%;
	}
	.project-amenities-section.section-padding.project-gallery-section {
	    padding-bottom: 10% !important;
	}
.project-info-single-col {
        width: 50%;
    }
    .project-highlights .banner-text1 .banner-subtitle {
	    padding: 15px 10px 20px 0px;
	}
	.project-highlights .project-highlights-four-single {
        width: 100%;
        padding: 20px 0px 10px;
    }
    .project-amenities-section .project-amenities-single {
	    width: 50%;
	}
	.project-amenities-section {
	    background-size: cover;
	}
	.floor-plan-tabs-row .nav-pills {
	    width: 100%;
	    display: block;
	}
	.floor-plan-tabs-row .nav-item {
	    width: 50%;
	    float: left;
	}
	.floor-plan-tabs-container{
		display: block !important;
	}
	.floor-plan-tabs-content {
	    display: block !important;
	    width: 100%;
	}
	.floor-plan-tabs-row .tab-pane img {
	    padding-top: 20px;
	}
	.project-accordion-list {
	    width: 100%;
	    padding: 0px;
	        padding-bottom: 20px;
	}
	.project-at-glance-section.project-location-section {
	    background-size: cover;
	}
    .project-listing-banner-title {
        padding: 35% 0px 10%;
        font-size: 2rem;
    }
    .project-listing-tabs .banner-text1 .banner-subtitle {
        padding: 12px 0px 0px 0px;
    }

    .project-listing-nav-container {
        padding: 20px 0px 0px !important;
    }
    .custom-col-listing {
        width: 50%;
    }

    .project-listing-single .projects-list-single-text {
        bottom: 10px;
    }
    .project-listing-single .projects-list-title {
        font-size: 12px;
    }
    .project-listing-single .projects-list-link {
        font-size: 9px;
    }
    .project-listing-details a {
        font-size: 10px;
    }
    .buyers-guide-cat-tabs {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 10px !important;
        background: transparent;
    }
    .buyers-guide-cat-tabs li.nav-item {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        display: block;
        background: #000000;
        border-radius: 30px;
    }
    .buyers-guide-cat-tabs li.nav-item button {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 10px;
        padding: 12px 0px 10px;
    }
    .buyers-guide-tabs .project-accordion-row button.accordion-button {
        font-size: 1.2rem;
    }
    .buyers-guide-tabs .project-listing-nav-container {
        width: 100%;
    }
    .buyers-guide-text {
        font-size: 14px;
    }
    .calculator-container, .result-container {
        width: 100%;
        padding: 20px 0px 20px 20px;
    }
    .buyers-guide-tabs .location-accordion {
        width: 90%;
        margin: 0 auto;
    }
    .nri-corner-tabs .banner-text1 .banner-subtitle {
        padding: 0px 0px 20px 0px !important;
    }
    .nri-corner-tabs .accordion-li {
        font-size: 14px;
    }

    .buyers-guide-banner {
        background: url(../../assets/images/buyers-guide/Buyers-Guide-Mobile-Banner-Without-Text.jpg);
        height: 60vh !important;
    }
    .buyers-guide-banner .project-listing-banner-title, 
    .nri-corner-banner .project-listing-banner-title, 
    .press-banner .project-listing-banner-title, 
    .blogs-banner .project-listing-banner-title, 
    .joinus-banner .project-listing-banner-title, 
    .referral-banner .project-listing-banner-title, 
    .aboutus-banner  .project-listing-banner-title, 
    .leasing-banner .project-listing-banner-title, 
    .contact-banner .project-listing-banner-title  {
        padding: 50% 0px 10%;
    }
    .nri-corner-banner {
        background: url(../../assets/images/nri-corner/NRI-Corner-Mobile-Banner-Without-Text.png);
        background-size: cover;
        height: 60vh !important;
    }
    .press-banner{
        background: url(../../assets/images/press/Press-Mobile-Banner-Withoit-Text.jpg);
        height: 60vh !important;
        background-size: cover;
    }
    .press-listing .custom-col-listing {
        width: 100%;
    }
    .press-listing .news-media-inner {
        border-radius: 47px 0px;
    }
    .blogs-banner{
        background: url(../../assets/images/blogs/Blogs-Mobile-Banner-Without-Text.jpg);
        background-size: cover;
        height: 60vh !important;
    }
    .joinus-banner{
        background: url(../../assets/images/join-us/Join-Us-Mobile-Banner-Without-Text.jpg);
        background-size: cover;
        height: 60vh !important;
    }
    .join-us-single-left, .join-us-single-right {
/*        width: 100%;*/
    }
    .join-us-title {
        font-size: 14px;
    }
    .join-us-single {
        padding: 30px 20px 20px;
    }
    .join-us-separator {
        display: none;
    }
    .join-us-single .custom-nav-btn {
        line-height: 30px;
        height: 30px;
    }
    .joinus-tabs .custom-nav-btn-a {
        font-size: 7px;
        padding: 0px 0px;
    }
    .join-us-left, .join-us-right {
        width: 100%;
    }
    .join-us-left {
        padding: 5% 5% 10%;
    }
    .join-us-channel-partner .custom-form {
        width: 100%;
    }
    .joinus-tabs .banner-text1 .banner-subtitle {
        padding: 0px 0px 15px 0px !important;
    }
    .joinus-tabs .projects-row {
        padding-bottom: 10px;
    }
    .join-us-single {
        margin-bottom: 20px;
    }


    .referral-banner{
        background: url(../../assets/images/referral/Referral-Mobile-Banner-Without-Text.png);
        background-size: cover;
        height: 60vh !important;
    }
    .referral-box-img {
        width: 80%;
        margin: 0 auto;
        display: block;
    }
    .referral-container .project-text-single {
        padding-right: 0%;
        text-align: center;
    }
    .how-it-works-single {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .referral-custom-form-inner{
        padding: 0px;
    }
    /*.referral-container {
        padding: initial;
    }*/
    .referral-consent{
            display: flex;
        align-items: baseline;
    }
    .referral-consent label {
        padding-left: 2px;
    }
    .blog-details-section {
        padding-top: 27%;
    }
    .blog-details-title {
        font-size: 22px;
     }
     .blog-details-subtitle {
        font-size: 18px;
    }
    .blog-details-para {
        font-size: 13px;
    }
    .aboutus-banner {
        background: url(../../assets/images/about-us/About-Us-Mobile-Banner-Without-Text.jpg);
        background-size: cover;
        height: 60vh !important;
    }
    .aboutus-container {
        padding: 5% 20px;
    }
.aboutus-tabs .banner-text1 .banner-subtitle {
        padding: 10px 0px 30px 0px;
    }
    .about-director-section {
        padding: 5% 10px;
    }
    .aboutus-tabs .banner-title {
        font-size: 2rem !important;
    }
    .vision-mission-left-outer {
        margin: 0 auto;
        display: block;
        text-align: center;
        padding: 0px;
    }
        .vision-mission-left .vision-title {
        text-align: center;
    }
    .vision-mission-section .our-mission-text {
    text-align: right;
    padding: 0px;
}
.legacy-excellence-section .header-logo-lottie {
    top: 0px;
    height: 700px !important;
}
.our-team-modal-img {
    width: 100%;
}
.team-modal-description {
    width: 100%;
    float: right;
    padding: 20px;
}
.our-team-modal-dialog {
    }
    .vision-mission-right .banner-title.vision-title{
padding-bottom: 10px !important;
    }
    .vision-mission-left .vision-title {
        height: auto;
        padding-bottom: 10px !important;
    }
    .vision-mission-left-outer, 
    .vision-mission-right-outer {
    padding-bottom: 20px;
}
.timeline ol li {
    width: 120px;
}
.team-modal-text {
    font-size: 13px;
}
/*.our-team-section .home-demo {
    width: 96%;
    margin: 0 auto;
}*/
.mob-only-vision-text, 
.vision-mission-left .csr-text.mob-only {
    display: block;
}
.about-director-section .csr-text {
        padding: 15px 0px 0px;
        text-align: left;
    }
        .legacy-excellence-section .banner-subtitle {
        padding: 10px 0px 20px;
    }
    .leasing-banner{
        background: url(../../assets/images/leasing-helpdesk/Leasing-Help-Desk-Mobile-Banner-Without-Text.jpg);
        height: 60vh !important;
    }
    .leasing-tabs .banner-text1 {
        padding-left: 0%;
    }
    .leasing-tabs .banner-text1 .banner-subtitle {
        padding: 12px 0px 10px 0px;
    }
    .leasing-tabs .referral-container .project-text-single {
        padding: 0px 5%;
     }
     .leasing-solutions-section .project-highlights-four-single {
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 25px;
    }
    .leasing-tabs .projects-row {
        padding: 10% 0px;
    }
    .contact-banner{
        background: url(../../assets/images/contact-us/Contact-Us-Mobile-Banner-Without-Text.jpg);
        background-size: cover;
        height: 60vh !important;
    }
    .contact-tabs .project-highlights-four-single {
        width: 100%;
                padding: 0px 1% 2%;
        margin-bottom: 5%;
    }
    .contact-tabs .project-highlights-four-single:nth-child(2) {
        border-bottom: 2px solid transparent;
        border-right: 0px;
        border-image: url(../../assets/images/projects-commercial/project-commercial-Gradient-Line.png) 10 round;
    }
    .contact-map-section.section-padding {
        padding: 10% 5%;
    }
    .contact-map-section .join-us-right {
        padding: 0px;
        padding-top: 10%;
    }
    .job-details-section {
        padding-top: 30%;
    }
    .job-details-section .custom-nav-btn {
        float: none;
    }
    .job-details-section .blog-details-title {
        width: 100%;
    }

    .job-details-header {
        display: block;
        padding-bottom: 10px;
    }
    .job-details-form .referral-form-title {
        text-align: center;
    }
    .job-details-section .join-us-separator {
        display: inline;
    }

.job-details-section .join-us-text {
    font-size: 16px;
}
.job-details-section .blog-details-para {
    font-size: 14px;
}
.error-page-tabs {
        padding: 30% 0px 20% !important;
    }
        .error-page-tabs .blog-details-title {
        font-size: 1.5rem;
    }
    .error-page-tabs .blog-details-subtitle {
    padding: 10px 0px;
}
.error-page-tabs .blog-details-para {
    font-size: 15px;
}
.buyers-tax-benefit-section {
    padding: 0px 40px;
}
.blog-listing .news-media-inner {
    border-radius: 0px;
}
.custom-navbar {
        height: 80px;
    }
.project-listing-outer.all-projects-listing span.projects-list-single-text .projects-list-title {
    padding: 0px 10px;
}
.project-listing-outer .custom-col-listing {
        width: 100%;
    }
    .buyers-tax-benefit-section button.accordion-button, 
    .buyers-tax-benefit-section .accordion-body{
    padding: 20px 0px 0px;
}
.external-audit-report-li{
    width:50% !important;
}
.project-title-container {
    font-size: 2rem;
}
.project-title-single1 {
    font-size: 1.5rem;
}
.project-thumbnail{
    width:100px;
}
    .rera-thumbnail {
        position: relative;
    }
    .disclaimer-section {
        padding: 1% 1% 0px;
    }
    .disclaimer-text {
        padding-top: 10px;
    }
    .mob-responsive.disclaimer-section {
    display: block;
    text-align: center;
}
body.join-us-page .custom-col-listing {
    width: 50%;
}
body.join-us-page .project-cat-tabs li.nav-item {
    width: 50%;
}
body.join-us-page .project-cat-tabs li.nav-item button.nav-link {
    margin: 0 auto;
}
.project-highlights-four-single:last-child, 
.project-highlights-four-single:nth-child(4), 
.project-highlights-four-single:nth-child(8), 
.project-highlights-four-single:nth-child(12), 
.project-highlights-four-single:nth-child(16), 
.project-highlights-four-single:nth-child(6), 
.project-highlights-four-single:nth-child(14), 
.project-highlights-four-single:nth-child(10){
    border-bottom: 2px solid transparent;
    border-right: 0px;
    border-image: url(../../assets/images/projects-commercial/project-commercial-Gradient-Line.png) 10 round;
}
}
/*767px*/


/*540px*/
@media(max-width:540px){
.custom-360-view {
    bottom: 10px;
    right: 5px; 
}
.vertical-move {
    width: 70px !important;
}
.external-audit-report .banner-title {
    font-size: 1.8rem !important;
    text-align: center;
}
.external-audit-report .content-text {
    margin: 0 auto;
    display: block;
    text-align: center;
}
body.join-us-page .project-cat-tabs li.nav-item {
        width: 50%;
        /*display: block;*/
    }
body.join-us-page .project-cat-tabs {
    /*display: block;*/
    width: 99%;
}
body.join-us-page .custom-col-listing {
        width: 100%;
    }
        .video-testimonials .item.testimonials-single {
        width: 100%;
        padding: 0px 0px 30px;
    }
}
/*540px*/