@media (min-width: 1920px) and (max-width: 2560px) {
    .milestone .disclaimer {
        bottom: 475px;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc1 {
        left: 11%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot1 {
        left: 13.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot2 {
        left: 13%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc2 {
        left: -21%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot3 {
        left: 31%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc3 {
        left: 33.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot6 {
        left: 7.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot4 {
        left: 14.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc5,
    .schoolpresencewrp .mapwrp .locdetails.loc5p {
        top: 24.5%;
        left: 26.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot5,
    .schoolpresencewrp .mapwrp .map-dot.dot5p {
        top: 37.8%;
        left: 35.9%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc7 {
        left: 14.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot7 {
        left: 24.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc8,
    .schoolpresencewrp .mapwrp .locdetails.loc8p {
        top: 58%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot8,
    .schoolpresencewrp .mapwrp .map-dot.dot8p {
        top: 65%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc8pip {
        left: -21%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot8pi {
        left: 16.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot10,
    .schoolpresencewrp .mapwrp .map-dot.dot10p {
        left: 19%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot9 {
        top: 68.5%;
        left: 27.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc9 {
        top: 55%;
        left: 24%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot11,
    .schoolpresencewrp .mapwrp .map-dot.dot11p {
        left: 29%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc11,
    .schoolpresencewrp .mapwrp .locdetails.loc11p {
        left: 33%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot12,
    .schoolpresencewrp .mapwrp .map-dot.dot12p {
        left: 26%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc12,
    .schoolpresencewrp .mapwrp .locdetails.loc12p {
        left: 29%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot5pi {
        left: 37.3%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc5pi {
        left: 20%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc11pi {
        left: -16%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot11pi {
        left: 21.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc12pi {
        left: 29%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot12pi {
        left: 26.5%;
    }


}

@media (min-width: 1600px) and (max-width: 1919px) {

    .container-1360-wrp {
        max-width: 1360px;
    }

    .common-ttle {
        font-size: 46px;
    }

    .common-desc {
        font-size: 20px;
    }

    .common-cta {
        font-size: 15px;
    }

    #banner .bannerThumbCards.lh {
        height: 518px;
    }

    #banner .bannerThumbCards.bannerThumbCards7 {
        height: 248px;
    }

    #banner .bannerThumbCards {
        height: 256px;
    }

    #Value .txt {
        width: 316px;
    }

    .scroll-wrapper {
        height: 750px;
    }

    .scrollbar {
        height: 450px;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc1 {
        left: 11%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot1 {
        left: 13.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot2 {
        left: 13%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc2 {
        left: -21%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot3 {
        left: 31%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc3 {
        left: 33.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot6 {
        left: 7.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot4 {
        left: 14.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc5,
    .schoolpresencewrp .mapwrp .locdetails.loc5p {
        top: 24.5%;
        left: 26.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot5,
    .schoolpresencewrp .mapwrp .map-dot.dot5p {
        top: 37.8%;
        left: 35.9%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc7 {
        left: 14.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot7 {
        left: 24.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc8,
    .schoolpresencewrp .mapwrp .locdetails.loc8p,
    .schoolpresencewrp .mapwrp .locdetails.loc8pip {
        top: 58%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot8,
    .schoolpresencewrp .mapwrp .map-dot.dot8p {
        top: 65%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot10,
    .schoolpresencewrp .mapwrp .map-dot.dot10p {
        left: 19%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot9 {
        top: 68.5%;
        left: 27.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc9 {
        top: 55%;
        left: 24%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot11,
    .schoolpresencewrp .mapwrp .map-dot.dot11p {
        left: 29%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc11,
    .schoolpresencewrp .mapwrp .locdetails.loc11p {
        left: 33%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot12,
    .schoolpresencewrp .mapwrp .map-dot.dot12p {
        left: 26%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc12,
    .schoolpresencewrp .mapwrp .locdetails.loc12p {
        left: 29%;
    }

}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .container {
        max-width: 1130px;
    }

    .container-1360-wrp {
        max-width: 1300px;
    }

    .common-ttle {
        font-size: 46px;
    }

    .common-desc {
        font-size: 20px;
    }

    .common-cta {
        font-size: 15px;
    }

    /* .mumbaimap{height:700px;} */
    .infoSlide .info {
        height: 300px;
    }

    p {
        font-size: var(--fs18);
    }

    .milestone .albums .common-ttle,
    .milestonehos .albumssch .common-ttle,
    .milestoneschools .common-ttle {
        font-size: 36px;
    }

    .dropdown li a {
        padding: 10px 0;
        font-size: 13px;
    }

    .dropdown {
        min-width: 260px;
    }

    .menu__close {
        display: none;
    }

    #banner .bannerThumbCards.lh {
        height: 445px;
    }

    #banner .bannerThumbCards {
        height: 217px;
    }

    #banner .bannerThumbCards.bannerThumbCards7 {
        height: 217px;
    }

    #banner .bannerThumbCards .bannerDetails h2 {
        font-size: var(--fs22);
    }

    #welcome .welcomeText {
        font-size: 90px;
        line-height: 80px;
    }

    #projectsInfo .projectsInfocard .projectNos {
        font-size: 90px;
    }

    #news-updates .newsupdatesSlider .newsThumbCards.lh {
        height: 450px;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsDetails h2 {
        font-size: var(--fs18);
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsDetails h2 span {
        font-size: 14px;
    }

    #banner .bannerThumbCards.bannerThumbCards3 .hospitality,
    #banner .bannerThumbCards.bannerThumbCards6 .fin-arrow {
        width: 260px;
    }

    #banner .bannerThumbCards.bannerThumbCards2 .hospitality {
        width: 180px;
    }

    #welcome .hohbackdroplogo {
        transform: scale(0.8);
        transform-origin: top;
    }

    #Value .marquee-section .marquee-item.image-card .inner-item {
        position: absolute;
        left: 40px;
        top: 30px;
    }

    #Value .marquee-section .marquee-item {
        padding: 30px 40px;
    }

    #Value .marquee-section .marquee-item ul li {
        font-size: 14px;
    }

    #Value h3 {
        font-size: var(--fs22);
        font-weight: var(--400);
    }

    #CoreBusinessAreas .CoreBusinessAreas-container {
        grid-template-columns: 18% 1fr 22%;
        gap: 10px;
        padding: 0px 0px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__media {
        margin-right: 80px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-left {
        width: 240px;
        padding-left: 30px !important;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessTitle {
        font-size: 20px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description p {
        font-size: 13px;
        line-height: 19px;
        padding-right: 20px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .businessLogo {
        width: 170px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .businessLogo img {
        width: 100%;
    }

    #brand-logo .brand-logo-wrap {
        transform: scale(0.9) translate(-100px, 0px);
    }

    #Value .marquee-section {
        margin-left: 140px;
    }

    #brand-logo {
        transform: scale(0.8);
    }

    .otherbiz .otherbizbox .otherbizdetails {
        font-size: 22px;
    }

    .aboutbiz .biztxt {
        font-size: 25px;
        line-height: 33px;
    }

    .aboutbiz .bixinfo {
        font-size: 14px;
    }

    .milestone ul.milestonetxt,
    .milestoneschools ul.milestoneschoolstxt,
    .milestonehos ul.milestonehostxt,
    .milestoneschools ul.milestoneschoolstxt .rupee {
        font-size: 56px;
    }

    .milestone ul.milestonetxt .star,
    .milestoneschools ul.milestoneschoolstxt .star {
        font-size: 34px;
    }

    .places .numwrp {
        gap: 20px;
    }

    .otherbiz .otherwrp .otherlink {
        width: 260px;
    }

    /* .otherbiz .otherwrp .otherlink .tit {padding-right: 24px;} */
    .milestone .disclaimer {
        bottom: 460px;
    }

    .ourprojects .projsec .prowrp .projinfo .tit {
        font-size: 16px;
        line-height: 24px;
    }

    .ourprojects .projsec .prowrp .detailinfo .tit {
        font-size: 16px;
    }

    .scroll-wrapper {
        height: 450px;
    }

    .scrollbar {
        height: 450px;
    }

    .sustainabilitywrp .common-ttle {
        font-size: 50px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt {
        font-size: 46px;
    }

    .schoolpresencewrp .locdetails {
        width: 220px;
    }

    .schoolpresencewrp .locdetails .city {
        font-size: 14px;
    }

    .schoolpresencewrp .locdetails .detail {
        padding: 10px 15px;
    }

    .schoolpresencewrp .locdetails .detail li::before {
        top: 1px;
        font-size: 8px;
    }

    .schoolpresencewrp .locdetails .detail li {
        font-size: 10px;
    }

    .places .numwrp .numinfo {
        font-size: 24px;
    }

    .places .numwrp .numinfo span {
        font-size: 11px;
    }

    .mumbaimap .mapimg .locdetails.loc2 {
        left: 67.5%;
    }

    .mumbaimap .mapimg .map-dot.dot2 {
        top: 31.5%;
        left: 59.3%;
    }

    .mumbaimap .mapimg .locdetails.loc1 {
        top: 48.5%;
    }

    #global-map .leftPanel {
        padding-left: 30px;
    }

    #global-map .telCard {
        top: 58.9%;
    }

    #global-map .tamCard {
        top: 77.7%;
    }

    #global-map .karCard {
        top: 72%;
    }

    #global-map .mahaCard {
        top: 50%;
    }

    #global-map .thane {
        top: 63.1%;
        left: 29%;
    }

    #global-map .kalyan {
        top: 62.8%;
        left: 29.8%;
    }

    #global-map .telCard::before,
    #global-map .tamCard::before {
        top: 47px;
    }

    .purpose-section .container .title {
        font-size: 38px;
    }


}


/* @media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .container-1360-wrp {
        max-width: 1300px;
    }

    .common-ttle {
        font-size: 52px;
    }

    .common-desc {
        font-size: 20px;
    }

    .common-cta {
        font-size: 15px;
    }

    .infoSlide .info {
        height: 300px;
    }

    #aboutUs p {
        padding: 0px 190px;
        font-size: var(--fs20);
    }

    #hero-anim-track .container .PerformanceRight .desc {
        font-size: var(--fs32);
        line-height: 42px;
    }

    .services-section .service-card {
        padding: 50px 30px;
    }

    .schoolpresencewrp .locdetails {
        width: 220px;
    }

    .schoolpresencewrp .locdetails .city {
        font-size: 14px;
    }

    .schoolpresencewrp .locdetails .detail {
        padding: 10px 15px;
    }

    .schoolpresencewrp .locdetails .detail li::before {
        top: 1px;
        font-size: 8px;
    }

    .schoolpresencewrp .locdetails .detail li {
        font-size: 10px;
    }

    .milestone .albums .common-ttle,
    .milestonehos .albumssch .common-ttle,
    .milestoneschools .common-ttle {
        font-size: 32px;
    }

    p {
        font-size: var(--fs18);
    }

    .dropdown li a {
        padding: 10px 0;
        font-size: 13px;
    }

    .dropdown {
        min-width: 260px;
    }

    #footer .cta-title {
        font-size: clamp(2rem, 4vw, 4.5rem);
    }

    #footer .cta-title span {
        margin-left: 204px;
    }

    #footer .footer-nav a {
        font-size: 14px;
    }

    .menu__close {
        display: none;
    }

    #banner .bannerThumbCards.bannerThumbCards3 .hospitality,
    #banner .bannerThumbCards.bannerThumbCards6 .fin-arrow {
        width: 260px;
    }

    #banner .bannerThumbCards.bannerThumbCards2 .hospitality {
        width: 180px;
    }

    #welcome .hohbackdroplogo {
        transform: scale(0.8);
        transform-origin: top;
    }

    #Value .marquee-section .marquee-item.image-card .inner-item {
        position: absolute;
        left: 30px;
        top: 30px;
        right: 30px;
    }

    #Value .marquee-section .marquee-item {
        padding: 30px;
    }

    #Value .marquee-section .marquee-item ul li {
        font-size: 14px;
    }

    #Value h3 {
        font-size: var(--fs22);
        font-weight: var(--400);
    }


    #CoreBusinessAreas .CoreBusinessAreas-container {
        grid-template-columns: 18% 1fr 22%;
        gap: 10px;
        padding: 0px 0px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__media {
        margin-right: 80px;
    }


    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-left {
        width: 240px;
        padding-left: 30px !important;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessTitle {
        font-size: 18px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description p {
        font-size: 12px;
        line-height: 18px;
        padding-right: 20px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .businessLogo {
        width: 150px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .businessLogo img {
        width: 100%;
    }

    #brand-logo {
        transform: scale(0.9);
    }

    #brand-logo .brand-logo-wrap {
        transform: scale(0.9) translate(-100px, 0px);
    }

    #banner .bannerThumbCards.lh {
        height: 335px;
    }

    #banner .bannerThumbCards .bannerDetails h2 {
        font-size: var(--fs20);
    }

    #banner .bannerThumbCards {
        height: 160px;
    }

    #banner .bannerThumbCards.bannerThumbCards7 {
        height: 160px;
    }

    #welcome .welcomeText {
        font-size: 60px;
        line-height: 1;
    }

    #projectsInfo .projectsInfocard .projectNos {
        font-size: 70px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-left .pcw span {
        font-size: 90px;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsDetails h2 {
        font-size: var(--fs16);
    }

    #news-updates .newsupdatesSlider .newsThumbCards.lh {
        height: 440px;
    }

    .menu__link {
        font-size: 14px;
    }

    .brand img {
        width: 100%;
    }

    #Value .marquee-section {
        margin-left: 90px;
    }

    #brand-logo {
        transform: scale(0.8);
    }

    .breadcrumb .breadlink li {
        font-size: 12px;
    }

    .breadcrumb .breadlink li a .breadimg {
        width: 10px;
    }

    .milestone ul.milestonetxt,
    .milestoneschools ul.milestoneschoolstxt,
    .milestonehos ul.milestonehostxt,
    .milestoneschools ul.milestoneschoolstxt .rupee {
        font-size: 62px;
    }

    .milestone ul.milestonetxt .star,
    .milestoneschools ul.milestoneschoolstxt .star {
        font-size: 40px;
    }

    .ourpresence .mapmain .mapwrp .place .name span {
        font-size: var(--fs20);
        line-height: 1.3;
    }

    .otherbiz .otherbizbox .otherbizdetails {
        font-size: 20px;
    }

    .aboutbiz .biztxt {
        font-size: 24px;
        line-height: 32px;
    }

    .aboutbiz .bixinfo {
        font-size: 14px;
    }

    .ourprojects .projsec .prowrp .numinfo {
        font-size: 16px;
    }

    .ourprojects .projsec .prowrp .numinfo span {
        font-size: 28px;
    }

    .ourprojects .projsec .prowrp .projinfo .tit {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 12px;
    }

    .ourprojects .projsec .prowrp .detailinfo .tit {
        font-size: 16px;
    }

    .ourprojects .projsec .projtit {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .places .numwrp {
        gap: 20px;
    }

    .aboutuswrp .abouttxt {
        font-size: 65px;
        line-height: 75px;
    }

    .aboutuswrp::before {
        height: 543px;
    }

    .otherbiz .otherwrp .otherlink {
        width: 260px;
    }

    .milestone .disclaimer {
        bottom: 520px;
    }

    #Value .txt {
        width: 100%;
    }

    .scroll-wrapper {
        height: 400px;
    }

    .scrollbar {
        height: 400px;
    }

    .sustainabilitywrp .common-ttle {
        font-size: 50px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt {
        font-size: 46px;
    }

    .mumbaimap .locdetails {
        width: 160px;
    }

    .mumbaimap .locdetails .city {
        font-size: 14px;
    }

    .mumbaimap .locdetails .detail li {
        font-size: 10px;
    }

    .places .numwrp .numinfo {
        font-size: 24px;
    }

    .places .numwrp .numinfo span {
        font-size: 11px;
    }

    .mumbaimap .mapimg .locdetails.loc2 {
        left: 66%;
    }

    #global-map .mahaCard {
        top: 50.6%;
        left: 12.4%;
    }

    #global-map .karCard {
        top: 72.4%;
        left: 13.6%;
    }

    #global-map .leftPanel {
        padding-left: 40px;
    }

    #global-map .mumbai {
        left: 28%;
    }

    #global-map .thane {
        top: 63%;
        left: 28.4%;
    }

    #global-map .kalyan {
        top: 62.5%;
        left: 29.2%;
    }


    .purpose-section .container .title {
        font-size: 34px;
    }

    #banner .bannerThumbCards .bannerThumbImg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }




} */


/* (1366x768) WXGA Display */
/* @media  screen and (max-width: 1366px) {

}
*/

/* 1. scale and layout setting at 150% */
@media (resolution: 1.25dppx) {
    .common-ttle {
        /* font-size: 28px; */
    }



    .hero-section .hero-content h2 {
        padding-top: 270px;
    }

    #redifine .thumbs .swiper-slide {
        width: 196px;
    }

    #redifine .container .redifine-right .storiesNos {
        padding-top: 20px;
    }

    #Glance {
        padding-top: 10px;
    }

    .infoNos .nos {
        font-size: 32px;
    }

    #Glance .leftart {
        position: absolute;
        left: -135px;
        bottom: -240px;
        width: 500px;
        height: 600px;
        overflow: hidden;
        text-align: center;
        background: url(../images/glance-cricle.png) no-repeat -70px bottom/480px;
    }

    #Highlights .data-block .amount {
        font-size: 32px;
    }

    #Strategy .StrategySlider2 .card {
        padding: 16px;
    }

    #Strategy .StrategySlider2 .card-text {
        font-size: 16px;
        height: 140px;
    }

    #chairman .next-per,
    #chairman .prev-per {
        right: -10px;
    }

    #chairman {
        height: 835px;
    }

    #risk .timeline {
        transform: scale(0.9);
    }

    #CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs h2 {
        font-size: 30px;
    }

    #CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs p {
        font-size: 18px;
        line-height: 1.2;
    }

}

/* 3. scale and layout setting at 150% */
@media (resolution: 1.5dppx) {

    .container-1360-wrp {
        max-width: 1300px;
    }

    .common-ttle {
        font-size: 36px;
    }

    .common-desc {
        font-size: 20px;
    }

    .common-cta {
        font-size: 15px;
    }

    #value-creation .creationRight {
        padding: 40px;
    }

    #bottombanner .desc {
        font-size: 38px;
    }

    #redifine {
        margin-bottom: 50px;
    }

    #redifine .redifineSlider .swiper-slide {
        height: auto;
        padding-bottom: 50px;
        background: linear-gradient(168deg, #ED1D24 -101.33%, #000000 101.42%);
    }

    #redifine .thumbs .swiper-slide {
        width: 148px;
    }

    #redifine .container .redifine-right .storiesNos {
        padding-top: 20px;
    }

    #Glance {
        padding-top: 10px;
    }

    .infoNos .nos {
        font-size: 32px;
    }

    #Glance .leftart {
        position: absolute;
        left: -115px;
        bottom: -260px;
        width: 420px;
        height: 510px;
        overflow: hidden;
        text-align: center;
        background: url(../images/glance-cricle.png) no-repeat -70px bottom / 480px;
    }

    #Highlights .data-block .amount {
        font-size: 32px;
    }

    #Strategy .StrategySlider2 .card {
        padding: 16px;
    }

    #Strategy .StrategySlider2 .card-text {
        font-size: 16px;
        height: 140px;
    }

    #chairman .next-per,
    #chairman .prev-per {
        right: 0px;
        transform: scale(0.8);
    }

    #chairman {
        height: 725px;
    }

    #chairman .chairmanimg {
        width: 420px;
    }

    #chairman .chairmanimg img {
        width: 100%;
    }

    #chairman .chairmanContent .desc {
        font-size: 22px;
    }

    #risk .timeline {
        transform: scale(0.70);
    }

    #CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs h2 {
        font-size: 26px;
    }

    #CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs p {
        font-size: 16px;
        line-height: 1.2;
    }

    .infoNos .units {
        font-size: 19px;
    }

    #redifine .container .redifine-right .infoNos .nos {
        font-size: 28px;
    }

    #businessSegment .BussLhs h2 {
        font-size: 40px;
    }

    #CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs {
        padding-top: 0px;
    }

    .hero-section .hero-content h1 {
        font-size: 44px;
    }

    .hero-section .hero-content h2 {
        font-size: 34px;
        padding-top: 180px;
    }

    .fs22 {
        font-size: 20px !important;
        line-height: 1.4;
    }

    #Stakeholder .stakeholderBox p {
        font-size: 13px;
    }

    #risk .step {
        position: relative;
        width: 219px;
    }

    #risk .step:nth-child(5) {
        transform: translate(165px, 0px);
    }

    #risk .step:nth-child(6) {
        transform: translate(270px, 0px);
    }

    #risk .step:nth-child(4) {
        transform: translate(110px, 0px);
    }

    #risk .step:nth-child(10) {
        transform: translate(-47px, 0px);
    }

    #CapitalWise .capitalWiseSliderCards {
        height: 460px;
    }

    #redifine .thumbs .swiper-slide {
        font-size: 12px;
    }



}


/* 1280px */
@media (min-width: 1280px) {}

/* Medium */
/* @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    #banner .bannerThumbCards .bannerThumbImg img {
        transition: 1s ease;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .row {
        margin: 0px;
    }

    .hero-section {
        background-color: var(--DarkBlue);
    }

    .hero-section .ticket-card {
        width: 100%;
        background-size: contain;
        position: relative;
        bottom: 0px;
        margin-top: 20px;
        padding: 40px;
    }

    .hero-section .hero-content {
        height: auto;
        display: block;
        padding-top: 367px;
    }

    .hero-section .hero-content h2 {
        font-size: var(--fs26);
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .hero-section .ticket-top h5 {
        font-size: var(--fs16);
    }

    .hero-section .ticket-bottom {
        display: block;
        margin-top: 15px;
    }

    #brandsLogos {
        padding: 40px 0px;
    }

    #aboutUs {
        padding: 50px 0px;
    }

    #aboutUs p {
        padding: 0px 10px;
        font-size: 16px;
    }

    .desc {
        font-size: var(--fs30);
    }

    #aboutUs .companyCards .about-icon svg {
        height: 110px;
    }

    #aboutUs .companyCards {
        margin-bottom: 20px;
    }

    #hero-anim-track .container .PerformanceLeft {
        padding-top: 0px;
        margin-bottom: 20px;
    }

    #hero-anim-track .container {
        padding-top: 40px;
    }

    #hero-anim-track .container .PerformanceRight {
        margin-top: 0px;
    }

    #hero-anim-track .container .PerformanceRight .desc {
        font-size: 22px;
        line-height: 1.5;
        letter-spacing: 1px;
    }

    .text-highlight {
        background: #156db5;
    }

    #hero-anim-track {
        height: auto;
    }

    #upcoming {
        padding: 20px 0px;
    }

    #upcoming p {
        font-size: 20px;
    }

    #upcoming .upcomingRhs {
        margin-top: 30px;
    }

    .services-section {
        padding: 30px 0px;
    }

    .services-section .service-card {
        padding: 20px 20px;
    }

    #horizontal-scoll .WhyCollaborateLhs {
        padding: 30px;
    }

    .common-ttle {
        font-size: var(--fs36) !important;
    }

    p {
        font-size: var(--fs18);
        line-height: 1.4;
    }

    #horizontal-scoll .horizontal-scoll-wrapper {
        overflow: hidden;
        padding: 0px;
    }

    #horizontal-scoll .horizontal>div {
        display: block;
    }

    .people__card img {
        width: 100%;
    }

    #TechnophilesNews {
        padding: 30px 0px;
        overflow: hidden;
    }

    #TechnophilesNews .TechnophilesNewsSwiper {
        margin-top: 20px;
    }

    #moment .container-1360-wrp {
        padding: 30px;
    }

    #moment .parallax-wrapper {
        height: 50vh;
    }

    #footer .cta-section {
        padding: 50px 0 80px;
        padding-bottom: 20px;
    }

    #footer .cta-title span {
        display: inline-block;
        margin-left: 0px;
    }

    #footer .footer-nav a {
        font-size: 12px;
        margin: 0 2px;
    }

    #footer .footerbottom-text {
        font-size: 40px;
        bottom: -130px;
    }

    #footer {
        padding-bottom: 60px;
    }

    #TechnophilesNews .swiper-button-next {
        right: 30px;
    }

    #TechnophilesNews .swiper-button-prev {
        left: 30px;
    }

    #TechnophilesNews .swiper-button-next,
    #TechnophilesNews .swiper-button-prev {
        top: 22%;
    }

    #horizontal-scoll {
        padding-bottom: 30px;
        position: relative;
    }

    #horizontal-scoll .swiper-button-next,
    #horizontal-scoll .swiper-button-prev {
        top: 70%;
        display: block;
    }


    .hero-section,
    #brandsLogos,
    #aboutUs,
    #hero-anim-track,
    #upcoming,
    .services-section,
    #horizontal-scoll,
    #TechnophilesNews,
    #moment,
    #footer {
        overflow: hidden;
    }


    #about-us-banner p {
        padding: 0px 10px;
    }

    .whoweare {
        padding: 90px 0px;
    }

    .whoweare .whowearetxt {
        padding: 0px 10px;
        font-size: var(--fs26);
    }

    .whoweare .mb-5 {
        margin-bottom: 1rem !important;
    }

    #productServices .column2 {
        margin-top: 0px;
    }

    #productServices .productServicesTitle {
        transform: translate(0px, 0px);
        margin-bottom: 40px;
    }

    #productServices {
        padding: 30px 0px;
    }

    #founder {
        padding: 50px 0px;
    }

    #founder .founderRight {
        margin-top: 40px;
        padding-left: 0px;
    }

    #founder .founderRight p,
    #founder .name {
        font-size: var(--fs16);
    }

    #team {
        padding: 30px 0px;
    }

    #productServices .productServicesCards h2 {
        font-size: 20px;
    }

    #team .teamCards h6 {
        font-size: 13px;
    }


    .brand {
        width: 180px;
        padding-left: 20px;
    }

    .brand img {
        width: 100%;
    }

    #banner .bannerThumbCards .bannerDetails h2 {
        font-size: 14px;
    }

    #banner .bannerThumbCards .bannerDetails {
        padding: 10px;
    }

    #banner .bannerThumbCards .bannerDetails h6 {
        font-size: 12px;
    }

    #banner .bannerThumbCards.lh {
        height: 140px;
    }

    #banner .bannerThumbCards {
        height: 140px;
        border-radius: 5px;
    }

    .Financial-healthcare {
        display: flex;
        width: 100%;
    }

    .Financial-healthcare a {
        flex: 0 0 auto;
        width: 46%;
    }

    #banner .bannerThumbCards.bannerThumbCards7 {
        height: 200px;
    }

    #banner .bannerThumbCards.bannerThumbCards3 .hospitality,
    #banner .bannerThumbCards.bannerThumbCards6 .fin-arrow {
        width: 170px;
    }

    #banner .bannerThumbCards.bannerThumbCards2 .hospitality {
        width: 110px;
    }

    #welcome .hohbackdroplogo {
        width: 140px;
    }

    #welcome .hohbackdroplogo img {
        width: 100%;
    }

    #welcome .welcomeText {
        font-size: 48px;
    }

    #welcome {
        padding: 50px 0px;
    }

    #welcome .welcomeTextDesc {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
    }

    #projectsInfo .projectsInfocard {
        padding: 10px 0px;
        position: relative;
        width: 50%;
        border-top: none;
        border: 1px solid #f6f6f6;
        min-height: 100px;
        align-items: center;
    }

    #projectsInfo .projectsInfocard .projectNos {
        font-size: 90px;
    }

    #projectsInfo .cards {
        width: 960px;
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }

    #projectsInfo .projectsInfocard .projectInfoDetails {
        font-size: 16px;
        line-height: 1.3;
    }

    #projectsInfo .projectsInfocard:last-child {
        border-color: #f6f6f6;
    }

    #projectsInfo {
        min-height: auto;
        padding: 0px 0px 40px;
    }

    #projectsInfo .projectsInfocard .projectNos {
        font-size: 40px;
        letter-spacing: -2px;
        margin-bottom: 10px;
    }

    #animatedVideo .animatedVideo-revealPath1 {
        display: none;
    }

    #animatedVideo,
    #animatedVideo .ani_parent {
        position: relative;
        width: 100%;
        height: 70vh;
        overflow: hidden;
    }

    #Value {
        overflow: hidden;
        padding: 0px 0px;
    }

    #Value .marquee-section {
        margin-top: 30px;
        padding: 0px;
    }

    #Value .marquee-section .marquee-item {
        padding: 30px 20px;
    }

    #Value .marquee-section .marquee-item.image-card .inner-item {
        position: absolute;
        left: 20px;
        top: 20px;
    }

    #Value h3 {
        font-size: var(--fs22);
    }

    #Value .marquee-section .marquee-item ul li {
        font-size: 14px;
    }

    #Value {
        overflow: hidden;
        padding: 50px 10px;
        transform: translate(0px, 0px);
    }

    #Value .marquee-section .marquee-item.deliver .icon {
        width: 230px;
    }

    #Value .marquee-section .marquee-item.deliver .icon img {
        width: 100%;
    }

    #Value .txt {
        width: 100%;
    }

    #Value .marquee-section .marquee-item.image-card.WinTogether .white {
        color: #000 !important;
    }

    #CoreBusinessAreas .text-end {
        padding: 0px 20px;
        text-align: left !important;
        margin-bottom: 0px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container {
        display: block;
        padding: 0px 0px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description {
        position: relative;
    }

    #CoreBusinessAreas {
        padding: 50px 0px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .buss-picimg {
        border-radius: 20px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .buss-picimg img {
        height: 350px;
        object-fit: cover;
        width: 100%;
    }

    #CoreBusinessAreas .CoreBusinessAreas__sidebar-left.sticky,
    #CoreBusinessAreas .CoreBusinessAreas__sidebar-right.sticky {
        align-self: start;
        top: 0;
        height: auto;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description {
        display: block;
        opacity: 1;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessTitle {
        font-size: 18px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description p {
        font-size: 14px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessLogo {
        width: 150px;
        margin-bottom: 15px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessLogo img {
        width: 100%;
    }

    #news-updates {
        padding: 60px 0px;
        transform: translate(0px, 0px);
    }

    #news-updates .newsupdatesSlider .newsThumbCards.lh {
        height: 370px;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsDetails h2 {
        font-size: var(--fs20);
    }

    #news-updates .newsupdatesSlider {
        margin-top: 20px;
    }

    #news-updates .swiper-pagination {
        position: relative;
        bottom: 0px;
    }

    .swiper-pagination-bullet-active {
        background-color: #222;
    }

    #FooterHiranandani {
        padding: 30px 0 20px;
    }

    #FooterHiranandani .footer-logo img {
        width: 250px;
        margin-bottom: 20px;
    }

    #FooterHiranandani .footer-right {
        flex: 1;
        padding-top: 8px;
    }

    #FooterHiranandani .footer-grid,
    #FooterHiranandani .footer-cols {
        gap: 10px;
    }

    #FooterHiranandani .websites-grid ul {
        margin-bottom: 0px;
    }

    #FooterHiranandani .footer-grid {
        padding-bottom: 20px;
    }

    #FooterHiranandani .footer-bottom {
        align-items: center;
    }

    #brand-logo {
        padding: 40px 0px;
    }

    #brand-logo .hoh-big-logo {
        transform: scale(1);
        opacity: 1;
        position: relative;
        width: 160px;
        height: 160px;
        margin-bottom: 20px;
    }

    #brand-logo .brand-logo-wrap {
        width: 100%;
        height: 100%;
    }

    #brand-logo .brand-logo-wrap .brand-logo-list-img {
        position: relative;
        transform: translate(0px, 0px);
        opacity: 1;
        filter: grayscale(0);
        transition: filter .8s ease-in-out;
    }

    #Value .marquee-section .marquee-item.image-card {
        height: 450px;
    }

    #Value .swiper-pagination {
        position: relative;
        bottom: 0px;
        margin-top: 10px;
    }

    #Value .marquee-section .marquee-item ul {
        width: 90%;
    }

    #Value .marquee-section .marquee-item.image-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
    }

    #Value .marquee-section .marquee-item.image-card.WinTogether img {
        transform: none;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsDetails {
        padding: 20px;
    }

    #FooterHiranandani .footer-left {
        flex: 1 1 300px;
        max-width: 400px;
    }


    .keyclients .logowrp {
        grid-template-columns: repeat(4, 1fr);
    }

    #global-map .mahaCard {
        top: 50.4%;
        left: 1%;
    }

    #global-map .maharashtra {
        top: 61.6%;
        left: 32%;
    }

    #global-map .karCard {
        left: 0%;
    }

    #global-map .karnataka {
        top: 79.1%;
        left: 31%;
    }

    #global-map .tamil {
        left: 37%;
    }

    #global-map .tamCard {
        top: 79.4%;
        left: 40.4%;
    }


    #CoreBusinessAreas {
        padding: 50px 0px;
        background-color: #090912;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right {
        padding: 50px 15px 0px;
        position: relative;
        margin-top: 20px;
    }

    .CoreBusinessAreasSlider .CoreBusinessAreasSlider-pagination {
        bottom: initial;
        top: 10px;
        text-align: right;
        width: 75%;
        left: 15px;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.2);
    }

    .CoreBusinessAreasSlider .CoreBusinessAreasSlider-pagination .swiper-pagination-progressbar-fill {
        background-color: rgba(255, 255, 255, 1);
    }

    .custom-fraction {
        display: block;
        position: absolute;
        top: 0px;
        right: 20px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .d-lg-none {
        display: block !important;
    }

    #shrink {
        transform: scale(1);
        transition: transform 0.3s ease;
    }

    .brandlogoSlider-pagination {
        display: none;
    }

    #brand-logo .brand-logo-wrap .brand-logo-list-img img {
        opacity: 1;
        width: 100%;
        height: auto;
    }

    #brand-logo .brand-logo-wrap .brand-logo-list-img {
        border: 1px solid #f6f6f6;
        height: 140px;
        display: flex;
        align-items: center;
    }

    #Value .marquee-section .marquee-item {
        width: 50%;
    }

    #brand-logo .hoh-big-logo {
        display: none;
    }

    #brand-logo .brand-logo-wrap {
        width: 100%;
        left: 0%;
        transform: scale(1);
    }

    #global-map .footprints {
        height: auto;
    }

    .ourprojects .detailinfo .tit {
        font-size: 14px;
    }

    .ourprojects .projtit {
        font-size: 22px;
    }

    .ourprojects .projinfo .data {
        font-size: 13px;
    }

    .ourprojects .projinfo .tit {
        font-size: 16px;
        line-height: 24px;
    }


    .milestone ul.milestonetxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestone ul.milestonetxt li {
        width: 50%;
        color: #fff;
        font-size: 42px;
    }

    .milestone ul.milestonetxt li:first-child {
        padding-top: 50px;
    }

    .milestone ul.milestonetxt span,
    .milestoneschools ul.milestoneschoolstxt span,
    .milestonehos ul.milestonehostxt span {
        font-size: 14px;
    }

    .milestone ul.milestonetxt,
    .milestoneschools ul.milestoneschoolstxt,
    .milestonehos ul.milestonehostxt,
    .milestoneschools ul.milestoneschoolstxt .rupee {
        font-size: 26px;
        padding-left: 0;
        padding-top: 40px;
    }

    .milestone ul.milestonetxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .ourprojects {
        overflow: hidden;
    }


    .ourprojects .Strategy-tabs .slider-thumbnail {
        width: 100%;
        position: relative;
        overflow: visible;
    }

    .ourprojects .projtit {
        font-size: 24px;
    }

    .ourprojects .projinfo .tit {
        font-size: 16px;
        line-height: 24px;
    }

    .otherbiz .otherwrp {
        justify-content: flex-start;
    }

    .otherbiz .otherwrp .otherlink {
        border-radius: 5px;
    }

    .visitlink .common-cta3 {
        font-size: 24px;
    }

    .subtitle {
        font-size: 14px;
    }

    .milestone {
        height: auto;
        padding: 80px 0px;
    }

    .ourprojects .detailinfo .tit {
        border-bottom: 1px solid #494949;
        margin-top: 20px;
    }


    .ourprojects .detailinfo .tit {
        font-size: 14px;
    }


    .otherbiz .otherwrp .otherlink {
        width: 31.33%;
    }

    #global-map .footprints {
        max-width: 950px;
    }

    .aboutbiz .biztxt {
        font-size: 24px;
        line-height: 30px;
    }

    .aboutbiz .bixinfo {
        font-size: 16px;
        line-height: 24px;
    }

    #FooterHiranandani .hoh-footer-icon-logo {
        display: none;
    }

    .is-horizontal .f-button.is-arrow.is-prev,
    .is-horizontal .f-button.is-arrow.is-next {
        display: none;
    }

    .ourprojects .projsec .prowrp .projinfo .tit {
        font-size: 14px;
        line-height: 24px;
    }

    .ourprojects .detailinfo .tit {
        margin-top: 0px;
    }

    .milestoneschools ul.milestoneschoolstxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestoneschools ul.milestoneschoolstxt li {
        color: #fff !important;
        width: 33.33%;
    }

    .milestoneschools ul.milestoneschoolstxt li:first-child {
        padding-top: 40px;
    }

    .milestoneschools {
        height: auto;
        padding-bottom: 80px;
    }

    .milestoneschools ul.milestoneschoolstxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .ourprojects .detailinfo .tit {
        border-bottom: none;
    }

    .ourprojects .projsec .prowrp .detailinfo {
        padding-bottom: 10px;
    }

    .milestoneschools ul.milestoneschoolstxt li:last-child {
        padding-top: 15px;
    }


    .milestoneschools ul.milestoneschoolstxt.milestoneFstxt li:last-child {
        padding-top: 40px;
    }

    .places .numwrp {
        flex-wrap: wrap;
    }


    #banner .banner_wrap {
        display: none;
    }

    #banner .hoh_banner_mobile {
        padding: 0px 15px 40px;
        display: block;
        position: relative;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards {
        height: 350px !important;
        margin: 0px !important;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails {
        padding: 20px 20px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h2 {
        font-size: 22px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h6 {
        font-size: 18px;
    }

    #banner .hoh_banner_mobile .swiper-pagination-bullet {
        background-color: #c59a5b;
    }


    #brand-logo .brand_logo_mobile {
        display: none;
    }

    #brand-logo .brand_logo_tabs {
        display: block;
        text-align: center;
    }

    #brand-logo .brand-logo-wrap {
        display: none;
    }

    .visitlink .container .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .susecwrp .nav-pills {
        display: flex;
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
    }

    .susecwrp .nav-pills li {
        width: 30.33%;
    }


    .susecwrp .nav-pills .nav-link {
        font-size: 14px;
        width: 100%;
    }

} */

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}


@media only screen and (min-width: 961px) and (max-width: 1280px) and (orientation: landscape) {}


@media(max-width: 767px) {}

/* @media screen and (min-width: 768px) and (max-width:1023px) {
    .schoolpresencewrp .mapwrp .locdetails.loc2 {
        left: -33%;
        top: 56%;
        ;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc1 {
        top: 47%;
        left: 13.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot1 {
        left: 18.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot2 {
        left: 17.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot3 {
        top: 86%;
        left: 38%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc3 {
        left: 43%;
        top: 80%;
    }

    .schoolpresencewrp {
        height: auto;
    }

    .schoolpresencewrp .locdetails.loc10,
    .schoolpresencewrp .locdetails.loc10p {
        left: -9%;
    }

    .schoolpresencewrp .locdetails.loc5,
    .schoolpresencewrp .locdetails.loc5p {
        top: 24%;
        left: 40.5%;
    }

    .schoolpresencewrp .locdetails.loc6 {
        top: 34%;
        left: -17%;
    }

    .schoolpresencewrp .locdetails.loc8,
    .schoolpresencewrp .locdetails.loc8p {
        left: -12%;
    }

    .schoolpresencewrp .mapwrp .locdetails .detail {
        padding: 5px;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc5pi::after {
        left: 93px;
    }

    .schoolpresencewrp .mapwrp .locdetails .city {
        font-size: 11px !important;
    }

    .schoolpresencewrp .mapwrp .locdetails {
        width: 175px;
    }

    .schoolpresencewrp .mapwrp .locdetails.locdetailship {
        width: 200px;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc12pi {
        top: 82.5%;
        left: 38%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot12pi {
        left: 34%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc5pi {
        top: 24%;
        left: 20.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc11pi {
        left: -29%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot11pi {
        top: 82.5%;
        left: 27.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.locdetailshfs {
        width: 115px;
    }

    .schoolpresencewrp .mapwrp .locdetails .detail li {
        padding-left: 15px;
        font-size: 9px !important;
    }

    .schoolpresencewrp .mapwrp .locdetails .detail li::before {
        font-size: 9px !important;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot5,
    .schoolpresencewrp .mapwrp .map-dot.dot5p {
        top: 40.5%;
        left: 51%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc5,
    .schoolpresencewrp .mapwrp .locdetails.loc5p::after {
        left: 48px;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc5,
    .schoolpresencewrp .mapwrp .locdetails.loc5p {
        left: 36.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc4::after {
        left: 51px;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot4 {
        top: 34.3%;
        left: 17.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc4 {
        left: 2.3%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc6 {
        left: -14.5%;
        top: 35%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc6::after {
        right: 13px;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot6 {
        top: 50.3%;
        left: 10.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc7::after {
        left: 52px;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot7 {
        top: 54%;
        left: 33.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot9 {
        top: 70.8%;
        left: 36.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc8,
    .schoolpresencewrp .mapwrp .locdetails.loc8p {
        top: 61%;
        left: -15%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc8pip {
        top: 54%;
        left: -35%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc8pip::after {
        bottom: 27px;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc10,
    .schoolpresencewrp .mapwrp .locdetails.loc10p {
        top: 73%;
        left: -11%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc11,
    .schoolpresencewrp .mapwrp .locdetails.loc11p {
        left: 40%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot11,
    .schoolpresencewrp .mapwrp .map-dot.dot11p {
        left: 36%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc12,
    .schoolpresencewrp .mapwrp .locdetails.loc12p {
        left: 39%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot12,
    .schoolpresencewrp .mapwrp .map-dot.dot12p {
        top: 93%;
        left: 34.5%;
    }

    .ourprojects .Strategy-tabs .slider-thumbnail .swiper-slide {
        padding: 10px 0;
    }

    .mumbaimap .mapimg .locdetails.loc2 {
        left: 75.5%;
    }

    .mumbaimap .mapimg .map-dot.dot2 {
        left: 61.5%;
    }

    #banner .bannerThumbCards .bannerDetails .img_disclaimer {
        font-size: 8px;
    }

    #Value .valuebtn {
        bottom: 10px;
    }

    #Value .valuebtn .swiper-button-prev,
    #Value .valuebtn .swiper-button-next {
        width: 30px;
        height: 30px;
    }

    #Value .valuebtn .swiper-button-prev {
        left: -78px;
    }

    #Value .valuebtn .swiper-button-prev::after,
    #Value .valuebtn .swiper-button-next::after {
        font-size: 10px;
    }

    .purpose-section .container .title,
    .purpose-section .container .subtitle {
        font-size: 22px !important;
    }

    .purpose-section .container .pillar-img {
        max-width: 230px;
    }

    #brand-logo .hoh-big-logo {
        display: none;
    }

    #global-map .footprints {
        height: auto;
    }

    #FooterHiranandani .hoh-footer-icon-logo {
        display: none;
    }

    .is-horizontal .f-button.is-arrow.is-prev,
    .is-horizontal .f-button.is-arrow.is-next {
        display: none;
    }

    .ourprojects .projsec .prowrp .projinfo .tit {
        font-size: 14px;
        line-height: 24px;
    }

    #brand-logo .brand_logo_mobile {
        display: none;
    }

    #brand-logo .brand_logo_tabs {
        display: block;
        text-align: center;
    }

    #brand-logo .brand-logo-wrap {
        display: none;
    }

    .visitlink .container .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .susecwrp .nav-pills {
        display: flex;
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
    }

    .susecwrp .nav-pills li {
        width: 30.33%;
    }

} */


/* @media only screen and (min-width: 820px) and (max-device-width: 1200px) and (orientation: landscape) {


    #banner .bannerThumbCards .bannerThumbImg img {
        transition: 1s ease;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .row {
        margin: 0px;
    }

    .hero-section {
        background-color: var(--DarkBlue);
    }

    .hero-section .ticket-card {
        width: 100%;
        background-size: contain;
        position: relative;
        bottom: 0px;
        margin-top: 20px;
        padding: 40px;
    }

    .hero-section .hero-content {
        height: auto;
        display: block;
        padding-top: 367px;
    }

    .hero-section .hero-content h2 {
        font-size: var(--fs26);
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .hero-section .ticket-top h5 {
        font-size: var(--fs16);
    }

    .hero-section .ticket-bottom {
        display: block;
        margin-top: 15px;
    }

    #brandsLogos {
        padding: 40px 0px;
    }

    #aboutUs {
        padding: 50px 0px;
    }

    #aboutUs p {
        padding: 0px 10px;
        font-size: 16px;
    }

    .desc {
        font-size: var(--fs30);
    }

    #aboutUs .companyCards .about-icon svg {
        height: 110px;
    }

    #aboutUs .companyCards {
        margin-bottom: 20px;
    }

    #hero-anim-track .container .PerformanceLeft {
        padding-top: 0px;
        margin-bottom: 20px;
    }

    #hero-anim-track .container {
        padding-top: 40px;
    }

    #hero-anim-track .container .PerformanceRight {
        margin-top: 0px;
    }

    #hero-anim-track .container .PerformanceRight .desc {
        font-size: 22px;
        line-height: 1.5;
        letter-spacing: 1px;
    }

    .text-highlight {
        background: #156db5;
    }

    #hero-anim-track {
        height: auto;
    }

    #upcoming {
        padding: 20px 0px;
    }

    #upcoming p {
        font-size: 20px;
    }

    #upcoming .upcomingRhs {
        margin-top: 30px;
    }

    .services-section {
        padding: 30px 0px;
    }

    .services-section .service-card {
        padding: 20px 20px;
    }

    #horizontal-scoll .WhyCollaborateLhs {
        padding: 30px;
    }

    .common-ttle {
        font-size: var(--fs36) !important;
    }

    p {
        font-size: var(--fs18);
        line-height: 1.4;
    }

    #horizontal-scoll .horizontal-scoll-wrapper {
        overflow: hidden;
        padding: 0px;
    }

    #horizontal-scoll .horizontal>div {
        display: block;
    }

    .people__card img {
        width: 100%;
    }

    #TechnophilesNews {
        padding: 30px 0px;
        overflow: hidden;
    }

    #TechnophilesNews .TechnophilesNewsSwiper {
        margin-top: 20px;
    }

    #moment .container-1360-wrp {
        padding: 30px;
    }

    #moment .parallax-wrapper {
        height: 50vh;
    }

    #footer .cta-section {
        padding: 50px 0 80px;
        padding-bottom: 20px;
    }

    #footer .cta-title span {
        display: inline-block;
        margin-left: 0px;
    }

    #footer .footer-nav a {
        font-size: 12px;
        margin: 0 2px;
    }

    #footer .footerbottom-text {
        font-size: 40px;
        bottom: -130px;
    }

    #footer {
        padding-bottom: 60px;
    }

    #TechnophilesNews .swiper-button-next {
        right: 30px;
    }

    #TechnophilesNews .swiper-button-prev {
        left: 30px;
    }

    #TechnophilesNews .swiper-button-next,
    #TechnophilesNews .swiper-button-prev {
        top: 22%;
    }

    #horizontal-scoll {
        padding-bottom: 30px;
        position: relative;
    }

    #horizontal-scoll .swiper-button-next,
    #horizontal-scoll .swiper-button-prev {
        top: 70%;
        display: block;
    }


    .hero-section,
    #brandsLogos,
    #aboutUs,
    #hero-anim-track,
    #upcoming,
    .services-section,
    #horizontal-scoll,
    #TechnophilesNews,
    #moment,
    #footer {
        overflow: hidden;
    }


    #about-us-banner p {
        padding: 0px 10px;
    }

    .whoweare {
        padding: 90px 0px;
    }

    .whoweare .whowearetxt {
        padding: 0px 10px;
        font-size: var(--fs26);
    }

    .whoweare .mb-5 {
        margin-bottom: 1rem !important;
    }

    #productServices .column2 {
        margin-top: 0px;
    }

    #productServices .productServicesTitle {
        transform: translate(0px, 0px);
        margin-bottom: 40px;
    }

    #productServices {
        padding: 30px 0px;
    }

    #founder {
        padding: 50px 0px;
    }

    #founder .founderRight {
        margin-top: 40px;
        padding-left: 0px;
    }

    #founder .founderRight p,
    #founder .name {
        font-size: var(--fs16);
    }

    #team {
        padding: 30px 0px;
    }

    #productServices .productServicesCards h2 {
        font-size: 20px;
    }

    #team .teamCards h6 {
        font-size: 13px;
    }

    .brand {
        width: 180px;
        padding-left: 20px;
    }

    .brand img {
        width: 100%;
    }

    #banner .bannerThumbCards .bannerDetails h2 {
        font-size: 14px;
    }

    #banner .bannerThumbCards .bannerDetails {
        padding: 10px;
    }

    #banner .bannerThumbCards .bannerDetails h6 {
        font-size: 12px;
    }

    #banner .bannerThumbCards.lh {
        height: 140px;
    }

    #banner .bannerThumbCards {
        height: 140px;
        border-radius: 5px;
    }

    .Financial-healthcare {
        display: flex;
        width: 100%;
    }

    .Financial-healthcare a {
        flex: 0 0 auto;
        width: 46%;
    }

    #banner .bannerThumbCards.bannerThumbCards7 {
        height: 140px;
    }

    #banner .bannerThumbCards.bannerThumbCards3 .hospitality,
    #banner .bannerThumbCards.bannerThumbCards6 .fin-arrow {
        width: 170px;
    }

    #banner .bannerThumbCards.bannerThumbCards2 .hospitality {
        width: 110px;
    }

    #welcome .hohbackdroplogo {
        width: 140px;
    }

    #welcome .hohbackdroplogo img {
        width: 100%;
    }

    #welcome .welcomeText {
        font-size: 48px;
    }

    #welcome {
        padding: 50px 0px;
    }

    #welcome .welcomeTextDesc {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
    }


    #Value {
        overflow: hidden;
        padding: 0px 0px;
    }

    #Value .marquee-section {
        margin-top: 30px;
        padding: 0px;
    }

    #Value .marquee-section .marquee-item {
        padding: 30px 20px;
        width: 50%;
    }

    #Value .marquee-section .marquee-item.image-card .inner-item {
        position: absolute;
        left: 20px;
        top: 20px;
    }

    #Value h3 {
        font-size: var(--fs22);
    }

    #Value .marquee-section .marquee-item ul li {
        font-size: 14px;
    }

    #Value {
        overflow: hidden;
        padding: 50px 10px;
        transform: translate(0px, 0px);
    }

    #Value .marquee-section .marquee-item.deliver .icon {
        width: 230px;
    }

    #Value .marquee-section .marquee-item.deliver .icon img {
        width: 100%;
    }

    #Value .txt {
        width: 100%;
    }

    #Value .marquee-section .marquee-item.image-card.WinTogether .white {
        color: #000 !important;
    }



    #news-updates {
        padding: 60px 0px;
        transform: translate(0px, 0px);
    }

    #news-updates .newsupdatesSlider .newsThumbCards.lh {
        height: 370px;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsDetails h2 {
        font-size: var(--fs20);
    }

    #news-updates .newsupdatesSlider {
        margin-top: 20px;
    }

    #news-updates .swiper-pagination {
        position: relative;
        bottom: 0px;
    }

    .swiper-pagination-bullet-active {
        background-color: #222;
    }

    #FooterHiranandani {
        padding: 30px 0 20px;
    }

    #FooterHiranandani .footer-logo img {
        width: 250px;
        margin-bottom: 20px;
    }

    #FooterHiranandani .footer-right {
        flex: 1;
        padding-top: 8px;
    }

    #FooterHiranandani .footer-grid,
    #FooterHiranandani .footer-cols {
        gap: 10px;
    }

    #FooterHiranandani .websites-grid ul {
        margin-bottom: 0px;
    }

    #FooterHiranandani .footer-grid {
        padding-bottom: 20px;
    }

    #FooterHiranandani .footer-bottom {
        align-items: center;
    }


    #Value .marquee-section .marquee-item.image-card {
        height: 450px;
    }

    #Value .swiper-pagination {
        position: relative;
        bottom: 0px;
        margin-top: 10px;
    }

    #Value .marquee-section .marquee-item ul {
        width: 90%;
    }

    #Value .marquee-section .marquee-item.image-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
    }

    #Value .marquee-section .marquee-item.image-card.WinTogether img {
        transform: none;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsDetails {
        padding: 20px;
    }

    #FooterHiranandani .footer-left {
        flex: 1 1 300px;
        max-width: 400px;
    }


    .keyclients .logowrp {
        grid-template-columns: repeat(4, 1fr);
    }

    #global-map .mahaCard {
        top: 50.4%;
        left: 1%;
    }

    #global-map .maharashtra {
        top: 61.6%;
        left: 32%;
    }

    #global-map .karCard {
        left: 0%;
    }

    #global-map .karnataka {
        top: 79.1%;
        left: 31%;
    }

    #global-map .tamil {
        left: 37%;
    }

    #global-map .tamCard {
        top: 79.4%;
        left: 40.4%;
    }




    .custom-fraction {
        display: block;
        position: absolute;
        top: 0px;
        right: 20px;
    }



    #shrink {
        transform: scale(1);
        transition: transform 0.3s ease;
    }

    .brandlogoSlider-pagination {
        display: none;
    }


    #projectsInfo .cards {
        width: 80%;
    }

    #projectsInfo .projectsInfocard .projectNos {
        font-size: 70px;
        line-height: 1;
        font-weight: var(--400);
        color: var(--color2);
        letter-spacing: -2px;
    }

    body.BGblack #Value .common-ttle {
        color: #fff !important;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container {
        padding: 40px 20px;
        grid-template-columns: 9% 1fr 35%;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-left {
        padding-left: 0px !important;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-left .pcw span {
        font-size: 60px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-left .pcw {
        display: flex;
        overflow: hidden;
        margin-top: 60px;
        height: 55px;
    }

    #shrink {
        transform: scale(1) !important;
        transition: transform 0.3s ease;
    }

    #news-updates .container {
        max-width: 1100px;
    }



    #brand-logo .hoh-big-logo {
        width: 200px;
        height: 200px;
    }

    #brand-logo .brand-logo-wrap {
        width: 100%;
        left: -15%;
        transform: scale(0.8);
    }

    .tomorrow-matters {
        height: 100svh;
    }

    .tomorrow-matters .cvr .container .commonText {
        color: #fff;
        font-size: 26px;
    }

    #global-map .footprints {
        height: auto;
    }


    #brand-logo .hoh-big-logo {
        display: none;
    }


    .milestone ul.milestonetxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestone ul.milestonetxt li {
        width: 50%;
        color: #fff;
        font-size: 42px;
    }

    .milestone ul.milestonetxt li:first-child {
        padding-top: 50px;
    }

    .milestone ul.milestonetxt span,
    .milestoneschools ul.milestoneschoolstxt span,
    .milestonehos ul.milestonehostxt span {
        font-size: 14px;
    }

    .milestone ul.milestonetxt,
    .milestoneschools ul.milestoneschoolstxt,
    .milestonehos ul.milestonehostxt,
    .milestoneschools ul.milestoneschoolstxt .rupee {
        font-size: 26px;
        padding-left: 0;
        padding-top: 40px;
    }

    .milestone ul.milestonetxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .ourprojects {
        overflow: hidden;
    }


    .ourprojects .Strategy-tabs .slider-thumbnail {
        width: 100%;
        position: relative;
        overflow: visible;
    }


    .ourprojects .projtit {
        font-size: 24px;
    }

    .ourprojects .projinfo .tit {
        font-size: 16px;
        line-height: 24px;
    }

    .otherbiz .otherwrp {
        justify-content: flex-start;
    }

    .otherbiz .otherwrp .otherlink {
        border-radius: 5px;
    }

    .visitlink .common-cta3 {
        font-size: 24px;
    }

    .subtitle {
        font-size: 14px;
    }

    .milestone {
        height: auto;
        padding: 80px 0px;
    }

    .ourprojects .detailinfo .tit {
        border-bottom: 1px solid #494949;
        margin-top: 20px;
    }


    .ourprojects .detailinfo .tit {
        font-size: 14px;
    }

    #FooterHiranandani .hoh-footer-icon-logo {
        display: none;
    }


    #global-map .footprints {
        display: flex;
        max-width: 950px;
    }

    #global-map .leftPanel {
        width: 230px;
    }

    .is-horizontal .f-button.is-arrow.is-prev,
    .is-horizontal .f-button.is-arrow.is-next {
        display: none;
    }

    .milestonehos ul.milestonehostxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestonehos ul.milestonehostxt li {
        width: 50%;
        color: #fff;
    }

    .milestonehos ul.milestonehostxt li:first-child {
        padding-top: 40px;
    }

    .milestonehos ul.milestonehostxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .milestonehos {
        height: auto;
        padding-bottom: 80px;
    }

    .ourprojects .projsec .prowrp .projinfo .tit {
        font-size: 14px;
        line-height: 24px;
    }

    .ourprojects .detailinfo .tit {
        margin-top: 0px;
    }

    .ourprojects .projsec .prowrp .detailinfo {
        border-bottom: none;
    }

    #retail-page .ourprojects {
        padding-bottom: 80px;
    }

    #retail-page .ourprojects .wrapper {
        height: auto;
        margin-top: 40px;
    }

    #retail-page .ourprojects .item {
        position: relative;
    }

    .milestoneschools ul.milestoneschoolstxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestoneschools ul.milestoneschoolstxt li {
        color: #fff !important;
        width: 33.33%;
    }

    .milestoneschools ul.milestoneschoolstxt li:first-child {
        padding-top: 40px;
    }

    .milestoneschools {
        height: auto;
        padding-bottom: 80px;
    }

    .milestoneschools ul.milestoneschoolstxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .ourprojects .detailinfo .tit {
        border-bottom: none;
    }

    .ourprojects .projsec .prowrp .detailinfo {
        padding-bottom: 10px;
    }

    .milestoneschools ul.milestoneschoolstxt li:last-child {
        padding-top: 15px;
    }

    .milestoneschools ul.milestoneschoolstxt.milestoneFstxt li:last-child {
        padding-top: 40px;
    }

    .places .numwrp {
        flex-wrap: wrap;
    }


    #banner .banner_wrap {
        display: none;
    }

    #banner .hoh_banner_mobile {
        padding: 0px 15px 40px;
        display: block;
        position: relative;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards {
        height: 350px !important;
        margin: 0px !important;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails {
        padding: 20px 20px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h2 {
        font-size: 22px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h6 {
        font-size: 18px;
    }

    #banner .hoh_banner_mobile .swiper-pagination-bullet {
        background-color: #c59a5b;
    }


    #brand-logo .brand_logo_mobile {
        display: none;
    }

    #brand-logo .brand_logo_tabs {
        display: block;
        text-align: center;
    }

    #brand-logo .brand-logo-wrap {
        display: none;
    }

    .visitlink .container .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .susecwrp .nav-pills {
        display: flex;
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
    }

    .susecwrp .nav-pills li {
        width: 30.33%;
    }

    .susecwrp .nav-pills .nav-link {
        font-size: 14px;
        width: 100%;
    }

    .sustainabilitywrp {
        height: auto;
        padding: 60px 0px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li .icon {
        font-size: 30px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li .icon img {
        width: 62px;
        height: 62px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt span {
        font-size: 18px;
        display: block;
        padding-left: 90px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt {
        display: flex;
        flex-wrap: wrap;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li {
        width: 50%;
        padding: 30px 0px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li:first-child {
        padding-top: 30px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .impactwrp .so-far-card .numb span {
        font-size: 12px;
    }

    .champion-mascots .championwrp .championbx .subtxt {
        font-size: 14px;
    }

} */

/* @media only screen and (min-width: 820px) and (max-device-width: 1200px) and (orientation: portrait) {

    #banner .bannerThumbCards .bannerThumbImg img {
        transition: 1s ease;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #projectsInfo {
        min-height: 50vh;
    }

    #projectsInfo .cards {

        width: 700px;

    }

    #projectsInfo .projectsInfocard {
        width: 100%;
        position: absolute;
    }

    #animatedVideo .animatedVideo-revealPath1 {
        display: block;
    }

    #animatedVideo,
    #animatedVideo .ani_parent {
        height: 100vh;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-left {
        display: none;
    }

    #shrink {
        transform: scale(1) !important;
        transition: transform 0.3s ease;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .buss-picimg {
        display: block !important;
    }

    #Value .marquee-section .marquee-item {
        width: 50%;
    }

    #brand-logo .hoh-big-logo {
        display: none;
    }

    #global-map .footprints {
        height: auto;
    }


    #brand-logo .hoh-big-logo {
        display: none;
    }


    .milestone ul.milestonetxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestone ul.milestonetxt li {
        width: 50%;
        color: #fff;
    }

    .milestone ul.milestonetxt li:first-child {
        padding-top: 40px;
    }

    .milestone ul.milestonetxt span,
    .milestoneschools ul.milestoneschoolstxt span,
    .milestonehos ul.milestonehostxt span {
        font-size: 14px;
    }

    .milestone ul.milestonetxt,
    .milestoneschools ul.milestoneschoolstxt,
    .milestonehos ul.milestonehostxt,
    .milestoneschools ul.milestoneschoolstxt .rupee {
        font-size: 26px;
        padding-left: 0;
        padding-top: 40px;
    }

    .milestone ul.milestonetxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .ourprojects {
        overflow: hidden;
    }


    .ourprojects .Strategy-tabs .slider-thumbnail {
        width: 100%;
        position: relative;
        overflow: visible;
    }


    .ourprojects .projtit {
        font-size: 24px;
    }

    .ourprojects .projinfo .tit {
        font-size: 16px;
        line-height: 24px;
    }

    .otherbiz .otherwrp {
        justify-content: flex-start;
    }

    .otherbiz .otherwrp .otherlink {
        border-radius: 5px;
    }

    .visitlink .common-cta3 {
        font-size: 24px;
    }

    .subtitle {
        font-size: 14px;
    }

    .milestone {
        height: auto;
        padding: 80px 0px;
    }

    .ourprojects .detailinfo .tit {
        border-bottom: 1px solid #494949;
        margin-top: 20px;
    }


    .ourprojects .detailinfo .tit {
        font-size: 14px;
    }

    #FooterHiranandani .hoh-footer-icon-logo {
        display: none;
    }

    .is-horizontal .f-button.is-arrow.is-prev,
    .is-horizontal .f-button.is-arrow.is-next {
        display: none;
    }

    .milestonehos ul.milestonehostxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestonehos ul.milestonehostxt li {
        width: 50%;
        color: #fff;
    }

    .milestonehos ul.milestonehostxt li:first-child {
        padding-top: 40px;
    }

    .milestonehos ul.milestonehostxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .milestonehos {
        height: auto;
        padding-bottom: 80px;
    }

    .ourprojects .projsec .prowrp .projinfo .tit {
        font-size: 14px;
        line-height: 24px;
    }

    .ourprojects .detailinfo .tit {
        margin-top: 0px;
    }

    .ourprojects .projsec .prowrp .detailinfo {
        border-bottom: none;
    }

    #retail-page .ourprojects {
        padding-bottom: 80px;
    }

    #retail-page .ourprojects .wrapper {
        height: auto;
        margin-top: 40px;
    }

    #retail-page .ourprojects .item {
        position: relative;
    }


    #brand-logo .brand_logo_mobile {
        display: none;
    }

    #brand-logo .brand_logo_tabs {
        display: block;
        text-align: center;
    }

    #brand-logo .brand-logo-wrap {
        display: none;
    }

    .visitlink .container .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .susecwrp .nav-pills {
        display: flex;
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
    }

    .susecwrp .nav-pills li {
        width: 30.33%;
    }

    .susecwrp .nav-pills .nav-link {
        font-size: 14px;
        width: 100%;
    }

    .susecwrp .nav-pills {
        display: flex;
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
    }

    .susecwrp .nav-pills li {
        width: 32.33%;
    }

    .susecwrp .nav-pills .nav-link {
        font-size: 12px;
        width: 100%;
    }

    .sustainabilitywrp {
        height: auto;
        padding: 60px 0px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li .icon {
        font-size: 30px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li .icon img {
        width: 62px;
        height: 62px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt span {
        font-size: 18px;
        display: block;
        padding-left: 90px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt {
        display: flex;
        flex-wrap: wrap;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li {
        width: 50%;
        padding: 30px 0px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li:first-child {
        padding-top: 30px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .impactwrp .so-far-card .numb span {
        font-size: 10px;
    }

    .champion-mascots .championwrp .championbx .subtxt {
        font-size: 12px;
    }

} */



/* Extra small */
/* @media (min-width: 320px) and (max-width: 767px) {}


@media (max-width: 767px) {

    .menu__close {
        display: block;
    }

} */














/* 1920px */
@media (max-width: 1920px) {}

/* 1440px */
@media (max-width: 1440px) {}

/* 1200px */
@media (max-width: 1279px) {



    #banner .bannerThumbCards .bannerThumbImg img {
        transition: 1s ease;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .row {
        margin: 0px;
    }

    .hero-section {
        background-color: var(--DarkBlue);
    }

    .hero-section .ticket-card {
        width: 100%;
        background-size: contain;
        position: relative;
        bottom: 0px;
        margin-top: 20px;
        padding: 40px;
    }

    .hero-section .hero-content {
        height: auto;
        display: block;
        padding-top: 367px;
    }

    .hero-section .hero-content h2 {
        font-size: var(--fs26);
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .hero-section .ticket-top h5 {
        font-size: var(--fs16);
    }

    .hero-section .ticket-bottom {
        display: block;
        margin-top: 15px;
    }

    #brandsLogos {
        padding: 40px 0px;
    }

    #aboutUs {
        padding: 50px 0px;
    }

    #aboutUs p {
        padding: 0px 10px;
        font-size: 16px;
    }

    .desc {
        font-size: var(--fs30);
    }

    #aboutUs .companyCards .about-icon svg {
        height: 110px;
    }

    #aboutUs .companyCards {
        margin-bottom: 20px;
    }

    #hero-anim-track .container .PerformanceLeft {
        padding-top: 0px;
        margin-bottom: 20px;
    }

    #hero-anim-track .container {
        padding-top: 40px;
    }

    #hero-anim-track .container .PerformanceRight {
        margin-top: 0px;
    }

    #hero-anim-track .container .PerformanceRight .desc {
        font-size: 22px;
        line-height: 1.5;
        letter-spacing: 1px;
    }

    .text-highlight {
        background: #156db5;
    }

    #hero-anim-track {
        height: auto;
    }

    #upcoming {
        padding: 20px 0px;
    }

    #upcoming p {
        font-size: 20px;
    }

    #upcoming .upcomingRhs {
        margin-top: 30px;
    }

    .services-section {
        padding: 30px 0px;
    }

    .services-section .service-card {
        padding: 20px 20px;
    }

    #horizontal-scoll .WhyCollaborateLhs {
        padding: 30px;
    }

    .common-ttle {
        font-size: var(--fs36) !important;
    }

    p {
        font-size: var(--fs18);
        line-height: 1.4;
    }

    #horizontal-scoll .horizontal-scoll-wrapper {
        overflow: hidden;
        padding: 0px;
    }

    #horizontal-scoll .horizontal>div {
        display: block;
    }

    .people__card img {
        width: 100%;
    }

    #TechnophilesNews {
        padding: 30px 0px;
        overflow: hidden;
    }

    #TechnophilesNews .TechnophilesNewsSwiper {
        margin-top: 20px;
    }

    #moment .container-1360-wrp {
        padding: 30px;
    }

    #moment .parallax-wrapper {
        height: 50vh;
    }

    #footer .cta-section {
        padding: 50px 0 80px;
        padding-bottom: 20px;
    }

    #footer .cta-title span {
        display: inline-block;
        margin-left: 0px;
    }

    #footer .footer-nav a {
        font-size: 12px;
        margin: 0 2px;
    }

    #footer .footerbottom-text {
        font-size: 40px;
        bottom: -130px;
    }

    #footer {
        padding-bottom: 60px;
    }

    #TechnophilesNews .swiper-button-next {
        right: 30px;
    }

    #TechnophilesNews .swiper-button-prev {
        left: 30px;
    }

    #TechnophilesNews .swiper-button-next,
    #TechnophilesNews .swiper-button-prev {
        top: 22%;
    }

    #horizontal-scoll {
        padding-bottom: 30px;
        position: relative;
    }

    #horizontal-scoll .swiper-button-next,
    #horizontal-scoll .swiper-button-prev {
        top: 70%;
        display: block;
    }


    .hero-section,
    #brandsLogos,
    #aboutUs,
    #hero-anim-track,
    #upcoming,
    .services-section,
    #horizontal-scoll,
    #TechnophilesNews,
    #moment,
    #footer {
        overflow: hidden;
    }


    #about-us-banner p {
        padding: 0px 10px;
    }

    .whoweare {
        padding: 90px 0px;
    }

    .whoweare .whowearetxt {
        padding: 0px 10px;
        font-size: var(--fs26);
    }

    .whoweare .mb-5 {
        margin-bottom: 1rem !important;
    }

    #productServices .column2 {
        margin-top: 0px;
    }

    #productServices .productServicesTitle {
        transform: translate(0px, 0px);
        margin-bottom: 40px;
    }

    #productServices {
        padding: 30px 0px;
    }

    #founder {
        padding: 50px 0px;
    }

    #founder .founderRight {
        margin-top: 40px;
        padding-left: 0px;
    }

    #founder .founderRight p,
    #founder .name {
        font-size: var(--fs16);
    }

    #team {
        padding: 30px 0px;
    }

    #productServices .productServicesCards h2 {
        font-size: 20px;
    }

    #team .teamCards h6 {
        font-size: 13px;
    }

    .brand {
        width: 180px;
        padding-left: 20px;
    }

    .brand img {
        width: 100%;
    }

    #banner .bannerThumbCards .bannerDetails h2 {
        font-size: 14px;
    }

    #banner .bannerThumbCards .bannerDetails {
        padding: 10px;
    }

    #banner .bannerThumbCards .bannerDetails h6 {
        font-size: 12px;
    }

    #banner .bannerThumbCards.lh {
        height: 140px;
    }

    #banner .bannerThumbCards {
        height: 140px;
        border-radius: 5px;
    }

    .Financial-healthcare {
        display: flex;
        width: 100%;
    }

    .Financial-healthcare a {
        flex: 0 0 auto;
        width: 46%;
    }

    #banner .bannerThumbCards.bannerThumbCards7 {
        height: 140px;
    }

    #banner .bannerThumbCards.bannerThumbCards3 .hospitality,
    #banner .bannerThumbCards.bannerThumbCards6 .fin-arrow {
        width: 170px;
    }

    #banner .bannerThumbCards.bannerThumbCards2 .hospitality {
        width: 110px;
    }

    #welcome .hohbackdroplogo {
        width: 140px;
    }

    #welcome .hohbackdroplogo img {
        width: 100%;
    }

    #welcome .welcomeText {
        font-size: 48px;
    }

    #welcome {
        padding: 50px 0px;
    }

    #welcome .welcomeTextDesc {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
    }


    #Value {
        overflow: hidden;
        padding: 0px 0px;
    }

    #Value .marquee-section {
        margin-top: 30px;
        padding: 0px;
    }

    #Value .marquee-section .marquee-item {
        padding: 30px 20px;
        width: 50%;
    }

    #Value .marquee-section .marquee-item.image-card .inner-item {
        position: absolute;
        left: 20px;
        top: 20px;
    }

    #Value h3 {
        font-size: var(--fs22);
    }

    #Value .marquee-section .marquee-item ul li {
        font-size: 14px;
    }

    #Value {
        overflow: hidden;
        padding: 50px 10px;
        transform: translate(0px, 0px);
    }

    #Value .marquee-section .marquee-item.deliver .icon {
        width: 230px;
    }

    #Value .marquee-section .marquee-item.deliver .icon img {
        width: 100%;
    }

    #Value .txt {
        width: 100%;
    }

    #Value .marquee-section .marquee-item.image-card.WinTogether .white {
        color: #000 !important;
    }



    #news-updates {
        padding: 60px 0px;
        transform: translate(0px, 0px);
    }

    #news-updates .newsupdatesSlider .newsThumbCards.lh {
        height: 370px;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsDetails h2 {
        font-size: var(--fs20);
    }

    #news-updates .newsupdatesSlider {
        margin-top: 20px;
    }

    #news-updates .swiper-pagination {
        position: relative;
        bottom: 0px;
    }

    .swiper-pagination-bullet-active {
        background-color: #222;
    }

    #FooterHiranandani {
        padding: 30px 0 20px;
    }

    #FooterHiranandani .footer-logo img {
        width: 250px;
        margin-bottom: 20px;
    }

    #FooterHiranandani .footer-right {
        flex: 1;
        padding-top: 8px;
    }

    #FooterHiranandani .footer-grid,
    #FooterHiranandani .footer-cols {
        gap: 10px;
    }

    #FooterHiranandani .websites-grid ul {
        margin-bottom: 0px;
    }

    #FooterHiranandani .footer-grid {
        padding-bottom: 20px;
    }

    #FooterHiranandani .footer-bottom {
        align-items: center;
    }


    #Value .marquee-section .marquee-item.image-card {
        height: 450px;
    }

    #Value .swiper-pagination {
        position: relative;
        bottom: 0px;
        margin-top: 10px;
    }

    #Value .marquee-section .marquee-item ul {
        width: 90%;
    }

    #Value .marquee-section .marquee-item.image-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
    }

    #Value .marquee-section .marquee-item.image-card.WinTogether img {
        transform: none;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsDetails {
        padding: 20px;
    }

    #FooterHiranandani .footer-left {
        flex: 1 1 300px;
        max-width: 400px;
    }


    .keyclients .logowrp {
        grid-template-columns: repeat(4, 1fr);
    }

    #global-map .mahaCard {
        top: 50.4%;
        left: 1%;
    }

    #global-map .maharashtra {
        top: 61.6%;
        left: 32%;
    }

    #global-map .karCard {
        left: 0%;
    }

    #global-map .karnataka {
        top: 79.1%;
        left: 31%;
    }

    #global-map .tamil {
        left: 37%;
    }

    #global-map .tamCard {
        top: 79.4%;
        left: 40.4%;
    }




    .custom-fraction {
        display: block;
        position: absolute;
        top: 0px;
        right: 20px;
    }



    #shrink {
        transform: scale(1);
        transition: transform 0.3s ease;
    }

    .brandlogoSlider-pagination {
        display: none;
    }


    #projectsInfo .cards {
        width: 80%;
    }

    #projectsInfo .projectsInfocard .projectNos {
        font-size: 70px;
        line-height: 1;
        font-weight: var(--400);
        color: var(--color2);
        letter-spacing: -2px;
    }

    body.BGblack #Value .common-ttle {
        color: #fff !important;
    }

    #CoreBusinessAreas .CoreBusinessAreasSlider {
        display: block !important;
        padding: 50px 15px 0px;
        position: relative;
        margin-top: 20px;
    }

    #CoreBusinessAreas .CoreBusinessAreasSlider .swiper-wrapper .swiper-slide .bussBox .pic_vr {
        position: relative;
        margin-bottom: 15px;
    }

    #CoreBusinessAreas .CoreBusinessAreasSlider .swiper-wrapper .swiper-slide .bussBox .pic_vr img {
        border-radius: 5px;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    #CoreBusinessAreas .CoreBusinessAreasSlider .swiper-wrapper .swiper-slide .bussBox .businessLogo {
        width: 150px;
        margin-bottom: 15px;
        margin-top: 0;
    }

    #CoreBusinessAreas .CoreBusinessAreasSlider .swiper-wrapper .swiper-slide .bussBox .businessLogo img {
        max-width: 100%;
        height: auto;
    }

    #CoreBusinessAreas .CoreBusinessAreasSlider .swiper-wrapper .swiper-slide .bussBox .descWrp .businessTitle {
        font-size: 18px;
        margin-bottom: 10px;
    }

    #CoreBusinessAreas .CoreBusinessAreasSlider .swiper-wrapper .swiper-slide .bussBox .descWrp p {
        font-size: 14px !important;
        line-height: 1.5;
    }

    #CoreBusinessAreas .CoreBusinessAreasSlider .swiper-fraction {
        position: absolute;
        top: 0px;
        right: 15px;
    }

    #CoreBusinessAreas .CoreBusinessAreasSlider .swiper-pagination-progress {
        width: 80%;
        height: 2px;
        left: 15px;
        top: 10px;
        background-color: #525252;
    }

    #CoreBusinessAreas .CoreBusinessAreasSlider .swiper-pagination-progress .swiper-pagination-progressbar-fill {
        background-color: #fff;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container {
        padding: 40px 20px;
        grid-template-columns: 60% 1fr 35%;
        display: none !important;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-left {
        padding-left: 0px !important;
        display: none;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-left .pcw span {
        font-size: 60px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-left .pcw {
        display: flex;
        overflow: hidden;
        margin-top: 60px;
        height: 55px;
    }

    #shrink {
        transform: scale(1) !important;
        transition: transform 0.3s ease;
    }

    #news-updates .container {
        max-width: 1100px;
    }



    #brand-logo .hoh-big-logo {
        width: 200px;
        height: 200px;
    }

    #brand-logo .brand-logo-wrap {
        width: 100%;
        left: -15%;
        transform: scale(0.8);
    }

    .tomorrow-matters {
        height: 100svh;
    }

    .tomorrow-matters .cvr .container .commonText {
        color: #fff;
        font-size: 26px;
    }

    #global-map .footprints {
        height: auto;
    }


    #brand-logo .hoh-big-logo {
        display: none;
    }


    .milestone ul.milestonetxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestone ul.milestonetxt li {
        width: 50%;
        color: #fff;
        font-size: 42px;
    }

    .milestone ul.milestonetxt li:first-child {
        padding-top: 50px;
    }

    .milestone ul.milestonetxt span,
    .milestoneschools ul.milestoneschoolstxt span,
    .milestonehos ul.milestonehostxt span {
        font-size: 14px;
    }

    .milestone ul.milestonetxt,
    .milestoneschools ul.milestoneschoolstxt,
    .milestonehos ul.milestonehostxt,
    .milestoneschools ul.milestoneschoolstxt .rupee {
        font-size: 26px;
        padding-left: 0;
        padding-top: 40px;
    }

    .milestone ul.milestonetxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .ourprojects {
        overflow: hidden;
    }


    .ourprojects .Strategy-tabs .slider-thumbnail {
        width: 100%;
        position: relative;
        overflow: visible;
    }


    .ourprojects .projtit {
        font-size: 24px;
    }

    .ourprojects .projinfo .tit {
        font-size: 16px;
        line-height: 24px;
    }

    .otherbiz .otherwrp {
        justify-content: flex-start;
    }

    .otherbiz .otherwrp .otherlink {
        border-radius: 5px;
    }

    .visitlink .common-cta3 {
        font-size: 24px;
    }

    .subtitle {
        font-size: 14px;
    }

    .milestone {
        height: auto;
        padding: 80px 0px;
    }

    .ourprojects .detailinfo .tit {
        border-bottom: 1px solid #494949;
        margin-top: 20px;
    }


    .ourprojects .detailinfo .tit {
        font-size: 14px;
    }

    #FooterHiranandani .hoh-footer-icon-logo {
        display: none;
    }


    #global-map .footprints {
        display: flex;
        max-width: 950px;
    }

    #global-map .leftPanel {
        width: 230px;
    }

    .is-horizontal .f-button.is-arrow.is-prev,
    .is-horizontal .f-button.is-arrow.is-next {
        display: none;
    }

    .milestonehos ul.milestonehostxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestonehos ul.milestonehostxt li {
        width: 50%;
        color: #fff;
    }

    .milestonehos ul.milestonehostxt li:first-child {
        padding-top: 40px;
    }

    .milestonehos ul.milestonehostxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .milestonehos {
        height: auto;
        padding-bottom: 80px;
    }

    .ourprojects .projsec .prowrp .projinfo .tit {
        font-size: 14px;
        line-height: 24px;
    }

    .ourprojects .detailinfo .tit {
        margin-top: 0px;
    }

    .ourprojects .projsec .prowrp .detailinfo {
        border-bottom: none;
    }

    #retail-page .ourprojects {
        padding-bottom: 80px;
    }

    #retail-page .ourprojects .wrapper {
        height: auto;
        margin-top: 40px;
    }

    #retail-page .ourprojects .item {
        position: relative;
    }

    .milestoneschools ul.milestoneschoolstxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestoneschools ul.milestoneschoolstxt li {
        color: #fff !important;
        width: 33.33%;
    }

    .milestoneschools ul.milestoneschoolstxt li:first-child {
        padding-top: 40px;
    }

    .milestoneschools {
        height: auto;
        padding-bottom: 80px;
    }

    .milestoneschools ul.milestoneschoolstxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .ourprojects .detailinfo .tit {
        border-bottom: none;
    }

    .ourprojects .projsec .prowrp .detailinfo {
        padding-bottom: 10px;
    }

    .milestoneschools ul.milestoneschoolstxt li:last-child {
        padding-top: 15px;
    }

    .milestoneschools ul.milestoneschoolstxt.milestoneFstxt li:last-child {
        padding-top: 40px;
    }

    .places .numwrp {
        flex-wrap: wrap;
    }


    #banner .banner_wrap {
        display: none;
    }

    #banner .hoh_banner_mobile {
        padding: 0px 15px 40px;
        display: block;
        position: relative;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards {
        height: 350px !important;
        margin: 0px !important;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails {
        padding: 20px 20px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h2 {
        font-size: 22px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h6 {
        font-size: 18px;
    }

    #banner .hoh_banner_mobile .swiper-pagination-bullet {
        background-color: #c59a5b;
    }


    #brand-logo .brand_logo_mobile {
        display: none;
    }

    #brand-logo .brand_logo_tabs {
        display: block;
        text-align: center;
    }

    #brand-logo .brand-logo-wrap {
        display: none;
    }

    .visitlink .container .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .susecwrp .nav-pills {
        display: flex;
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
    }

    .susecwrp .nav-pills li {
        width: 30.33%;
    }

    .susecwrp .nav-pills .nav-link {
        font-size: 14px;
        width: 100%;
    }

    .sustainabilitywrp {
        height: auto;
        padding: 60px 0px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li .icon {
        font-size: 30px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li .icon img {
        width: 62px;
        height: 62px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt span {
        font-size: 18px;
        display: block;
        padding-left: 90px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt {
        display: flex;
        flex-wrap: wrap;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li {
        width: 50%;
        padding: 30px 0px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li:first-child {
        padding-top: 30px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .impactwrp .so-far-card .numb span {
        font-size: 12px;
    }

    .champion-mascots .championwrp .championbx .subtxt {
        font-size: 14px;
    }

}

/* 1024px */
@media (max-width: 1024px) {


    #banner .bannerThumbCards .bannerThumbImg img {
        transition: 1s ease;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .row {
        margin: 0px;
    }

    .hero-section {
        background-color: var(--DarkBlue);
    }

    .hero-section .ticket-card {
        width: 100%;
        background-size: contain;
        position: relative;
        bottom: 0px;
        margin-top: 20px;
        padding: 40px;
    }

    .hero-section .hero-content {
        height: auto;
        display: block;
        padding-top: 367px;
    }

    .hero-section .hero-content h2 {
        font-size: var(--fs26);
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .hero-section .ticket-top h5 {
        font-size: var(--fs16);
    }

    .hero-section .ticket-bottom {
        display: block;
        margin-top: 15px;
    }

    #brandsLogos {
        padding: 40px 0px;
    }

    #aboutUs {
        padding: 50px 0px;
    }

    #aboutUs p {
        padding: 0px 10px;
        font-size: 16px;
    }

    .desc {
        font-size: var(--fs30);
    }

    #aboutUs .companyCards .about-icon svg {
        height: 110px;
    }

    #aboutUs .companyCards {
        margin-bottom: 20px;
    }

    #hero-anim-track .container .PerformanceLeft {
        padding-top: 0px;
        margin-bottom: 20px;
    }

    #hero-anim-track .container {
        padding-top: 40px;
    }

    #hero-anim-track .container .PerformanceRight {
        margin-top: 0px;
    }

    #hero-anim-track .container .PerformanceRight .desc {
        font-size: 22px;
        line-height: 1.5;
        letter-spacing: 1px;
    }

    .text-highlight {
        background: #156db5;
    }

    #hero-anim-track {
        height: auto;
    }

    #upcoming {
        padding: 20px 0px;
    }

    #upcoming p {
        font-size: 20px;
    }

    #upcoming .upcomingRhs {
        margin-top: 30px;
    }

    .services-section {
        padding: 30px 0px;
    }

    .services-section .service-card {
        padding: 20px 20px;
    }

    #horizontal-scoll .WhyCollaborateLhs {
        padding: 30px;
    }

    .common-ttle {
        font-size: var(--fs36) !important;
    }

    p {
        font-size: var(--fs18);
        line-height: 1.4;
    }

    #horizontal-scoll .horizontal-scoll-wrapper {
        overflow: hidden;
        padding: 0px;
    }

    #horizontal-scoll .horizontal>div {
        display: block;
    }

    .people__card img {
        width: 100%;
    }

    #TechnophilesNews {
        padding: 30px 0px;
        overflow: hidden;
    }

    #TechnophilesNews .TechnophilesNewsSwiper {
        margin-top: 20px;
    }

    #moment .container-1360-wrp {
        padding: 30px;
    }

    #moment .parallax-wrapper {
        height: 50vh;
    }

    #footer .cta-section {
        padding: 50px 0 80px;
        padding-bottom: 20px;
    }

    #footer .cta-title span {
        display: inline-block;
        margin-left: 0px;
    }

    #footer .footer-nav a {
        font-size: 12px;
        margin: 0 2px;
    }

    #footer .footerbottom-text {
        font-size: 40px;
        bottom: -130px;
    }

    #footer {
        padding-bottom: 60px;
    }

    #TechnophilesNews .swiper-button-next {
        right: 30px;
    }

    #TechnophilesNews .swiper-button-prev {
        left: 30px;
    }

    #TechnophilesNews .swiper-button-next,
    #TechnophilesNews .swiper-button-prev {
        top: 22%;
    }

    #horizontal-scoll {
        padding-bottom: 30px;
        position: relative;
    }

    #horizontal-scoll .swiper-button-next,
    #horizontal-scoll .swiper-button-prev {
        top: 70%;
        display: block;
    }


    .hero-section,
    #brandsLogos,
    #aboutUs,
    #hero-anim-track,
    #upcoming,
    .services-section,
    #horizontal-scoll,
    #TechnophilesNews,
    #moment,
    #footer {
        overflow: hidden;
    }


    #about-us-banner p {
        padding: 0px 10px;
    }

    .whoweare {
        padding: 90px 0px;
    }

    .whoweare .whowearetxt {
        padding: 0px 10px;
        font-size: var(--fs26);
    }

    .whoweare .mb-5 {
        margin-bottom: 1rem !important;
    }

    #productServices .column2 {
        margin-top: 0px;
    }

    #productServices .productServicesTitle {
        transform: translate(0px, 0px);
        margin-bottom: 40px;
    }

    #productServices {
        padding: 30px 0px;
    }

    #founder {
        padding: 50px 0px;
    }

    #founder .founderRight {
        margin-top: 40px;
        padding-left: 0px;
    }

    #founder .founderRight p,
    #founder .name {
        font-size: var(--fs16);
    }

    #team {
        padding: 30px 0px;
    }

    #productServices .productServicesCards h2 {
        font-size: 20px;
    }

    #team .teamCards h6 {
        font-size: 13px;
    }


    .brand {
        width: 180px;
        padding-left: 20px;
    }

    .brand img {
        width: 100%;
    }

    #banner .bannerThumbCards .bannerDetails h2 {
        font-size: 14px;
    }

    #banner .bannerThumbCards .bannerDetails {
        padding: 10px;
    }

    #banner .bannerThumbCards .bannerDetails h6 {
        font-size: 12px;
    }

    #banner .bannerThumbCards.lh {
        height: 140px;
    }

    #banner .bannerThumbCards {
        height: 140px;
        border-radius: 5px;
    }

    .Financial-healthcare {
        display: flex;
        width: 100%;
    }

    .Financial-healthcare a {
        flex: 0 0 auto;
        width: 46%;
    }

    #banner .bannerThumbCards.bannerThumbCards7 {
        height: 200px;
    }

    #banner .bannerThumbCards.bannerThumbCards3 .hospitality,
    #banner .bannerThumbCards.bannerThumbCards6 .fin-arrow {
        width: 170px;
    }

    #banner .bannerThumbCards.bannerThumbCards2 .hospitality {
        width: 110px;
    }

    #welcome .hohbackdroplogo {
        width: 140px;
    }

    #welcome .hohbackdroplogo img {
        width: 100%;
    }

    #welcome .welcomeText {
        font-size: 48px;
    }

    #welcome {
        padding: 50px 0px;
    }

    #welcome .welcomeTextDesc {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
    }

    #projectsInfo .projectsInfocard {
        padding: 10px 0px;
        position: relative;
        width: 50%;
        border-top: none;
        border: 1px solid #f6f6f6;
        min-height: 100px;
        align-items: center;
    }

    #projectsInfo .projectsInfocard .projectNos {
        font-size: 90px;
    }

    #projectsInfo .cards {
        width: 960px;
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }

    #projectsInfo .projectsInfocard .projectInfoDetails {
        font-size: 16px;
        line-height: 1.3;
    }

    #projectsInfo .projectsInfocard:last-child {
        border-color: #f6f6f6;
    }

    #projectsInfo {
        min-height: auto;
        padding: 0px 0px 40px;
    }

    #projectsInfo .projectsInfocard .projectNos {
        font-size: 40px;
        letter-spacing: -2px;
        margin-bottom: 10px;
    }

    #animatedVideo .animatedVideo-revealPath1 {
        display: none;
    }

    #animatedVideo,
    #animatedVideo .ani_parent {
        position: relative;
        width: 100%;
        height: 70vh;
        overflow: hidden;
    }

    #Value {
        overflow: hidden;
        padding: 0px 0px;
    }

    #Value .marquee-section {
        margin-top: 30px;
        padding: 0px;
    }

    #Value .marquee-section .marquee-item {
        padding: 30px 20px;
    }

    #Value .marquee-section .marquee-item.image-card .inner-item {
        position: absolute;
        left: 20px;
        top: 20px;
    }

    #Value h3 {
        font-size: var(--fs22);
    }

    #Value .marquee-section .marquee-item ul li {
        font-size: 14px;
    }

    #Value {
        overflow: hidden;
        padding: 50px 10px;
        transform: translate(0px, 0px);
    }

    #Value .marquee-section .marquee-item.deliver .icon {
        width: 230px;
    }

    #Value .marquee-section .marquee-item.deliver .icon img {
        width: 100%;
    }

    #Value .txt {
        width: 100%;
    }

    #Value .marquee-section .marquee-item.image-card.WinTogether .white {
        color: #000 !important;
    }

    #CoreBusinessAreas .text-end {
        padding: 0px 20px;
        text-align: left !important;
        margin-bottom: 0px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container {
        display: none;
        padding: 0px 0px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description {
        position: relative;
    }

    #CoreBusinessAreas {
        padding: 50px 0px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .buss-picimg {
        border-radius: 20px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .buss-picimg img {
        height: 350px;
        object-fit: cover;
        width: 100%;
    }

    #CoreBusinessAreas .CoreBusinessAreas__sidebar-left.sticky,
    #CoreBusinessAreas .CoreBusinessAreas__sidebar-right.sticky {
        align-self: start;
        top: 0;
        height: auto;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description {
        display: block;
        opacity: 1;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessTitle {
        font-size: 18px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description p {
        font-size: 14px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessLogo {
        width: 150px;
        margin-bottom: 15px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessLogo img {
        width: 100%;
    }

    #news-updates {
        padding: 60px 0px;
        transform: translate(0px, 0px);
    }

    #news-updates .newsupdatesSlider .newsThumbCards.lh {
        height: 370px;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsDetails h2 {
        font-size: var(--fs20);
    }

    #news-updates .newsupdatesSlider {
        margin-top: 20px;
    }

    #news-updates .swiper-pagination {
        position: relative;
        bottom: 0px;
    }

    .swiper-pagination-bullet-active {
        background-color: #222;
    }

    #FooterHiranandani {
        padding: 30px 0 20px;
    }

    #FooterHiranandani .footer-logo img {
        width: 250px;
        margin-bottom: 20px;
    }

    #FooterHiranandani .footer-right {
        flex: 1;
        padding-top: 8px;
    }

    #FooterHiranandani .footer-grid,
    #FooterHiranandani .footer-cols {
        gap: 10px;
    }

    #FooterHiranandani .websites-grid ul {
        margin-bottom: 0px;
    }

    #FooterHiranandani .footer-grid {
        padding-bottom: 20px;
    }

    #FooterHiranandani .footer-bottom {
        align-items: center;
    }

    #brand-logo {
        padding: 40px 0px;
    }

    #brand-logo .hoh-big-logo {
        transform: scale(1);
        opacity: 1;
        position: relative;
        width: 160px;
        height: 160px;
        margin-bottom: 20px;
    }

    #brand-logo .brand-logo-wrap {
        width: 100%;
        height: 100%;
    }

    #brand-logo .brand-logo-wrap .brand-logo-list-img {
        position: relative;
        transform: translate(0px, 0px);
        opacity: 1;
        filter: grayscale(0);
        transition: filter .8s ease-in-out;
    }

    #Value .marquee-section .marquee-item.image-card {
        height: 450px;
    }

    #Value .swiper-pagination {
        position: relative;
        bottom: 0px;
        margin-top: 10px;
    }

    #Value .marquee-section .marquee-item ul {
        width: 90%;
    }

    #Value .marquee-section .marquee-item.image-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
    }

    #Value .marquee-section .marquee-item.image-card.WinTogether img {
        transform: none;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsDetails {
        padding: 20px;
    }

    #FooterHiranandani .footer-left {
        flex: 1 1 300px;
        max-width: 400px;
    }


    .keyclients .logowrp {
        grid-template-columns: repeat(4, 1fr);
    }

    #global-map .mahaCard {
        top: 50.4%;
        left: 1%;
    }

    #global-map .maharashtra {
        top: 61.6%;
        left: 32%;
    }

    #global-map .karCard {
        left: 0%;
    }

    #global-map .karnataka {
        top: 79.1%;
        left: 31%;
    }

    #global-map .tamil {
        left: 37%;
    }

    #global-map .tamCard {
        top: 79.4%;
        left: 40.4%;
    }


    #CoreBusinessAreas {
        padding: 50px 0px;
        background-color: #090912;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right {
        padding: 50px 15px 0px;
        position: relative;
        margin-top: 20px;
    }

    .CoreBusinessAreasSlider .CoreBusinessAreasSlider-pagination {
        bottom: initial;
        top: 10px;
        text-align: right;
        width: 75%;
        left: 15px;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.2);
    }

    .CoreBusinessAreasSlider .CoreBusinessAreasSlider-pagination .swiper-pagination-progressbar-fill {
        background-color: rgba(255, 255, 255, 1);
    }

    .custom-fraction {
        display: block;
        position: absolute;
        top: 0px;
        right: 20px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .d-lg-none {
        display: block !important;
    }

    #shrink {
        transform: scale(1);
        transition: transform 0.3s ease;
    }

    .brandlogoSlider-pagination {
        display: none;
    }

    #brand-logo .brand-logo-wrap .brand-logo-list-img img {
        opacity: 1;
        width: 100%;
        height: auto;
    }

    #brand-logo .brand-logo-wrap .brand-logo-list-img {
        border: 1px solid #f6f6f6;
        height: 140px;
        display: flex;
        align-items: center;
    }

    #Value .marquee-section .marquee-item {
        width: 50%;
    }

    #brand-logo .hoh-big-logo {
        display: none;
    }

    #brand-logo .brand-logo-wrap {
        width: 100%;
        left: 0%;
        transform: scale(1);
    }

    #global-map .footprints {
        height: auto;
    }

    .ourprojects .detailinfo .tit {
        font-size: 14px;
    }

    .ourprojects .projtit {
        font-size: 22px;
    }

    .ourprojects .projinfo .data {
        font-size: 13px;
    }

    .ourprojects .projinfo .tit {
        font-size: 16px;
        line-height: 24px;
    }


    .milestone ul.milestonetxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestone ul.milestonetxt li {
        width: 50%;
        color: #fff;
        font-size: 42px;
    }

    .milestone ul.milestonetxt li:first-child {
        padding-top: 50px;
    }

    .milestone ul.milestonetxt span,
    .milestoneschools ul.milestoneschoolstxt span,
    .milestonehos ul.milestonehostxt span {
        font-size: 14px;
    }

    .milestone ul.milestonetxt,
    .milestoneschools ul.milestoneschoolstxt,
    .milestonehos ul.milestonehostxt,
    .milestoneschools ul.milestoneschoolstxt .rupee {
        font-size: 26px;
        padding-left: 0;
        padding-top: 40px;
    }

    .milestone ul.milestonetxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .ourprojects {
        overflow: hidden;
    }


    .ourprojects .Strategy-tabs .slider-thumbnail {
        width: 100%;
        position: relative;
        overflow: visible;
    }

    .ourprojects .projtit {
        font-size: 24px;
    }

    .ourprojects .projinfo .tit {
        font-size: 16px;
        line-height: 24px;
    }

    .otherbiz .otherwrp {
        justify-content: flex-start;
    }

    .otherbiz .otherwrp .otherlink {
        border-radius: 5px;
    }

    .visitlink .common-cta3 {
        font-size: 24px;
    }

    .subtitle {
        font-size: 14px;
    }

    .milestone {
        height: auto;
        padding: 80px 0px;
    }

    .ourprojects .detailinfo .tit {
        border-bottom: 1px solid #494949;
        margin-top: 20px;
    }


    .ourprojects .detailinfo .tit {
        font-size: 14px;
    }


    .otherbiz .otherwrp .otherlink {
        width: 31.33%;
    }

    #global-map .footprints {
        max-width: 950px;
    }

    .aboutbiz .biztxt {
        font-size: 24px;
        line-height: 30px;
    }

    .aboutbiz .bixinfo {
        font-size: 16px;
        line-height: 24px;
    }

    #FooterHiranandani .hoh-footer-icon-logo {
        display: none;
    }

    .is-horizontal .f-button.is-arrow.is-prev,
    .is-horizontal .f-button.is-arrow.is-next {
        display: none;
    }

    .ourprojects .projsec .prowrp .projinfo .tit {
        font-size: 14px;
        line-height: 24px;
    }

    .ourprojects .detailinfo .tit {
        margin-top: 0px;
    }

    .milestoneschools ul.milestoneschoolstxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestoneschools ul.milestoneschoolstxt li {
        color: #fff !important;
        width: 33.33%;
    }

    .milestoneschools ul.milestoneschoolstxt li:first-child {
        padding-top: 40px;
    }

    .milestoneschools {
        height: auto;
        padding-bottom: 80px;
    }

    .milestoneschools ul.milestoneschoolstxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .ourprojects .detailinfo .tit {
        border-bottom: none;
    }

    .ourprojects .projsec .prowrp .detailinfo {
        padding-bottom: 10px;
    }

    .milestoneschools ul.milestoneschoolstxt li:last-child {
        padding-top: 15px;
    }


    .milestoneschools ul.milestoneschoolstxt.milestoneFstxt li:last-child {
        padding-top: 40px;
    }

    .places .numwrp {
        flex-wrap: wrap;
    }


    #banner .banner_wrap {
        display: none;
    }

    #banner .hoh_banner_mobile {
        padding: 0px 15px 40px;
        display: block;
        position: relative;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards {
        height: 350px !important;
        margin: 0px !important;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails {
        padding: 20px 20px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h2 {
        font-size: 22px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h6 {
        font-size: 18px;
    }

    #banner .hoh_banner_mobile .swiper-pagination-bullet {
        background-color: #c59a5b;
    }


    #brand-logo .brand_logo_mobile {
        display: none;
    }

    #brand-logo .brand_logo_tabs {
        display: block;
        text-align: center;
    }

    #brand-logo .brand-logo-wrap {
        display: none;
    }

    .visitlink .container .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .susecwrp .nav-pills {
        display: flex;
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
    }

    .susecwrp .nav-pills li {
        width: 30.33%;
    }


    .susecwrp .nav-pills .nav-link {
        font-size: 14px;
        width: 100%;
    }

}

/* 992px */
@media (max-width: 992px) {


    #banner .bannerThumbCards .bannerThumbImg img {
        transition: 1s ease;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    .row {
        margin: 0px;
    }

    /* .hero-section {height: 660px;} */
    .hero-section {
        background-color: var(--DarkBlue);
    }

    .hero-section .ticket-card {
        width: 100%;
        background-size: contain;
        position: relative;
        bottom: 0px;
        margin-top: 20px;
        padding: 40px;
    }

    .hero-section .hero-content {
        height: auto;
        display: block;
        padding-top: 367px;
    }

    .hero-section .hero-content h2 {
        font-size: var(--fs26);
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .hero-section .ticket-top h5 {
        font-size: var(--fs16);
    }

    .hero-section .ticket-bottom {
        display: block;
        margin-top: 15px;
    }

    #brandsLogos {
        padding: 40px 0px;
    }

    #aboutUs {
        padding: 50px 0px;
    }

    #aboutUs p {
        padding: 0px 10px;
        font-size: 16px;
    }

    .desc {
        font-size: var(--fs30);
    }

    /* #aboutUs .companyCards h6 {font-size: 12px;} */
    #aboutUs .companyCards .about-icon svg {
        height: 110px;
    }

    #aboutUs .companyCards {
        margin-bottom: 20px;
    }

    #hero-anim-track .container .PerformanceLeft {
        padding-top: 0px;
        margin-bottom: 20px;
    }

    #hero-anim-track .container {
        padding-top: 40px;
    }

    #hero-anim-track .container .PerformanceRight {
        margin-top: 0px;
    }

    #hero-anim-track .container .PerformanceRight .desc {
        font-size: 22px;
        line-height: 1.5;
        letter-spacing: 1px;
    }

    .text-highlight {
        background: #156db5;
    }

    #hero-anim-track {
        height: auto;
    }

    #upcoming {
        padding: 20px 0px;
    }

    #upcoming p {
        font-size: 20px;
    }

    #upcoming .upcomingRhs {
        margin-top: 30px;
    }

    .services-section {
        padding: 30px 0px;
    }

    .services-section .service-card {
        padding: 20px 20px;
    }

    #horizontal-scoll .WhyCollaborateLhs {
        padding: 30px;
    }

    .common-ttle {
        font-size: var(--fs26) !important;
        line-height: 32px !important;
    }

    .visitlink .common-cta3 {
        font-size: 30px;
    }

    .visitlink .common-cta3 img {
        width: 26px;
    }

    .infoSlide h2 {
        font-size: 20px;
    }

    p {
        font-size: var(--fs18) !important;
        line-height: 1.4 !important;
    }

    .aboutuswrp .aboutdesc p {
        line-height: 20px !important;
        font-size: 14px !important;
    }

    .sustainabilitywrp .common-ttle {
        font-size: 36px;
    }

    #horizontal-scoll .horizontal-scoll-wrapper {
        overflow: hidden;
        padding: 0px;
    }

    #horizontal-scoll .horizontal>div {
        display: block;
    }

    .people__card img {
        width: 100%;
    }

    #TechnophilesNews {
        padding: 30px 0px;
        overflow: hidden;
    }

    #TechnophilesNews .TechnophilesNewsSwiper {
        margin-top: 20px;
    }

    #moment .container-1360-wrp {
        padding: 30px;
    }

    #moment .parallax-wrapper {
        height: 50vh;
    }

    #footer .cta-section {
        padding: 50px 0 80px;
        padding-bottom: 20px;
    }

    #footer .cta-title span {
        display: inline-block;
        margin-left: 0px;
    }

    #footer .footer-nav a {
        font-size: 12px;
        margin: 0 2px;
    }

    #footer .footerbottom-text {
        font-size: 40px;
        bottom: -130px;
    }

    #footer {
        padding-bottom: 60px;
    }

    #TechnophilesNews .swiper-button-next {
        right: 30px;
    }

    #TechnophilesNews .swiper-button-prev {
        left: 30px;
    }

    #TechnophilesNews .swiper-button-next,
    #TechnophilesNews .swiper-button-prev {
        top: 22%;
    }

    #horizontal-scoll {
        padding-bottom: 30px;
        position: relative;
    }

    #horizontal-scoll .swiper-button-next,
    #horizontal-scoll .swiper-button-prev {
        top: 70%;
        display: block;
    }


    .hero-section,
    #brandsLogos,
    #aboutUs,
    #hero-anim-track,
    #upcoming,
    .services-section,
    #horizontal-scoll,
    #TechnophilesNews,
    #moment,
    #footer {
        overflow: hidden;
    }


    #about-us-banner p {
        padding: 0px 10px;
    }

    .whoweare {
        padding: 30px 0px;
    }

    .whoweare .whowearetxt {
        padding: 0px 10px;
        font-size: var(--fs26);
    }

    .whoweare .mb-5 {
        margin-bottom: 1rem !important;
    }

    #productServices .column2 {
        margin-top: 0px;
    }

    #productServices .productServicesTitle {
        transform: translate(0px, 0px);
        margin-bottom: 40px;
    }

    #productServices {
        padding: 30px 0px;
    }

    #founder {
        padding: 50px 0px;
    }

    #founder .founderRight {
        margin-top: 40px;
        padding-left: 0px;
    }

    #founder .founderRight p,
    #founder .name {
        font-size: var(--fs16);
    }

    #team {
        padding: 30px 0px;
    }


    /* home */
    .brand {
        width: 180px;
        padding-left: 20px;
    }

    .brand img {
        width: 100%;
    }

    #banner .bannerThumbCards .bannerDetails h2 {
        font-size: 18px;
        letter-spacing: 0.3px;
    }

    #banner .bannerThumbCards .bannerDetails {
        padding: 10px;
    }

    #banner .bannerThumbCards .bannerDetails h6 {
        font-size: 14px;
    }

    #banner .bannerThumbCards.lh {
        height: 170px;
    }

    #banner .bannerThumbCards {
        height: 170px;
        border-radius: 5px;
    }

    .Financial-healthcare {
        display: flex;
        width: 100%;
    }

    .Financial-healthcare a {
        flex: 0 0 auto;
        width: 46%;
    }

    #banner .bannerThumbCards.bannerThumbCards7 {
        height: 234px;
    }

    #banner .bannerThumbCards.bannerThumbCards3 .hospitality,
    #banner .bannerThumbCards.bannerThumbCards6 .fin-arrow {
        width: 170px;
    }

    #banner .bannerThumbCards.bannerThumbCards2 .hospitality {
        width: 110px;
    }

    #welcome .hohbackdroplogo {
        width: 140px;
    }

    #welcome .hohbackdroplogo img {
        width: 100%;
    }

    #welcome .welcomeText {
        font-size: 42px;
    }

    #welcome {
        padding: 50px 0px;
    }

    #welcome .welcomeTextDesc {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
    }

    #projectsInfo .projectsInfocard:last-child {
        border-bottom: 1px solid #f6f6f6;
    }


    #projectsInfo .projectsInfocard {
        padding: 10px 0px;
        position: relative;
        width: 50%;
        border-top: none;
        border: 1px solid #f6f6f6;
        min-height: 100px;
    }

    #projectsInfo .projectsInfocard .projectNos {
        font-size: 40px;
        letter-spacing: -2px;
    }




    #projectsInfo .projectsInfocard .projectInfoDetails {
        font-size: 16px;
        line-height: 1.1;
    }

    #projectsInfo {
        min-height: auto;
    }

    #projectsInfo .cards {
        width: 100%;
        /* height: 10vh; */
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }

    #animatedVideo .animatedVideo-revealPath1 {
        display: none;
    }

    #animatedVideo,
    #animatedVideo .ani_parent {
        height: 50vh;
    }

    #Value {
        overflow: hidden;
        padding: 0px 0px;
    }

    #Value .marquee-section {
        margin-top: 30px;
        padding: 0px;
        margin-left: 0;
    }

    #Value .marquee-section .marquee-item {
        padding: 30px 20px;
    }

    #Value .marquee-section .marquee-item.image-card .inner-item {
        position: absolute;
        left: 20px;
        top: 20px;
    }

    #Value h3 {
        font-size: var(--fs22);
    }

    #Value .marquee-section .marquee-item ul li {
        font-size: 14px;
    }

    #Value {
        overflow: hidden;
        padding: 50px 10px;
        transform: translate(0px, 0px);
    }

    #Value .marquee-section .marquee-item.deliver .icon {
        width: 230px;
    }

    #Value .marquee-section .marquee-item.deliver .icon img {
        width: 100%;
    }

    #CoreBusinessAreas .text-end {
        padding: 0px 20px;
        text-align: left !important;
        margin-bottom: 0px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container {
        display: none;
        padding: 0px 0px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description {
        position: relative;
    }

    #CoreBusinessAreas {
        padding: 50px 0px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .buss-picimg {
        border-radius: 20px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .buss-picimg img {
        height: 350px;
        object-fit: cover;
        width: 100%;
    }

    #CoreBusinessAreas .CoreBusinessAreas__sidebar-left.sticky,
    #CoreBusinessAreas .CoreBusinessAreas__sidebar-right.sticky {
        align-self: start;
        top: 0;
        height: auto;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description {
        display: block;
        opacity: 1;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessTitle {
        font-size: 24px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description p {
        font-size: 18px !important;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessLogo {
        width: 250px;
        margin-bottom: 15px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessLogo img {
        width: 100%;
    }

    #CoreBusinessAreas {
        padding: 50px 0px;
        background-color: #090912;
    }

    .CoreBusinessAreasSlider .CoreBusinessAreasSlider-pagination {
        bottom: initial;
        top: 10px;
        text-align: right;
        width: 85%;
        left: 15px;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.2);
    }

    .CoreBusinessAreasSlider .CoreBusinessAreasSlider-pagination .swiper-pagination-progressbar-fill {
        background-color: rgba(255, 255, 255, 1);
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right {
        padding: 50px 15px 0px;
        position: relative;
        margin-top: 20px;
    }

    .custom-fraction {
        display: block;
        position: absolute;
        top: 0px;
        right: 20px;
    }

    #shrink {
        transform: scale(1);
        transition: transform 0.3s ease;
    }

    .brandlogoSlider-pagination {
        display: none;
    }

    #news-updates {
        padding: 60px 0px;
        transform: translate(0px, 0px);
    }

    #news-updates .newsupdatesSlider .newsThumbCards.lh {
        height: 420px;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsDetails h2 {
        font-size: var(--fs20);
    }

    #news-updates .newsupdatesSlider {
        margin-top: 20px;
    }

    #news-updates .swiper-pagination {
        position: relative;
        bottom: 0px;
    }

    .swiper-pagination-bullet-active {
        background-color: #222;
    }

    .CoreBusinessAreasSlider .swiper-pagination-bullet-active {
        background-color: #fff;
    }

    .CoreBusinessAreasSlider .swiper-pagination-bullet {
        background-color: #fff;
    }

    #FooterHiranandani {
        padding: 30px 0 20px;
    }

    #brand-logo .brand-logo-wrap .swiper-pagination {
        position: relative;
        bottom: -6px;
    }

    #FooterHiranandani .footer-logo img {
        width: 250px;
        margin-bottom: 20px;
    }

    #FooterHiranandani .footer-left {
        flex: 1 1 180px;
    }

    #FooterHiranandani .footer-right {
        flex: 2;
        padding-top: 8px;
    }

    #FooterHiranandani .footer-grid,
    #FooterHiranandani .footer-cols {
        gap: 10px;
    }

    #FooterHiranandani .websites-grid ul {
        margin-bottom: 0px;
    }

    #FooterHiranandani .footer-grid {
        padding-bottom: 20px;
    }

    #FooterHiranandani .footer-bottom {
        align-items: center;
    }

    #brand-logo {
        padding: 40px 0px;
        padding-top: 0px;
        margin-top: 40px;
    }

    #brand-logo .hoh-big-logo {
        transform: scale(1);
        opacity: 1;
        position: relative;
        width: 120px;
        height: 160px;
        margin-bottom: 20px;
    }

    #brand-logo .brand-logo-wrap {
        width: 100%;
        height: 100%;
    }

    #brand-logo .brand-logo-wrap .brand-logo-list-img {
        position: relative;
        transform: translate(0px, 0px);
        opacity: 1;
        filter: grayscale(0);
        transition: filter .8s ease-in-out;
        text-align: center;
        border: 1px solid #f6f6f6;
        display: flex;
        align-items: center;
        height: 140px;
    }

    #Value .marquee-section .marquee-item.image-card {
        height: 450px;
    }

    #Value .swiper-pagination {
        position: relative;
        bottom: 0px;
        margin-top: 10px;
    }

    /* .menu { height: 100vh; } */
    #news-updates .newsupdatesSlider .newsThumbCards .newsThumbImg img {
        height: 100%;
    }

    .ourprojects .projsec .swiper-pagination-bullet {
        width: 20.5%;
    }

    .otherbiz .otherbizbox {
        height: 380px;
    }

    .otherbiz .swiper-pagination {
        position: relative;
        bottom: 0px;
    }

    .photogallery .swiper-pagination {
        position: relative;
        bottom: -20px;
    }

    .milestone ul.milestonetxt,
    .milestoneschools ul.milestoneschoolstxt,
    .milestonehos ul.milestonehostxt,
    .milestoneschools ul.milestoneschoolstxt .rupee {
        font-size: 42px;
    }

    .milestoneschools ul.milestoneschoolstxt .rtltit {
        font-size: 38px;
    }

    .milestone ul.milestonetxt .star,
    .milestoneschools ul.milestoneschoolstxt .star {
        font-size: 28px;
    }

    .milestonehos {
        height: 500px;
    }

    .ourprojects .projsec .prowrp .projinfo {
        width: 96%;
    }

    .ourpresence .mapmain .mapwrp .place {
        right: -250px;
        bottom: -30px;
        width: 90%;
    }

    .schoolpresence .acccont {
        margin-top: 120px;
        height: 410px;
    }

    .schoolpresence .network-accordion .accordion-button {
        font-size: 15px;
    }

    .schoolpresence {
        height: auto;
    }

    .schoolpresence .map-dot.active-dot {
        width: 8px;
        height: 8px;
    }

    .schoolpresence .network-tabs .nav-link {
        font-size: 15px;
    }

    .schoolpresence .locationinfo {
        font-size: 10px;
    }

    .schoolpresence .locationinfo .tit {
        font-size: 15px;
    }

    .schoolpresence .locationinfo .maplink a {
        font-size: 10px;
    }

    .schoolpresence .locationinfo .maplink a img {
        width: 11px;
    }

    .schoolpresence .locationinfo .location img,
    .schoolpresence .locationinfo .mobilenum img,
    .schoolpresence .locationinfo .email img {
        margin-right: 5px;
        width: 11px;
    }

    .schoolpresence .maintit .common-ttle {
        font-size: 26px;
    }

    .schoolpresence .maintit {
        width: 280px;
    }

    .aboutuswrp::before {
        height: 370px;
    }

    .aboutuswrp .abouttxt {
        font-size: 55px;
        line-height: 65px;
    }

    .aboutuswrp .aboutdesc {
        margin-left: 160px;
    }

    .places .caption {
        font-size: 20px;
        bottom: 15px;
        padding: 0;
    }

    .places .numwrp {
        gap: 10px;
    }

    .places .numwrp .numinfo {
        font-size: 20px;
    }

    .places .numwrp .numinfo span {
        font-size: 12px;
    }

    .places .numwrp .numinfo:not(:last-child)::after {
        width: 100%;
    }

    .keyclients .logowrp {
        grid-template-columns: repeat(4, 1fr);
    }

    .infoSlide .info {
        height: 450px;
    }

    .milestone {
        height: 800px;
    }

    .milestone .disclaimer {
        bottom: 430px;
    }

    .ourprojects .projsec .prowrp .projinfo .tit {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .ourprojects .projsec .prowrp .detailinfo .tit {
        font-size: 16px;
    }

    .otherbiz .otherwrp {
        gap: 18px;
    }

    .ourprojects .projsec .common-cta {
        font-size: 12px;
    }

    .otherbiz .otherwrp .otherlink .tit {
        font-size: 18px;
        line-height: 1.2;
    }

    .purpose-statement .purposebx {
        height: 400px;
    }

    .purpose-statement .purposebx .info .title {
        font-size: 40px;
    }

    #Value .txt {
        width: 100%;
        padding: 0 10px 0 0;
    }

    .leadership .leadbx .info .name {
        line-height: initial;
    }

    .leadership .leadbx .info .name .designation {
        margin-top: 10px;
    }

    #Value .marquee-section .marquee-item.image-card img {
        height: 100%;
        width: auto;
        transform: translateY(0px) !important;
        transition: none !important;
    }

    #Value .marquee-section .marquee-item.image-card.WinTogether .white {
        color: #000 !important;
    }

    .scrollbar {
        width: 2px;
    }

    .champion-mascots .championwrp {
        grid-template-columns: repeat(2, 1fr);
    }

    .sustainabilitywrp ul.sustainabilitywrptxt {
        font-size: 28px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li .icon img {
        width: 50px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt span {
        margin-top: 10px;
    }

    .susecwrp .card-content {
        padding: 3em 0;
    }

    .susecwrp .projtit {
        font-size: 20px;
    }

    .susecwrp .nav-pills {
        gap: 15px;
    }

    .susecwrp .nav-pills .nav-link {
        padding: 8px 25px;
        font-size: 16px;
    }

    .susecwrp .projinfo {
        padding: 14px;
    }

    .susecwrp .projinfo .tit {
        font-size: 14px;
    }

    .mattersvid .swiper-pagination {
        position: relative;
        bottom: 19px;
    }

    .mattersvid .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #fff;
        padding: 3px 16px;
        border-radius: 3px;
        height: auto;
    }

    .mattersvid .swiper-pagination-bullet {
        background-color: #fff;
        padding: 3px 5px;
        border-radius: 3px;
        height: auto;
    }

    .impactwrp .so-far-card ul li {
        height: 25px;
    }

    .impactwrp .so-far-card .numb span {
        font-size: 13px;
    }

    .impactwrp .so-far-card .numb {
        font-size: 22px;
    }

    .ourprojects .Strategy-tabs .slider-thumbnail .swiper-slide {
        width: auto !important;
    }

    .ourprojects .projinfo .tit {
        font-size: 16px;
        line-height: 20px;
    }

    .ourprojects .projtit {
        font-size: 20px;
    }

    .aboutbiz .biztxt {
        font-size: 26px;
        line-height: 34px;
    }

    .champion-mascots .championwrp .championbx .num {
        font-size: 30px;
    }

    .champion-mascots .championwrp .championbx .name {
        font-size: 18px;
    }

    .champion-mascots .championwrp .championbx .subtxt {
        font-size: 16px;
    }

    .champion-mascots .championwrp .championbx {
        gap: 10px;
    }

    .champion-mascots .championwrp .championbx .img-wrapper {
        width: 180px;
        height: 100px;
    }

    #brand-logo .brand-logo-wrap .brand-logo-list-img img {
        opacity: 1;
        width: 100%;
        height: auto;
    }

    #news-updates .newsupdatesSlider .newsThumbCards {
        height: 420px;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc2 {
        left: -25%;
        top: 56%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc1 {
        top: 49.5%;
        left: 15%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot1 {
        left: 18.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot2 {
        left: 17.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot3 {
        left: 39%;
        top: 85%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc3 {
        left: 43%;
        top: 78%;
    }

    .schoolpresencewrp {
        height: auto;
    }

    .schoolpresencewrp .locdetails .city {
        font-size: 12px !important;
    }

    .schoolpresencewrp .locdetails .detail li {
        font-size: 10px !important;
    }

    .schoolpresencewrp .locdetails .detail {
        padding: 6px 17px;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc5pi::after {
        left: 115px;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot12pi {
        left: 34%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc12pi {
        top: 82%;
        left: 38%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot5pi {
        left: 47%;
    }

    .schoolpresencewrp .locdetails.locdetailshfs {
        width: 131px;
    }

    .schoolpresencewrp .locdetails.loc4 {
        top: 21%;
        left: 1%;
    }

    .schoolpresencewrp .locdetails.loc5,
    .schoolpresencewrp .locdetails.loc5p {
        top: 27%;
        left: 32.5%;
    }

    .schoolpresencewrp .locdetails.loc6 {
        top: 37%;
        left: -6%;
    }

    .schoolpresencewrp .locdetails.loc7 {
        top: 41%;
        left: 20.5%;
    }

    .schoolpresencewrp .locdetails.loc7::after {
        left: 59px;
    }

    .schoolpresencewrp .locdetails.loc8,
    .schoolpresencewrp .locdetails.loc8p {
        top: 61%;
        left: -6%;
    }

    .schoolpresencewrp .locdetails.loc9 {
        top: 56%;
        left: 32.5%;
    }

    .schoolpresencewrp .locdetails.loc10,
    .schoolpresencewrp .locdetails.loc10p {
        top: 76%;
        left: -2%;
    }

    .schoolpresencewrp .mapwrp .locdetails {
        width: 200px;
    }

    .schoolpresencewrp .mapwrp img {
        height: auto;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot6 {
        top: 48.5%;
        left: 11%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc6 {
        top: 35%;
        left: -10.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot4 {
        left: 18.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc5,
    .schoolpresencewrp .mapwrp .locdetails.loc5p {
        top: 25%;
        left: 36.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot5,
    .schoolpresencewrp .mapwrp .map-dot.dot5p {
        left: 50%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot7 {
        left: 32%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc8,
    .schoolpresencewrp .mapwrp .locdetails.loc8p {
        left: -11%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc8pip {
        left: -31%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc11pi {
        left: -26%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot11pi {
        top: 83%;
        left: 27%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc8pip::after {
        bottom: 34px;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot8pi {
        top: 66%;
        left: 22.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot10,
    .schoolpresencewrp .mapwrp .map-dot.dot10p {
        left: 24%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc9 {
        left: 32.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot9 {
        left: 37.5%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc11,
    .schoolpresencewrp .mapwrp .locdetails.loc11p {
        left: 40%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot11,
    .schoolpresencewrp .mapwrp .map-dot.dot11p {
        left: 37%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc12,
    .schoolpresencewrp .mapwrp .locdetails.loc12p {
        left: 38%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot12,
    .schoolpresencewrp .mapwrp .map-dot.dot12p {
        left: 34.5%;
    }

    .mumbaimap {
        height: 680px;
    }

    .mumbaimap .mapimg .locdetails.loc2 {
        left: 70.5%;
    }

    .mumbaimap .mapimg .map-dot.dot2 {
        top: 31.5%;
        left: 59.5%;
    }

    .mumbaimap .mapimg .locdetails.loc1 {
        top: 46%;
    }

    .mumbaimap .mapimg .map-dot.dot1 {
        top: 59.5%;
    }

    .mumbaimap .mapimg .locdetails .city {
        font-size: 15px;
    }

    .mumbaimap .mapimg .locdetails {
        left: -380px;
        width: 165px;
    }

    #banner .bannerThumbCards .bannerDetails .img_disclaimer {
        font-size: 8px;
    }

    .rescommproject {
        height: auto;
    }

    .footerwrp .footerinfo .num,
    .footerwrp .footerinfo .email,
    .footerwrp .footerinfo .address {
        font-size: 12px;
    }

    .footerwrp .footerinfo .num img,
    .footerwrp .footerinfo .email img {
        padding-right: 6px;
        width: 20px;
    }

    .footerwrp .getintouch {
        padding: 30px;
    }

    #FooterHiranandani .footer-address p {
        font-size: 14px !important;
    }

    #global-map .leftPanel {
        width: 165px;
    }

    #global-map .leftPanel {
        padding-left: 30px;
    }

    #global-map .maharashtra {
        left: 23%;
    }

    #global-map .telangana {
        left: 37%;
    }

    #global-map .karnataka {
        left: 26%;
    }

    #global-map .tamil {
        top: 87%;
        left: 37%;
    }

    #global-map .hyderabad {
        left: 39.4%;
    }

    #global-map .mumbai {
        left: 16.7%;
    }

    #global-map .thane {
        left: 18.6%;
    }

    #global-map .kalyan {
        left: 21.6%;
    }

    #global-map .chennai {
        left: 37.3%;
    }

    .purpose-section .container .title,
    .purpose-section .container .subtitle {
        font-size: 22px !important;
    }

    .purpose-section .container .pillar-img {
        max-width: 230px;
    }

    #Value .marquee-section .marquee-item {
        width: 50%;
    }

    #brand-logo .hoh-big-logo {
        display: none;
    }

    #global-map .footprints {
        height: auto;
    }


    #brand-logo .hoh-big-logo {
        display: none;
    }


    .milestone ul.milestonetxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestone ul.milestonetxt li {
        width: 50%;
        color: #fff;
    }

    .milestone ul.milestonetxt li:first-child {
        padding-top: 40px;
    }

    .milestone ul.milestonetxt span,
    .milestoneschools ul.milestoneschoolstxt span,
    .milestonehos ul.milestonehostxt span {
        font-size: 14px;
    }

    .milestone ul.milestonetxt,
    .milestoneschools ul.milestoneschoolstxt,
    .milestonehos ul.milestonehostxt,
    .milestoneschools ul.milestoneschoolstxt .rupee {
        font-size: 26px;
        padding-left: 0;
        padding-top: 40px;
    }

    .milestone ul.milestonetxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .ourprojects {
        overflow: hidden;
    }


    .ourprojects .Strategy-tabs .slider-thumbnail {
        width: 100%;
        position: relative;
        overflow: visible;
    }


    .ourprojects .projtit {
        font-size: 24px;
    }

    .ourprojects .projinfo .tit {
        font-size: 16px;
        line-height: 24px;
    }

    .otherbiz .otherwrp {
        justify-content: flex-start;
    }

    .otherbiz .otherwrp .otherlink {
        border-radius: 5px;
    }

    .visitlink .common-cta3 {
        font-size: 24px;
    }

    .subtitle {
        font-size: 14px;
    }

    .milestone {
        height: auto;
        padding: 80px 0px;
    }

    .ourprojects .detailinfo .tit {
        border-bottom: 1px solid #494949;
        margin-top: 20px;
    }


    .ourprojects .detailinfo .tit {
        font-size: 14px;
    }

    #FooterHiranandani .hoh-footer-icon-logo {
        display: none;
    }

    .is-horizontal .f-button.is-arrow.is-prev,
    .is-horizontal .f-button.is-arrow.is-next {
        display: none;
    }


    .ourprojects .swiper-button-next-Proj,
    .ourprojects .swiper-button-prev-Proj,
    .ourprojects .swiper-button-next-Proj4,
    .ourprojects .swiper-button-prev-Proj4,
    .ourprojects .swiper-button-next-Proj3,
    .ourprojects .swiper-button-prev-Proj3 {
        top: 100px;
    }


    .milestonehos ul.milestonehostxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestonehos ul.milestonehostxt li {
        width: 50%;
        color: #fff;
    }

    .milestonehos ul.milestonehostxt li:first-child {
        padding-top: 40px;
    }

    .milestonehos ul.milestonehostxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .milestonehos {
        height: auto;
        padding-bottom: 80px;
    }

    .ourprojects .projsec .prowrp .projinfo .tit {
        font-size: 14px;
        line-height: 24px;
    }

    .ourprojects .detailinfo .tit {
        margin-top: 0px;
    }

    .milestoneschools ul.milestoneschoolstxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestoneschools ul.milestoneschoolstxt li {
        color: #fff !important;
        width: 33.33%;
    }

    .milestoneschools ul.milestoneschoolstxt li:first-child {
        padding-top: 40px;
    }

    .milestoneschools {
        height: auto;
        padding-bottom: 80px;
    }

    .milestoneschools ul.milestoneschoolstxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .ourprojects .detailinfo .tit {
        border-bottom: none;
    }

    .ourprojects .projsec .prowrp .detailinfo {
        padding-bottom: 10px;
    }

    /* home bnr swiper */

    #banner .banner_wrap {
        display: none;
    }

    #banner .hoh_banner_mobile {
        padding: 0px 15px 40px;
        display: block;
        position: relative;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards {
        height: 350px !important;
        margin: 0px !important;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails {
        padding: 20px 20px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h2 {
        font-size: 22px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h6 {
        font-size: 18px;
    }

    #banner .hoh_banner_mobile .swiper-pagination-bullet {
        background-color: #c59a5b;
    }

    /* home bnr swiper */

    #brand-logo .brand_logo_mobile {
        display: none;
    }

    #brand-logo .brand_logo_tabs {
        display: block;
        text-align: center;
    }

    #brand-logo .brand-logo-wrap {
        display: none;
    }

    .visitlink .container .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .susecwrp .nav-pills {
        display: flex;
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
    }

    .susecwrp .nav-pills li {
        width: 30.33%;
    }

    .susecwrp .nav-pills .nav-link {
        font-size: 11px;
        width: 100%;
    }

    .sustainabilitywrp {
        height: auto;
        padding: 60px 0px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li .icon {
        font-size: 30px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li .icon img {
        width: 62px;
        height: 62px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt span {
        font-size: 18px;
        display: block;
        padding-left: 90px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt {
        display: flex;
        flex-wrap: wrap;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li {
        width: 50%;
        padding: 30px 0px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li:first-child {
        padding-top: 30px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .impactwrp .so-far-card .numb span {
        font-size: 10px;
    }

    .champion-mascots .championwrp .championbx .subtxt {
        font-size: 12px;
    }

    .susecwrp .align-items-center {
        align-items: flex-start !important;
    }


}

/* 768px */
@media (max-width: 767px) {



    .row {
        margin: 0px;
    }

    /* .hero-section {height: 660px;} */
    .hero-section {
        background-color: var(--DarkBlue);
    }

    .hero-section .ticket-card {
        width: 100%;
        background-size: contain;
        position: relative;
        bottom: 0px;
        margin-top: 20px;
        padding: 40px;
    }

    .hero-section .hero-content {
        height: auto;
        display: block;
        padding-top: 367px;
    }

    .hero-section .hero-content h2 {
        font-size: var(--fs26);
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .hero-section .ticket-top h5 {
        font-size: var(--fs16);
    }

    .hero-section .ticket-bottom {
        display: block;
        margin-top: 15px;
    }


    #brandsLogos {
        padding: 40px 0px;
    }

    .breadcrumb .breadlink li {
        font-size: 11px;
    }

    #aboutUs {
        padding: 50px 0px;
    }

    #aboutUs p {
        padding: 0px 10px;
        font-size: 16px;
    }

    .desc {
        font-size: var(--fs30);
    }

    /* #aboutUs .companyCards h6 {font-size: 12px;} */
    #aboutUs .companyCards .about-icon svg {
        height: 110px;
    }

    #aboutUs .companyCards {
        margin-bottom: 20px;
    }

    #hero-anim-track .container .PerformanceLeft {
        padding-top: 0px;
        margin-bottom: 20px;
    }

    #hero-anim-track .container {
        padding-top: 40px;
    }

    #hero-anim-track .container .PerformanceRight {
        margin-top: 0px;
    }

    #hero-anim-track .container .PerformanceRight .desc {
        font-size: 22px;
        line-height: 1.5;
        letter-spacing: 1px;
    }

    .text-highlight {
        background: #156db5;
    }

    #hero-anim-track {
        height: auto;
    }

    #upcoming {
        padding: 20px 0px;
    }

    #upcoming p {
        font-size: 20px;
    }

    #upcoming .upcomingRhs {
        margin-top: 30px;
    }

    .services-section {
        padding: 30px 0px;
    }

    .services-section .service-card {
        padding: 20px 20px;
    }

    #horizontal-scoll .WhyCollaborateLhs {
        padding: 30px;
    }

    .common-ttle,
    .sustainabilitywrp .common-ttle,
    .schoolpresencewrp .maintit .common-ttle,
    .milestone .albums .common-ttle,
    .milestonehos .albumssch .common-ttle,
    .milestoneschools .common-ttle {
        font-size: 24px !important;
    }

    p {
        font-size: var(--fs16) !important;
        line-height: 1.4 !important;
    }

    #horizontal-scoll .horizontal-scoll-wrapper {
        overflow: hidden;
        padding: 0px;
    }

    #horizontal-scoll .horizontal>div {
        display: block;
    }

    .people__card img {
        width: 100%;
    }

    #TechnophilesNews {
        padding: 30px 0px;
        overflow: hidden;
    }

    #TechnophilesNews .TechnophilesNewsSwiper {
        margin-top: 20px;
    }

    #moment .container-1360-wrp {
        padding: 30px;
    }

    #moment .parallax-wrapper {
        height: 50vh;
    }

    #footer .cta-section {
        padding: 50px 0 80px;
        padding-bottom: 20px;
    }

    #footer .cta-title span {
        display: inline-block;
        margin-left: 0px;
    }

    #footer .footer-nav a {
        font-size: 12px;
        margin: 0 2px;
    }

    #footer .footerbottom-text {
        font-size: 40px;
        bottom: -130px;
    }

    #footer {
        padding-bottom: 60px;
    }

    #TechnophilesNews .swiper-button-next {
        right: 30px;
    }

    #TechnophilesNews .swiper-button-prev {
        left: 30px;
    }

    #TechnophilesNews .swiper-button-next,
    #TechnophilesNews .swiper-button-prev {
        top: 22%;
    }

    #horizontal-scoll {
        padding-bottom: 30px;
        position: relative;
    }

    #horizontal-scoll .swiper-button-next,
    #horizontal-scoll .swiper-button-prev {
        top: 70%;
        display: block;
    }

    .burger .burger-line {
        background: #fff;
    }

    .burger {
        position: fixed;
        top: 28px;
        right: 10px;
    }

    .menu .menu__inner .menu__item .menu__link {
        color: #000;
        /* padding: 13px;  */
        padding: 13px 0;
        border-bottom: solid 1px #DDD;
    }

    .header ul {
        /* padding-top: 40px; */
        padding: 0 20px;
    }

    .mob-pad {
        padding: 0;
    }

    .dropdown li:last-child a {
        border-bottom: 1px solid #DDD !important;
        padding-bottom: 15px !important;
    }


    /* .menu .menu__inner .menu__item:last-child {width: 170px;margin: 10px 10px; background-color: var(--blue); } */
    /* .menu .menu__inner .menu__item:last-child a { color: white; border-bottom:none;  } */

    .visitlink .common-cta3 {
        font-size: 26px;
    }

    .visitlink {
        padding: 40px 0;
    }

    .visitlink .common-cta3 img {
        width: 22px;
    }


    .hero-section,
    #brandsLogos,
    #aboutUs,
    #hero-anim-track,
    #upcoming,
    .services-section,
    #horizontal-scoll,
    #TechnophilesNews,
    #moment,
    #footer {
        overflow: hidden;
    }

    #horizontal-scoll .swiper-button-next {
        right: 50px;
    }

    #about-us-banner p {
        padding: 0px 10px;
    }

    .whoweare {
        padding: 30px 0px;
    }

    .whoweare .whowearetxt {
        padding: 0px 10px;
        font-size: var(--fs26);
    }

    .whoweare .mb-5 {
        margin-bottom: 1rem !important;
    }

    #productServices .column2 {
        margin-top: 0px;
    }

    #productServices .productServicesTitle {
        transform: translate(0px, 0px);
        margin-bottom: 40px;
    }

    #productServices {
        padding: 30px 0px;
    }

    #founder {
        padding: 50px 0px;
    }

    #founder .founderRight {
        margin-top: 40px;
        padding-left: 0px;
    }

    #founder .founderRight p,
    #founder .name {
        font-size: var(--fs16);
    }

    #team {
        padding: 30px 0px;
    }

    /* home */
    .brand {
        width: 180px;
        padding-left: 20px;
    }

    .brand img {
        width: 100%;
    }

    #banner .bannerThumbCards .bannerThumbImg img {
        object-fit: cover;
        height: 100%;
    }

    #banner .bannerThumbCards .bannerDetails h2 {
        font-size: 13px;
        letter-spacing: 0.3px;
    }

    #banner .bannerThumbCards .bannerDetails {
        padding: 10px 10px;
    }

    #banner .bannerThumbCards .bannerDetails h6 {
        font-size: 11px;
    }

    #banner .bannerThumbCards .bannerDetails h6 img {
        width: 8px;
        height: 8px;
    }

    #banner .bannerThumbCards.lh {
        height: 110px;
    }

    #banner .bannerThumbCards {
        height: 100px;
        border-radius: 5px;
    }

    .Financial-healthcare {
        display: flex;
        width: 100%;
    }

    .Financial-healthcare a {
        flex: 0 0 auto;
        width: 46%;
    }

    #banner .bannerThumbCards.bannerThumbCards7 {
        height: 114px;
    }

    #banner .bannerThumbCards.bannerThumbCards3 .hospitality,
    #banner .bannerThumbCards.bannerThumbCards6 .fin-arrow {
        width: 330px;
    }

    #banner .bannerThumbCards.bannerThumbCards2 .hospitality {
        width: 110px;
    }

    #welcome .hohbackdroplogo {
        width: 140px;
    }

    #welcome .hohbackdroplogo img {
        width: 100%;
    }

    #welcome .welcomeText {
        font-size: 30px;
        line-height: 1.1;
    }

    #welcome {
        padding: 50px 0px;
    }

    #welcome .welcomeTextDesc {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
    }

    #welcome .welcomeTextDesc p {
        font-size: 14px !important;
    }

    #projectsInfo .projectsInfocard {
        padding: 10px 0px;
        position: relative;
        width: 50%;
        border-top: none;
        border: 1px solid #f6f6f6;
        min-height: 100px;
        transform: none !important;
    }

    #projectsInfo .projectsInfocard:last-child {
        border: none;
        border: 1px solid #f6f6f6;
    }

    #projectsInfo .cards {
        width: 100%;
        /* height: 10vh; */
        height: auto !important;
        display: flex;
        flex-wrap: wrap;
    }

    #projectsInfo .projectsInfocard .projectNos {
        font-size: 40px;
        letter-spacing: -2px;
        margin-bottom: 10px;
    }

    #projectsInfo .projectsInfocard .projectInfoDetails {
        font-size: 13px;
        line-height: 1;
        letter-spacing: 0.3px;
    }

    #projectsInfo {
        min-height: auto;
        /* height: auto; */
        padding: 0px 0px 40px;
    }

    #animatedVideo {
        height: 300px;
    }

    #animatedVideo .ani_parent {
        height: 300px;
    }

    #animatedVideo .animatedVideo-revealPath1 {
        display: none;
    }

    #Value {
        overflow: hidden;
        padding: 0px 0px;
    }

    #Value .marquee-section {
        margin-top: 30px;
        padding: 0px;
    }

    #Value .marquee-section .marquee-item {
        padding: 30px 20px;
        width: 100%;
    }

    #Value .marquee-section .marquee-item.image-card .inner-item {
        position: absolute;
        left: 20px;
        top: 20px;
    }

    #Value h3 {
        font-size: var(--fs22);
    }

    #Value .marquee-section .marquee-item ul li {
        font-size: 14px;
    }

    #Value {
        overflow: hidden;
        padding: 40px 10px;
        transform: translate(0px, 0px);
    }

    #Value .marquee-section .marquee-item.deliver .icon {
        width: 230px;
    }

    #Value .marquee-section .marquee-item.deliver .icon img {
        width: 100%;
    }

    #CoreBusinessAreas .text-end {
        padding: 0px 20px;
        text-align: left !important;
        margin-bottom: 0px;
    }

    /* #CoreBusinessAreas .text-end .common-ttle {
        color: #212529;
    } */

    #CoreBusinessAreas .CoreBusinessAreas-container {
        display: none;
        padding: 0px 0px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description {
        position: relative;
    }

    #CoreBusinessAreas {
        padding: 50px 0px;
        background-color: #090912;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .buss-picimg {
        border-radius: 20px;
        overflow: hidden;
        margin-bottom: 20px;
        position: relative;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .buss-picimg img {
        height: 210px;
        object-fit: cover;
        width: 100%;
    }

    #CoreBusinessAreas .CoreBusinessAreas__sidebar-left.sticky,
    #CoreBusinessAreas .CoreBusinessAreas__sidebar-right.sticky {
        align-self: start;
        top: 0;
        height: auto;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description {
        display: block;
        opacity: 1;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessTitle {
        font-size: 18px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description p {
        font-size: 14px !important;
        letter-spacing: 0.5px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessLogo {
        width: 150px;
        margin-bottom: 15px;
        margin-top: 0;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessLogo img {
        width: 100%;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right {
        padding: 50px 15px 0px;
        position: relative;
        margin-top: 20px;

    }

    .CoreBusinessAreasSlider .CoreBusinessAreasSlider-pagination {
        bottom: initial;
        top: 10px;
        text-align: right;
        width: 75%;
        left: 15px;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.2);
    }

    .CoreBusinessAreasSlider .CoreBusinessAreasSlider-pagination .swiper-pagination-progressbar-fill {
        background-color: rgba(255, 255, 255, 1);
    }

    .custom-fraction {
        display: block;
        position: absolute;
        top: 0px;
        right: 20px;
    }

    #shrink {
        transform: none;
        transition: transform 0.3s ease;
    }

    #news-updates {
        padding: 0px 0px;
        transform: translate(0px, 0px);
        padding-bottom: 40px;
    }

    #news-updates .newsupdatesSlider .newsThumbCards.lh {
        height: 420px;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsDetails h2 {
        font-size: var(--fs20);
    }

    #news-updates .newsupdatesSlider {
        margin-top: 20px;
    }

    #news-updates .swiper-pagination {
        position: relative;
        bottom: 0px;
    }

    .swiper-pagination-bullet-active {
        background-color: #222;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsThumbImg img {
        width: 100%;
        height: 100%;
    }

    #FooterHiranandani {
        padding: 30px 0 20px;
    }

    #FooterHiranandani .footer-logo img {
        width: 250px;
        margin-bottom: 20px;
    }

    #FooterHiranandani .footer-right {
        flex: 0;
        padding-top: 8px;
    }

    #FooterHiranandani .footer-grid,
    #FooterHiranandani .footer-cols {
        gap: 10px;
        flex-direction: column;
    }

    #FooterHiranandani .websites-grid ul {
        margin-bottom: 0px;
    }

    #FooterHiranandani .footer-grid {
        padding-bottom: 20px;
    }

    #FooterHiranandani .footer-bottom {
        align-items: center;
    }

    #FooterHiranandani .footer-bottom p {
        font-size: 14px !important;
        margin-bottom: 0;
    }

    #FooterHiranandani .footer-bottom a {
        margin-left: 0;
    }

    #FooterHiranandani .hoh-footer-icon-logo {
        display: none;
    }

    #brand-logo {
        padding: 50px 0px 50px;
    }

    #brand-logo .hoh-big-logo {
        transform: scale(1);
        opacity: 1;
        position: relative;
        width: 90px;
        height: 130px;
        margin-bottom: 15px;
    }

    #brand-logo .brand-logo-wrap {
        width: 100%;
        /*height: 100%;*/
        height: 145px;
    }

    #brand-logo .brand-logo-wrap .brand-logo-list-img {
        position: relative;
        transform: translate(0px, 0px);
        opacity: 1;
        filter: grayscale(0);
        transition: filter .8s ease-in-out;
        text-align: center;
    }

    .menu {
        height: 100vh;
    }

    /* #brand-logo { display: none; } */
    #Value .marquee-section .marquee-item ul {
        width: 90%;
    }

    #Value .marquee-section .marquee-item.image-card.WinTogether img {
        transform: translateY(100px) !important;
        transition: 10s;
    }

    #Value .marquee-section .marquee-item.image-card.WinTogether .white {
        color: #000 !important;
    }

    #Value .marquee-section .marquee-item.image-card {
        height: 450px;
    }

    #Value .marquee-section .marquee-item.image-card::before {
        display: none;
    }

    .CoreBusinessAreasSlider-pagination .swiper-pagination-bullet {
        background-color: white;
    }

    #Value .marquee-section {
        margin-left: 0px;
    }

    #Value .swiper-pagination {
        position: relative;
        margin-top: 20px;
    }

    #Value .marquee-section .marquee-item .txt {
        width: 90%;
        font-size: 14px;
    }

    .otherbiz .otherbizbox {
        height: 430px;
    }

    .otherbiz .swiper-pagination {
        position: relative;
        bottom: 0px;
    }

    .ourprojects .projsec .swiper-pagination-bullet {
        width: 21.5%;
    }

    .aboutbiz .biztxt {
        font-size: 20px;
        line-height: 28px;
        padding-right: 0;
    }

    .milestone ul.milestonetxt,
    .milestoneschools ul.milestoneschoolstxt,
    .milestonehos ul.milestonehostxt,
    .milestoneschools ul.milestoneschoolstxt .rupee {
        font-size: 36px;
        padding-left: 0;
        padding-top: 40px;
        display: flex;
        flex-wrap: wrap;
    }

    .milestoneschools ul.milestoneschoolstxt .rtltit {
        font-size: 28px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt {
        font-size: 26px;
        padding-left: 0;
        padding-top: 40px;
    }

    .milestone ul.milestonetxt li,
    .milestoneschools ul.milestoneschoolstxt li,
    .milestonehos ul.milestonehostxt li {
        padding: 20px 0;
        color: #fff;
        line-height: 1.2;
        width: 50%;
        font-size: 20px;
    }


    .milestonehos ul.milestonehostxt li:first-child {
        padding-top: 20px;
    }

    .milestonehos ul.milestonehostxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .milestone ul.milestonetxt span,
    .milestoneschools ul.milestoneschoolstxt span,
    .milestonehos ul.milestonehostxt span {
        font-size: 16px;
    }

    .aboutbiz {
        padding: 0 0 50px 0;
    }

    .ourprojects,
    .photogallery {
        padding: 50px 0 0 0;
    }

    .bizvideo {
        padding: 40px 10px;
    }

    .otherbiz {
        padding: 50px 0;
    }

    .otherbiz .common-ttle {
        font-size: 30px;
        margin-bottom: 18px;
    }

    .otherbiz .otherbizbox .otherbizdetails {
        font-size: 20px;
    }

    .ourprojects .projsec .prowrp {
        padding-left: 0;
    }

    .ourprojects .projsec .projtit {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 28px;
    }

    .ourprojects .projsec .prowrp .projinfo .tit {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
        margin-top: 14px;
    }

    .ourprojects .projsec .prowrp .detailinfo .tit {
        font-size: 16px;
    }

    .ourprojects .projsec .prowrp .projinfo {
        width: 96%;
    }

    .milestone,
    .milestoneschools,
    .milestonehos,
    .sustainabilitywrp {
        padding: 50px 0 20px 0;
        height: auto;
    }

    .aboutbiz .bizlogo {
        padding: 20px 0;
        margin: 0 auto;
    }

    .ourpresence .mapmain .mapwrp img {
        width: 100%;
        height: auto;
    }

    .ourpresence .mapmain .mapwrp .place {
        bottom: -80px;
        left: 0;
        height: 230px;
    }

    .ourpresence .mapmain .mapwrp .mappointer {
        position: relative;
    }

    .ourpresence .mapmain .mapwrp .mappointer.pointer1 {
        bottom: 160px;
        left: 60px;
    }

    .ourpresence .mapmain .mapwrp .mappointer.pointer2 {
        bottom: 160px;
        left: 74px;
    }

    .ourpresence .mapmain .mapwrp .mappointer.pointer3 {
        bottom: 90px;
        left: 90px;
    }

    .ourpresence .mapmain .mapwrp .mappointer.pointer4 {
        bottom: 90px;
        left: 100px;
    }

    .ourpresence .mapmain .mapwrp .mappointer.pointer5 {
        bottom: 120px;
        left: 125px;
    }

    .ourpresence .mapmain .mapwrp .mappointer.pointer6 {
        top: -259px;
        left: 160px;
    }

    .ourpresence .mapmain {
        padding-bottom: 110px;
    }

    .ourpresence {
        overflow: hidden;
    }

    .ourpresence .mapmain .mapwrp .mappointer .dot {
        width: 7px;
        height: 7px;
    }

    .aboutbiz .bixinfo {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .aboutbiz .downloadbtn img {
        width: 22px;
    }

    .aboutbiz .downloadbtn {
        font-size: 14px;
    }

    .schoolpresence {
        height: auto;
    }

    .schoolpresence .acccont {
        margin-top: 30px;
        height: auto;
    }

    .schoolpresence .flex-column {
        flex-direction: row !important;
    }

    .schoolpresence .network-tabs .nav-link {
        padding: 10px 3px;
        margin: 0 auto;
        font-size: 16px;
        border-bottom: 1px solid #939393;
    }

    .schoolpresence .map-dot,
    .schoolpresence .map-dot.active-dot {
        width: 6px;
        height: 6px;
    }

    .youtubevid .videobg iframe {
        width: 100%;
        height: 300px;
    }

    .youtubevid .videobg .videoSize {
        width: 100%;
        height: 300px;
    }

    .schoolpresence {
        padding: 40px 0;
    }

    .youtubevid {
        padding: 40px 0 0 0;
    }

    .schoolpresence .maintit .common-ttle {
        font-size: var(--fs30);
        margin-bottom: 0;
    }

    .aboutuswrp::before {
        bottom: 0;
        background-position-y: bottom;
    }

    .aboutuswrp .abouttxt {
        font-size: 38px;
        width: 100%;
        line-height: 1.1;
    }

    .aboutuswrp {
        height: 900px;
        padding: 40px 0;
    }

    .aboutuswrp .aboutdesc p {
        font-size: 16px !important;
    }

    .aboutuswrp .aboutdesc {
        margin-left: 0;
        margin-top: 10px;
    }

    .places,
    .leadership,
    .purpose-statement {
        padding: 40px 0;
    }

    .leadership .leadbx {
        margin-top: 22px;
    }

    .purpose-statement .purposebx .info .subtit {
        padding: 10px 16px;
        font-size: 10px;
    }

    .purpose-statement .purposebx .info .title {
        font-size: 30px;
    }

    .purpose-statement .purposebx .info {
        top: 20px;
        left: 20px;
    }

    .purpose-statement .purposebx {
        height: 216px;
        background-position: left;
    }

    .leadermodal {
        max-width: 100%;
        margin: 0 auto;
        left: 0;
    }

    .closebtn {
        width: 31px;
        height: 31px;
        top: -3px;
        right: -4px;
    }

    .leadermodal .info {
        max-height: 260px;
    }

    .numwrp {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }

    .places image-compare {
        border-radius: 7px;
    }

    .places .after-caption {
        right: 0;
    }

    .places .caption {
        font-size: 14px;
    }

    .places .numwrp .numinfo {
        padding: 5px;
        font-size: 26px;
    }

    .places .numwrp .numinfo:not(:last-child)::after {
        border-top: none;
    }

    .projectswrp {
        padding-top: 40px !important;
    }

    .infoSlide {
        width: 100%;
        padding: 50px 24px;
    }

    .infoSlide .popuppix {
        margin-bottom: 1rem;
    }

    .infoSlide .closeInfoSlide {
        width: 30px;
        height: 30px;
        top: 9px;
    }

    .infoSlide .info {
        max-height: 200px;
    }

    .keyclients .logowrp {
        grid-template-columns: repeat(2, 1fr);
    }

    .places .handle {
        width: 45px;
        height: 45px;
    }

    .places ul.placename li {
        margin: 7px;
    }

    .places .caption {
        bottom: 0px;
    }

    .places .caption.before {
        left: 0px;
    }

    .places .caption.after {
        right: 0;
    }

    .places .nav-pills .nav-link {
        padding: 5px 25px;
        font-size: 14px;
    }

    .leadership .leadbx .info .name .designation {
        font-size: 14px;
    }

    .leadership .leadbx .info .name {
        font-size: 24px;
    }

    .ourprojects .projsec .projimg img {
        margin-bottom: 0;
    }

    .otherbiz .otherwrp .otherlink {
        padding: 7px;
        width: 48%;
    }

    .otherbiz .otherwrp {
        gap: 10px;
    }

    .otherbiz .otherwrp .otherlink .tit {
        font-size: 15px;
        padding-bottom: 6px;
        padding-right: 0;
    }

    .otherbiz .otherwrp .otherlink .common-cta {
        font-size: 12px;
    }

    .footerwrp .getintouch {
        padding: 25px 11px;
    }

    .footerwrp .common-ttle {
        font-size: 28px;
        margin-bottom: 10px;
        padding-right: 32px;
    }

    .milestone ul.milestonetxt .star,
    .milestoneschools ul.milestoneschoolstxt .star {
        font-size: 24px;
    }

    .milestone .disclaimer {
        bottom: 0;
    }

    .bizvideo .video-box .play-btn2 {
        background-size: 70px;
    }

    .scroll-wrapper {
        height: 265px;
    }

    .scrollbar {
        width: 2px;
        height: 265px;
    }

    .infoSlide p {
        font-size: 15px !important;
    }

    .scroll-content {
        padding-right: 0;
    }

    .infoSlide h2 {
        font-size: 22px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li {
        padding: 12px 0;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt span {
        margin-top: 0px;
        padding-left: 75px;
        font-size: 14px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li .icon {
        margin-bottom: 0px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li .icon img {
        width: 45px;
        height: 45px;
    }

    .susgallery .custom-pills .nav-link {
        font-size: 12px;
    }

    .champion-mascots .championwrp .championbx,
    .champion-mascots .championwrp {
        display: block;
    }

    .champion-mascots .championwrp .championbx {
        margin-bottom: 20px;
    }

    .champion-mascots .championwrp .championbx .img-wrapper {
        width: 100%;
        height: 240px;
    }

    .champion-mascots .championwrp .championbx .num {
        font-size: 36px;
        line-height: 1.1;
    }

    .champion-mascots .championwrp .championbx .subtxt {
        font-size: 16px;
    }

    .mattersvid .mattersvidSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .swiper-pagination-bullet,
    #brand-logo .brand-logo-wrap .newsupdatesSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .swiper-pagination-bullet {
        background-color: #c59a5b;
    }

    .mattersvid .mattersvidSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        padding: 2px 16px;
        border-radius: 5px;
    }

    .mattersvid .mattersvidSwiper .swiper-pagination {
        bottom: 20px;
        position: relative;
    }

    .impactwrp .so-far-card .numb span {
        font-size: 12px;
    }

    .impactwrp .so-far-card .numb {
        margin-top: 3px;
    }

    .champion-mascots .championwrp .championbx .info {
        text-align: center;
    }

    .susgallery .custom-pills {
        justify-content: start;
        margin-top: 10px;
    }

    .susecwrp .card-content {
        display: block;
        padding: 40px 15px;
    }

    .susecwrp .projtit {
        font-size: 20px;
    }

    .susecwrp .card-content>div {
        width: 100%;
    }

    .susecwrp .nav-pills {
        display: flex;
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
    }

    .susecwrp .nav-pills li {
        width: 30.33%;
    }

    .susecwrp .nav-pills .nav-link {
        border-radius: 8px;
        padding: 8px 7px;
        font-size: 12px;
        min-height: 80px;
    }

    .susecwrp .tabs-wrapper {
        top: 75px;
        padding: 15px 15px;
    }

    .susecwrp .cards {
        padding: 0 15px;
    }

    .susecwrp .projinfo .tit {
        font-size: 14px;
        line-height: 22px;
    }

    .susecwrp .projinfo {
        padding: 0 0;
    }

    .susecwrp .common-ttle {
        margin-bottom: 10px;
    }

    .impactwrp .so-far-card ul li {
        height: 25px;
    }

    .mattersvid .mattersvidSwiper {
        margin: 20px 0 0 0;
    }

    .champion-mascots,
    .susgallery,
    .susecwrp,
    .mattersvid,
    .impactwrp {
        padding: 40px 0;
    }

    .impactwrp .so-far-card .name {
        font-size: 16px !important;
    }

    .ourprojects .Strategy-tabs .slider-thumbnail .swiper-slide {
        font-size: 12px;
        width: auto !important;
        margin: 0 3px;
        padding: 8px 15px;
    }

    .ourprojects .swiper-button-next-Proj,
    .ourprojects .swiper-button-prev-Proj,
    .ourprojects .swiper-button-next-Proj4,
    .ourprojects .swiper-button-prev-Proj4,
    .ourprojects .swiper-button-next-Proj,
    .ourprojects .swiper-button-next-Proj3,
    .ourprojects .swiper-button-next-Proj4,
    .ourprojects .swiper-button-prev-Proj.swiper-button-disabled,
    .ourprojects .swiper-button-prev-Proj3.swiper-button-disabled,
    .ourprojects .swiper-button-prev-Proj4.swiper-button-disabled,
    .ourprojects .swiper-button-prev-Proj,
    .ourprojects .swiper-button-prev-Proj3,
    .ourprojects .swiper-button-prev-Proj4 {
        top: 115px;
        width: 25px;
        height: 25px;
    }

    .ourprojects .Proj-nes-slider,
    .ourprojects .Strategy-tabs,
    .ourprojects .pad40 {
        padding: 0;
    }

    .ourprojects .Proj-nes-slider,
    .ourprojects .Proj-nes-slider1,
    .ourprojects .Proj-nes-slider2,
    .ourprojects .Proj-nes-slider3,
    .ourprojects .Proj-nes-slider4 {
        padding: 0;
    }

    .ourprojects .Projslider {
        padding-bottom: 40px;
    }

    .ourprojects .projinfo .data {
        margin-bottom: 20px;
    }

    .ourprojects .projtit {
        margin-bottom: 10px;
    }

    .photogallery .gallery .img_disclaimer {
        bottom: 28px;
    }

    #brand-logo .brand-logo-wrap .brand-logo-list-img {
        border: 1px solid #f6f6f6;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #brand-logo .brand-logo-wrap .brand-logo-list-img img {
        opacity: 1;
        width: 100%;
        height: auto;
    }

    .brandlogoSlider .swiper-wrapper {
        transition-timing-function: linear !important;
        will-change: transform;
    }

    .brandlogoSlider .brandlogoSlider-pagination {
        display: none;
    }

    .loans .loanwrp {
        margin-top: 20px;
        display: block;
    }

    .loans .loanwrp .loanbx {
        margin-bottom: 20px;
    }

    .loans {
        padding: 40px 0;
    }

    .schoolpresencewrp {
        padding: 40px 0;
        height: auto;
    }

    .schoolpresencewrp .mapwrp img {
        height: auto;
    }

    .schoolpresencewrp .mapwrp .locdetails {
        width: 100%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc1,
    .schoolpresencewrp .mapwrp .locdetails.loc2,
    .schoolpresencewrp .mapwrp .locdetails.loc3,
    .schoolpresencewrp .mapwrp .locdetails.loc4,
    .schoolpresencewrp .mapwrp .locdetails.loc5,
    .schoolpresencewrp .mapwrp .locdetails.loc5p,
    .schoolpresencewrp .mapwrp .locdetails.loc6,
    .schoolpresencewrp .mapwrp .locdetails.loc7,
    .schoolpresencewrp .mapwrp .locdetails.loc8,
    .schoolpresencewrp .mapwrp .locdetails.loc8p,
    .schoolpresencewrp .mapwrp .locdetails.loc8pip,
    .schoolpresencewrp .mapwrp .locdetails.loc9,
    .schoolpresencewrp .mapwrp .locdetails.loc10,
    .schoolpresencewrp .mapwrp .locdetails.loc10p,
    .schoolpresencewrp .mapwrp .locdetails.loc11,
    .schoolpresencewrp .mapwrp .locdetails.loc11p,
    .schoolpresencewrp .mapwrp .locdetails.loc12,
    .schoolpresencewrp .mapwrp .locdetails.loc12p,
    .schoolpresencewrp .mapwrp .locdetails.loc8pip,
    .schoolpresencewrp .mapwrp .locdetails.loc12pi,
    .schoolpresencewrp .mapwrp .locdetails.loc11pi,
    .schoolpresencewrp .mapwrp .locdetails.loc5pi {
        left: 0;
        top: 0;
        margin-top: 20px;
        position: relative;
    }

    .schoolpresencewrp .locdetails,
    .schoolpresencewrp .locdetails.locdetailshfs {
        position: relative;
        width: 100% !important;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot1 {
        top: 36%;
        left: 17.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot2 {
        top: 35%;
        left: 20%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot3 {
        top: 49%;
        left: 38%;
    }

    .schoolpresencewrp .mapwrp .locdetails::after {
        display: none;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot4 {
        top: 11%;
        left: 19%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot5 {
        top: 13%;
        left: 50%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot5p {
        top: 19%;
        left: 50%
    }

    .schoolpresencewrp .mapwrp .map-dot.dot6 {
        top: 16%;
        left: 12%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot7 {
        top: 17%;
        left: 34%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot8 {
        top: 21.5%;
        left: 19%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot8pi {
        top: 28%;
        left: 21%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot8p {
        top: 30.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot9 {
        top: 22.5%;
        left: 37%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot11pi {
        top: 36%;
        left: 28%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot10 {
        top: 26%;
        left: 25%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot10p {
        top: 37%;
        left: 25%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot11 {
        top: 26.5%;
        left: 38%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot11p {
        top: 37.5%;
        left: 38%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot12 {
        top: 31%;
        left: 34%;
        ;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot12p {
        top: 44%;
        left: 34%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot12pi {
        top: 39%;
        left: 34.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot5pi {
        top: 17%;
        left: 46.3%;
    }

    #Value .marquee-section .marquee-item.image-card img {
        height: 450px;
    }

    .policy {
        padding: 40px 0;
    }

    .mumbaimap .mapimg .map-dot.dot2 {
        top: 38.5%;
        left: 85.3%;
    }

    .mumbaimap .mapimg .locdetails.loc2 {
        top: 17%;
        left: 71.5%;
    }

    .mumbaimap .maintit {
        position: relative;
        padding-top: 40px;
    }

    #banner .bannerThumbCards .bannerDetails .img_disclaimer {
        font-size: 7px;
        right: 6px;
        bottom: 2px;
    }

    #FooterHiranandani .footer-address p {
        font-size: 14px !important;
    }

    #FooterHiranandani .footer-address p span img {
        width: 15px;
        padding-bottom: 3px;
        margin-right: 5px;
    }

    #FooterHiranandani .footer-contact a,
    #FooterHiranandani .footer-address a span img {
        width: 15px;
        padding-bottom: 3px;
        margin-right: 5px;
    }

    #Value .valuebtn {
        bottom: 10px;
    }

    #Value .valuebtn .swiper-button-prev,
    #Value .valuebtn .swiper-button-next {
        width: 30px;
        height: 30px;
    }

    #Value .valuebtn .swiper-button-prev {
        left: -78px;
    }

    #Value .valuebtn .swiper-button-prev::after,
    #Value .valuebtn .swiper-button-next::after {
        font-size: 10px;
    }

    #global-map .footprints {
        display: block;
        padding: 20px;
    }

    #global-map .leftPanel {
        width: 100%;
    }

    #global-map {
        padding: 20px 0;
    }

    #global-map .mapContainer {
        margin-top: 15px;
    }

    #global-map .backBtn {
        margin-top: 15px;
        display: none;
        cursor: pointer;
        font-size: 14px;
        color: #666;
    }

    #global-map .backBtn .circle {
        padding: 5px;
    }

    #global-map .cityMarker .cityTooltip ul {
        margin: 0;
        padding: 0px 15px;
    }

    #global-map .cityMarker .cityTooltip .tooltipHead {
        background: #b7874a;
        color: #fff;
        padding: 5px 15px;
        font-weight: 700;
    }

    #global-map .footprints {
        height: auto;
    }

    #global-map .maharashtra {
        top: 63%;
        left: 23%;
    }

    #global-map .karnataka {
        left: 25%;
    }

    #global-map .telangana {
        left: 37%;
    }

    #global-map .tamil {
        top: 88%;
        left: 37%;
    }

    #global-map .mumbai {
        top: 65.2%;
        left: 17.7%;
    }

    #global-map .thane {
        left: 19.6%;
    }

    #global-map .kalyan {
        left: 22.6%;
    }

    .brandsSlider .brandSlider .swiper-button-prev,
    .brandsSlider .brandSlider .swiper-button-next {
        top: 650px;
    }

    .purpose-section {
        text-align: center;
        padding: 60px 20px;
    }

    .purpose-section .container .pillar-img {
        margin-top: 30px;
        max-width: 200px;
    }

    .purpose-section .container .title,
    .purpose-section .container .subtitle {
        font-size: 28px !important;
    }

    .purpose-section .container .line {
        margin: 20px auto;
    }

    #global-map .hyderabad {
        top: 68.1%;
        left: 38.4%;
    }

    #global-map .bengaluru {
        top: 87.5%;
        left: 36.5%;
    }

    #global-map .chennai {
        left: 25.3%;
        top: 78%;
    }


    #brand-logo .hoh-big-logo {
        display: none;
    }


    .milestone ul.milestonetxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestone ul.milestonetxt li {
        width: 50%;
    }

    .milestone ul.milestonetxt li:first-child {
        padding-top: 20px;
    }

    .milestone ul.milestonetxt span,
    .milestoneschools ul.milestoneschoolstxt span,
    .milestonehos ul.milestonehostxt span {
        font-size: 11px;
    }

    .milestone ul.milestonetxt,
    .milestoneschools ul.milestoneschoolstxt,
    .milestonehos ul.milestonehostxt {
        font-size: 26px;
        padding-left: 0;
        padding-top: 40px;
    }

    .milestoneschools ul.milestoneschoolstxt .rupee {
        font-size: 14px;
        display: inline-block;
    }

    .milestone ul.milestonetxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .ourprojects {
        overflow: hidden;
    }


    .ourprojects .Strategy-tabs .slider-thumbnail {
        width: 100%;
        position: relative;
        overflow: visible;
    }

    .ourprojects .Strategy-tabs .slider-thumbnail .swiper-slide {
        background-color: #c59a5b;
        border-radius: 5px;
    }

    .ourprojects .Strategy-tabs .slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
        background-color: #fff;
    }

    .ourprojects .projtit {
        font-size: 24px;
    }

    .ourprojects .projinfo .tit {
        font-size: 16px;
        line-height: 24px;
    }

    .otherbiz .otherwrp {
        justify-content: flex-start;
    }

    .otherbiz .otherwrp .otherlink {
        border-radius: 5px;
    }

    .visitlink .common-cta3 {
        font-size: 24px;
    }

    .subtitle {
        font-size: 14px;
    }

    .ourprojects .projimg img {
        border-radius: 5px;
        aspect-ratio: 4 / 2;
        object-fit: cover;
    }

    /* .ourprojects .swiper-button-next-Proj,
    .ourprojects .swiper-button-prev-Proj,
    .ourprojects .swiper-button-next-Proj4,
    .ourprojects .swiper-button-prev-Proj4,
    .ourprojects .swiper-button-next-Proj3,
    .ourprojects .swiper-button-prev-Proj3 {
        display: none;
    } */

    .img_disclaimer {
        font-size: 10px;
    }

    .photogallery .gallery .gallery-img {
        border-radius: 0px;
    }

    .photogallery .div {
        border-radius: 0px;
    }

    #global-map .mapContainer {
        touch-action: inherit;
    }

    .is-horizontal .f-button.is-arrow.is-prev,
    .is-horizontal .f-button.is-arrow.is-next {
        display: none;
    }

    #retail-page .ourprojects .projsec .projtit {
        margin-top: 40px;
    }

    .milestone ul.milestonetxt {
        padding-bottom: 30px;
    }

    .milestoneschools ul.milestoneschoolstxt li:first-child {
        padding-top: 20px;
    }


    /* home bnr swiper */

    #banner .banner_wrap {
        display: none;
    }

    #banner .hoh_banner_mobile {
        padding: 0px 15px 40px;
        display: block;
        position: relative;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards {
        height: 350px !important;
        margin: 0px !important;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails {
        padding: 20px 20px 20px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h2 {
        font-size: 22px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h6 {
        font-size: 15px;
    }

    /* home bnr swiper */

    #brand-logo .brand_logo_mobile {
        display: block;
    }

    #brand-logo .brand_logo_tabs {
        display: none;
    }

    #brand-logo .brand-logo-wrap {
        display: none;
    }

    .visitlink .container .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .mumbaimap .mapimg .locdetails .detail li::before,
    .schoolpresencewrp .mapwrp .locdetails .detail li::before {
        content: "";
        width: 8px;
        height: 9px;
        background-image: url(../images/map-right-arrw-black.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        position: absolute;
        top: 5px;
        left: 0px;
    }

    .ourprojects .item {
        align-items: flex-start;
        padding-top: 20px;
    }

    .ourprojects .item.retail-projex-utem {
        padding-top: 50px;
    }


}

/* 320px */
@media (max-width: 320px) {


    .row {
        margin: 0px;
    }

    /* .hero-section {height: 660px;} */
    .hero-section {
        background-color: var(--DarkBlue);
    }

    .hero-section .ticket-card {
        width: 100%;
        background-size: contain;
        position: relative;
        bottom: 0px;
        margin-top: 20px;
        padding: 40px;
    }

    .hero-section .hero-content {
        height: auto;
        display: block;
        padding-top: 367px;
    }

    .hero-section .hero-content h2 {
        font-size: var(--fs26);
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .hero-section .ticket-top h5 {
        font-size: var(--fs16);
    }

    .hero-section .ticket-bottom {
        display: block;
        margin-top: 15px;
    }


    #brandsLogos {
        padding: 40px 0px;
    }

    .breadcrumb .breadlink li {
        font-size: 11px;
    }

    #aboutUs {
        padding: 50px 0px;
    }

    #aboutUs p {
        padding: 0px 10px;
        font-size: 16px;
    }

    .desc {
        font-size: var(--fs30);
    }

    /* #aboutUs .companyCards h6 {font-size: 12px;} */
    #aboutUs .companyCards .about-icon svg {
        height: 110px;
    }

    #aboutUs .companyCards {
        margin-bottom: 20px;
    }

    #hero-anim-track .container .PerformanceLeft {
        padding-top: 0px;
        margin-bottom: 20px;
    }

    #hero-anim-track .container {
        padding-top: 40px;
    }

    #hero-anim-track .container .PerformanceRight {
        margin-top: 0px;
    }

    #hero-anim-track .container .PerformanceRight .desc {
        font-size: 22px;
        line-height: 1.5;
        letter-spacing: 1px;
    }

    .text-highlight {
        background: #156db5;
    }

    #hero-anim-track {
        height: auto;
    }

    #upcoming {
        padding: 20px 0px;
    }

    #upcoming p {
        font-size: 20px;
    }

    #upcoming .upcomingRhs {
        margin-top: 30px;
    }

    .services-section {
        padding: 30px 0px;
    }

    .services-section .service-card {
        padding: 20px 20px;
    }

    #horizontal-scoll .WhyCollaborateLhs {
        padding: 30px;
    }

    .common-ttle,
    .sustainabilitywrp .common-ttle,
    .schoolpresencewrp .maintit .common-ttle,
    .milestone .albums .common-ttle,
    .milestonehos .albumssch .common-ttle,
    .milestoneschools .common-ttle {
        font-size: 24px !important;
    }

    p {
        font-size: var(--fs16) !important;
        line-height: 1.4 !important;
    }

    #horizontal-scoll .horizontal-scoll-wrapper {
        overflow: hidden;
        padding: 0px;
    }

    #horizontal-scoll .horizontal>div {
        display: block;
    }

    .people__card img {
        width: 100%;
    }

    #TechnophilesNews {
        padding: 30px 0px;
        overflow: hidden;
    }

    #TechnophilesNews .TechnophilesNewsSwiper {
        margin-top: 20px;
    }

    #moment .container-1360-wrp {
        padding: 30px;
    }

    #moment .parallax-wrapper {
        height: 50vh;
    }

    #footer .cta-section {
        padding: 50px 0 80px;
        padding-bottom: 20px;
    }

    #footer .cta-title span {
        display: inline-block;
        margin-left: 0px;
    }

    #footer .footer-nav a {
        font-size: 12px;
        margin: 0 2px;
    }

    #footer .footerbottom-text {
        font-size: 40px;
        bottom: -130px;
    }

    #footer {
        padding-bottom: 60px;
    }

    #TechnophilesNews .swiper-button-next {
        right: 30px;
    }

    #TechnophilesNews .swiper-button-prev {
        left: 30px;
    }

    #TechnophilesNews .swiper-button-next,
    #TechnophilesNews .swiper-button-prev {
        top: 22%;
    }

    #horizontal-scoll {
        padding-bottom: 30px;
        position: relative;
    }

    #horizontal-scoll .swiper-button-next,
    #horizontal-scoll .swiper-button-prev {
        top: 70%;
        display: block;
    }

    .burger .burger-line {
        background: #fff;
    }

    .burger {
        position: fixed;
        top: 28px;
        right: 10px;
    }

    .menu .menu__inner .menu__item .menu__link {
        color: #000;
        /* padding: 13px;  */
        padding: 13px 0;
        border-bottom: solid 1px #DDD;
    }

    .header ul {
        /* padding-top: 40px; */
        padding: 0 20px;
    }

    .mob-pad {
        padding: 0;
    }

    .dropdown li:last-child a {
        border-bottom: 1px solid #DDD !important;
        padding-bottom: 15px !important;
    }


    /* .menu .menu__inner .menu__item:last-child {width: 170px;margin: 10px 10px; background-color: var(--blue); } */
    /* .menu .menu__inner .menu__item:last-child a { color: white; border-bottom:none;  } */

    .visitlink .common-cta3 {
        font-size: 26px;
    }

    .visitlink {
        padding: 40px 0;
    }

    .visitlink .common-cta3 img {
        width: 22px;
    }


    .hero-section,
    #brandsLogos,
    #aboutUs,
    #hero-anim-track,
    #upcoming,
    .services-section,
    #horizontal-scoll,
    #TechnophilesNews,
    #moment,
    #footer {
        overflow: hidden;
    }

    #horizontal-scoll .swiper-button-next {
        right: 50px;
    }

    #about-us-banner p {
        padding: 0px 10px;
    }

    .whoweare {
        padding: 30px 0px;
    }

    .whoweare .whowearetxt {
        padding: 0px 10px;
        font-size: var(--fs26);
    }

    .whoweare .mb-5 {
        margin-bottom: 1rem !important;
    }

    #productServices .column2 {
        margin-top: 0px;
    }

    #productServices .productServicesTitle {
        transform: translate(0px, 0px);
        margin-bottom: 40px;
    }

    #productServices {
        padding: 30px 0px;
    }

    #founder {
        padding: 50px 0px;
    }

    #founder .founderRight {
        margin-top: 40px;
        padding-left: 0px;
    }

    #founder .founderRight p,
    #founder .name {
        font-size: var(--fs16);
    }

    #team {
        padding: 30px 0px;
    }

    /* home */
    .brand {
        width: 180px;
        padding-left: 20px;
    }

    .brand img {
        width: 100%;
    }

    #banner .bannerThumbCards .bannerThumbImg img {
        object-fit: cover;
        height: 100%;
    }

    #banner .bannerThumbCards .bannerDetails h2 {
        font-size: 13px;
        letter-spacing: 0.3px;
    }

    #banner .bannerThumbCards .bannerDetails {
        padding: 10px 10px;
    }

    #banner .bannerThumbCards .bannerDetails h6 {
        font-size: 11px;
    }

    #banner .bannerThumbCards .bannerDetails h6 img {
        width: 8px;
        height: 8px;
    }

    #banner .bannerThumbCards.lh {
        height: 110px;
    }

    #banner .bannerThumbCards {
        height: 100px;
        border-radius: 5px;
    }

    .Financial-healthcare {
        display: flex;
        width: 100%;
    }

    .Financial-healthcare a {
        flex: 0 0 auto;
        width: 46%;
    }

    #banner .bannerThumbCards.bannerThumbCards7 {
        height: 114px;
    }

    #banner .bannerThumbCards.bannerThumbCards3 .hospitality,
    #banner .bannerThumbCards.bannerThumbCards6 .fin-arrow {
        width: 330px;
    }

    #banner .bannerThumbCards.bannerThumbCards2 .hospitality {
        width: 110px;
    }

    #welcome .hohbackdroplogo {
        width: 140px;
    }

    #welcome .hohbackdroplogo img {
        width: 100%;
    }

    #welcome .welcomeText {
        font-size: 30px;
        line-height: 1.1;
    }

    #welcome {
        padding: 50px 0px;
    }

    #welcome .welcomeTextDesc {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 20px;
    }

    #welcome .welcomeTextDesc p {
        font-size: 14px !important;
    }

    #projectsInfo .projectsInfocard {
        padding: 10px 0px;
        position: relative;
        width: 50%;
        border-top: none;
        border: 1px solid #f6f6f6;
        min-height: 100px;
    }

    #projectsInfo .projectsInfocard:last-child {
        border: none;
        border: 1px solid #f6f6f6;
    }

    #projectsInfo .cards {
        width: 100%;
        /* height: 10vh; */
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }

    #projectsInfo .projectsInfocard .projectNos {
        font-size: 40px;
        letter-spacing: -2px;
        margin-bottom: 10px;
    }

    #projectsInfo .projectsInfocard .projectInfoDetails {
        font-size: 13px;
        line-height: 1;
        letter-spacing: 0.3px;
    }

    #projectsInfo {
        min-height: auto;
        /* height: auto; */
        padding: 0px 0px 40px;
    }

    #animatedVideo {
        height: 300px;
    }

    #animatedVideo .ani_parent {
        height: 300px;
    }

    #animatedVideo .animatedVideo-revealPath1 {
        display: none;
    }

    #Value {
        overflow: hidden;
        padding: 0px 0px;
    }

    #Value .marquee-section {
        margin-top: 30px;
        padding: 0px;
    }

    #Value .marquee-section .marquee-item {
        padding: 30px 20px;
        width: 100%;
    }

    #Value .marquee-section .marquee-item.image-card .inner-item {
        position: absolute;
        left: 20px;
        top: 20px;
    }

    #Value h3 {
        font-size: var(--fs22);
    }

    #Value .marquee-section .marquee-item ul li {
        font-size: 14px;
    }

    #Value {
        overflow: hidden;
        padding: 40px 10px;
        transform: translate(0px, 0px);
    }

    #Value .marquee-section .marquee-item.deliver .icon {
        width: 230px;
    }

    #Value .marquee-section .marquee-item.deliver .icon img {
        width: 100%;
    }

    #CoreBusinessAreas .text-end {
        padding: 0px 20px;
        text-align: left !important;
        margin-bottom: 0px;
    }

    /* #CoreBusinessAreas .text-end .common-ttle {
        color: #212529;
    } */

    #CoreBusinessAreas .CoreBusinessAreas-container {
        display: block;
        padding: 0px 0px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description {
        position: relative;
    }

    #CoreBusinessAreas {
        padding: 50px 0px;
        background-color: #090912;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .buss-picimg {
        border-radius: 20px;
        overflow: hidden;
        margin-bottom: 20px;
        position: relative;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .buss-picimg img {
        height: 210px;
        object-fit: cover;
        width: 100%;
    }

    #CoreBusinessAreas .CoreBusinessAreas__sidebar-left.sticky,
    #CoreBusinessAreas .CoreBusinessAreas__sidebar-right.sticky {
        align-self: start;
        top: 0;
        height: auto;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description {
        display: block;
        opacity: 1;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessTitle {
        font-size: 18px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description p {
        font-size: 14px !important;
        letter-spacing: 0.5px;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessLogo {
        width: 150px;
        margin-bottom: 15px;
        margin-top: 0;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right .project-description .businessLogo img {
        width: 100%;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container .CoreBusinessAreas__sidebar-right {
        padding: 50px 15px 0px;
        position: relative;
        margin-top: 20px;

    }

    .CoreBusinessAreasSlider .CoreBusinessAreasSlider-pagination {
        bottom: initial;
        top: 10px;
        text-align: right;
        width: 75%;
        left: 15px;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.2);
    }

    .CoreBusinessAreasSlider .CoreBusinessAreasSlider-pagination .swiper-pagination-progressbar-fill {
        background-color: rgba(255, 255, 255, 1);
    }

    .custom-fraction {
        display: block;
        position: absolute;
        top: 0px;
        right: 20px;
    }

    #shrink {
        transform: none;
        transition: transform 0.3s ease;
    }

    #news-updates {
        padding: 0px 0px;
        transform: translate(0px, 0px);
        padding-bottom: 40px;
    }

    #news-updates .newsupdatesSlider .newsThumbCards.lh {
        height: 420px;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsDetails h2 {
        font-size: var(--fs20);
    }

    #news-updates .newsupdatesSlider {
        margin-top: 20px;
    }

    #news-updates .swiper-pagination {
        position: relative;
        bottom: 0px;
    }

    .swiper-pagination-bullet-active {
        background-color: #222;
    }

    #news-updates .newsupdatesSlider .newsThumbCards .newsThumbImg img {
        width: 100%;
        height: 100%;
    }

    #FooterHiranandani {
        padding: 30px 0 20px;
    }

    #FooterHiranandani .footer-logo img {
        width: 250px;
        margin-bottom: 20px;
    }

    #FooterHiranandani .footer-right {
        flex: 0;
        padding-top: 8px;
    }

    #FooterHiranandani .footer-grid,
    #FooterHiranandani .footer-cols {
        gap: 10px;
        flex-direction: column;
    }

    #FooterHiranandani .websites-grid ul {
        margin-bottom: 0px;
    }

    #FooterHiranandani .footer-grid {
        padding-bottom: 20px;
    }

    #FooterHiranandani .footer-bottom {
        align-items: center;
    }

    #FooterHiranandani .footer-bottom p {
        font-size: 14px !important;
        margin-bottom: 0;
    }

    #FooterHiranandani .footer-bottom a {
        margin-left: 0;
    }

    #FooterHiranandani .hoh-footer-icon-logo {
        display: none;
    }

    #brand-logo {
        padding: 50px 0px 50px;
    }

    #brand-logo .hoh-big-logo {
        transform: scale(1);
        opacity: 1;
        position: relative;
        width: 90px;
        height: 130px;
        margin-bottom: 15px;
    }

    #brand-logo .brand-logo-wrap {
        width: 100%;
        /*height: 100%;*/
        height: 145px;
    }

    #brand-logo .brand-logo-wrap .brand-logo-list-img {
        position: relative;
        transform: translate(0px, 0px);
        opacity: 1;
        filter: grayscale(0);
        transition: filter .8s ease-in-out;
        text-align: center;
    }

    .menu {
        height: 100vh;
    }

    /* #brand-logo { display: none; } */
    #Value .marquee-section .marquee-item ul {
        width: 90%;
    }

    #Value .marquee-section .marquee-item.image-card.WinTogether img {
        transform: translateY(100px) !important;
        transition: 10s;
    }

    #Value .marquee-section .marquee-item.image-card.WinTogether .white {
        color: #000 !important;
    }

    #Value .marquee-section .marquee-item.image-card {
        height: 450px;
    }

    #Value .marquee-section .marquee-item.image-card::before {
        display: none;
    }

    .CoreBusinessAreasSlider-pagination .swiper-pagination-bullet {
        background-color: white;
    }

    #Value .marquee-section {
        margin-left: 0px;
    }

    #Value .swiper-pagination {
        position: relative;
        margin-top: 20px;
    }

    #Value .marquee-section .marquee-item .txt {
        width: 90%;
        font-size: 14px;
    }

    .otherbiz .otherbizbox {
        height: 430px;
    }

    .otherbiz .swiper-pagination {
        position: relative;
        bottom: 0px;
    }

    .ourprojects .projsec .swiper-pagination-bullet {
        width: 21.5%;
    }

    .aboutbiz .biztxt {
        font-size: 20px;
        line-height: 28px;
        padding-right: 0;
    }

    .milestone ul.milestonetxt,
    .milestoneschools ul.milestoneschoolstxt,
    .milestonehos ul.milestonehostxt,
    .milestoneschools ul.milestoneschoolstxt .rupee {
        font-size: 36px;
        padding-left: 0;
        padding-top: 40px;
        display: flex;
        flex-wrap: wrap;
    }

    .milestoneschools ul.milestoneschoolstxt .rtltit {
        font-size: 28px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt {
        font-size: 26px;
        padding-left: 0;
        padding-top: 40px;
    }

    .milestone ul.milestonetxt li,
    .milestoneschools ul.milestoneschoolstxt li,
    .milestonehos ul.milestonehostxt li {
        padding: 20px 0;
        color: #fff;
        line-height: 1.2;
        width: 50%;
        font-size: 20px;
    }


    .milestonehos ul.milestonehostxt li:first-child {
        padding-top: 20px;
    }

    .milestonehos ul.milestonehostxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .milestone ul.milestonetxt span,
    .milestoneschools ul.milestoneschoolstxt span,
    .milestonehos ul.milestonehostxt span {
        font-size: 16px;
    }

    .aboutbiz {
        padding: 0 0 50px 0;
    }

    .ourprojects,
    .photogallery {
        padding: 50px 0 0 0;
    }

    .bizvideo {
        padding: 40px 10px;
    }

    .otherbiz {
        padding: 50px 0;
    }

    .otherbiz .common-ttle {
        font-size: 30px;
        margin-bottom: 18px;
    }

    .otherbiz .otherbizbox .otherbizdetails {
        font-size: 20px;
    }

    .ourprojects .projsec .prowrp {
        padding-left: 0;
    }

    .ourprojects .projsec .projtit {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 28px;
    }

    .ourprojects .projsec .prowrp .projinfo .tit {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
        margin-top: 14px;
    }

    .ourprojects .projsec .prowrp .detailinfo .tit {
        font-size: 16px;
    }

    .ourprojects .projsec .prowrp .projinfo {
        width: 96%;
    }

    .milestone,
    .milestoneschools,
    .milestonehos,
    .sustainabilitywrp {
        padding: 50px 0 20px 0;
        height: auto;
    }

    .aboutbiz .bizlogo {
        padding: 20px 0;
        margin: 0 auto;
    }

    .ourpresence .mapmain .mapwrp img {
        width: 100%;
        height: auto;
    }

    .ourpresence .mapmain .mapwrp .place {
        bottom: -80px;
        left: 0;
        height: 230px;
    }

    .ourpresence .mapmain .mapwrp .mappointer {
        position: relative;
    }

    .ourpresence .mapmain .mapwrp .mappointer.pointer1 {
        bottom: 160px;
        left: 60px;
    }

    .ourpresence .mapmain .mapwrp .mappointer.pointer2 {
        bottom: 160px;
        left: 74px;
    }

    .ourpresence .mapmain .mapwrp .mappointer.pointer3 {
        bottom: 90px;
        left: 90px;
    }

    .ourpresence .mapmain .mapwrp .mappointer.pointer4 {
        bottom: 90px;
        left: 100px;
    }

    .ourpresence .mapmain .mapwrp .mappointer.pointer5 {
        bottom: 120px;
        left: 125px;
    }

    .ourpresence .mapmain .mapwrp .mappointer.pointer6 {
        top: -259px;
        left: 160px;
    }

    .ourpresence .mapmain {
        padding-bottom: 110px;
    }

    .ourpresence {
        overflow: hidden;
    }

    .ourpresence .mapmain .mapwrp .mappointer .dot {
        width: 7px;
        height: 7px;
    }

    .aboutbiz .bixinfo {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .aboutbiz .downloadbtn img {
        width: 22px;
    }

    .aboutbiz .downloadbtn {
        font-size: 14px;
    }

    .schoolpresence {
        height: auto;
    }

    .schoolpresence .acccont {
        margin-top: 30px;
        height: auto;
    }

    .schoolpresence .flex-column {
        flex-direction: row !important;
    }

    .schoolpresence .network-tabs .nav-link {
        padding: 10px 3px;
        margin: 0 auto;
        font-size: 16px;
        border-bottom: 1px solid #939393;
    }

    .schoolpresence .map-dot,
    .schoolpresence .map-dot.active-dot {
        width: 6px;
        height: 6px;
    }

    .youtubevid .videobg iframe {
        width: 100%;
        height: 300px;
    }

    .youtubevid .videobg .videoSize {
        width: 100%;
        height: 300px;
    }

    .schoolpresence {
        padding: 40px 0;
    }

    .youtubevid {
        padding: 40px 0 0 0;
    }

    .schoolpresence .maintit .common-ttle {
        font-size: var(--fs30);
        margin-bottom: 0;
    }

    .aboutuswrp::before {
        bottom: 0;
        background-position-y: bottom;
    }

    .aboutuswrp .abouttxt {
        font-size: 38px;
        width: 100%;
        line-height: 1.1;
    }

    .aboutuswrp {
        height: 900px;
        padding: 40px 0;
    }

    .aboutuswrp .aboutdesc p {
        font-size: 16px !important;
    }

    .aboutuswrp .aboutdesc {
        margin-left: 0;
        margin-top: 10px;
    }

    .places,
    .leadership,
    .purpose-statement {
        padding: 40px 0;
    }

    .leadership .leadbx {
        margin-top: 22px;
    }

    .purpose-statement .purposebx .info .subtit {
        padding: 10px 16px;
        font-size: 10px;
    }

    .purpose-statement .purposebx .info .title {
        font-size: 30px;
    }

    .purpose-statement .purposebx .info {
        top: 20px;
        left: 20px;
    }

    .purpose-statement .purposebx {
        height: 216px;
        background-position: left;
    }

    .leadermodal {
        max-width: 100%;
        margin: 0 auto;
        left: 0;
    }

    .closebtn {
        width: 31px;
        height: 31px;
        top: -3px;
        right: -4px;
    }

    .leadermodal .info {
        max-height: 260px;
    }

    .numwrp {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }

    .places image-compare {
        border-radius: 7px;
    }

    .places .after-caption {
        right: 0;
    }

    .places .caption {
        font-size: 14px;
    }

    .places .numwrp .numinfo {
        padding: 5px;
        font-size: 26px;
    }

    .places .numwrp .numinfo:not(:last-child)::after {
        border-top: none;
    }

    .projectswrp {
        padding-top: 40px !important;
    }

    .infoSlide {
        width: 100%;
        padding: 50px 24px;
    }

    .infoSlide .popuppix {
        margin-bottom: 1rem;
    }

    .infoSlide .closeInfoSlide {
        width: 30px;
        height: 30px;
        top: 9px;
    }

    .infoSlide .info {
        max-height: 200px;
    }

    .keyclients .logowrp {
        grid-template-columns: repeat(2, 1fr);
    }

    .places .handle {
        width: 45px;
        height: 45px;
    }

    .places ul.placename li {
        margin: 7px;
    }

    .places .caption {
        bottom: 0px;
    }

    .places .caption.before {
        left: 0px;
    }

    .places .caption.after {
        right: 0;
    }

    .places .nav-pills .nav-link {
        padding: 5px 25px;
        font-size: 14px;
    }

    .leadership .leadbx .info .name .designation {
        font-size: 14px;
    }

    .leadership .leadbx .info .name {
        font-size: 24px;
    }

    .ourprojects .projsec .projimg img {
        margin-bottom: 0;
    }

    .otherbiz .otherwrp .otherlink {
        padding: 7px;
        width: 48%;
    }

    .otherbiz .otherwrp {
        gap: 10px;
    }

    .otherbiz .otherwrp .otherlink .tit {
        font-size: 15px;
        padding-bottom: 6px;
        padding-right: 0;
    }

    .otherbiz .otherwrp .otherlink .common-cta {
        font-size: 12px;
    }

    .footerwrp .getintouch {
        padding: 25px 11px;
    }

    .footerwrp .common-ttle {
        font-size: 28px;
        margin-bottom: 10px;
        padding-right: 32px;
    }

    .milestone ul.milestonetxt .star,
    .milestoneschools ul.milestoneschoolstxt .star {
        font-size: 24px;
    }

    .milestone .disclaimer {
        bottom: 0;
    }

    .bizvideo .video-box .play-btn2 {
        background-size: 70px;
    }

    .scroll-wrapper {
        height: 265px;
    }

    .scrollbar {
        width: 2px;
        height: 265px;
    }

    .infoSlide p {
        font-size: 15px !important;
    }

    .scroll-content {
        padding-right: 0;
    }

    .infoSlide h2 {
        font-size: 22px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li {
        padding: 12px 0;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt span {
        margin-top: 0px;
        padding-left: 75px;
        font-size: 14px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li .icon {
        margin-bottom: 0px;
    }

    .sustainabilitywrp ul.sustainabilitywrptxt li .icon img {
        width: 45px;
        height: 45px;
    }

    .susgallery .custom-pills .nav-link {
        font-size: 12px;
    }

    .champion-mascots .championwrp .championbx,
    .champion-mascots .championwrp {
        display: block;
    }

    .champion-mascots .championwrp .championbx {
        margin-bottom: 20px;
    }

    .champion-mascots .championwrp .championbx .img-wrapper {
        width: 100%;
        height: 240px;
    }

    .champion-mascots .championwrp .championbx .num {
        font-size: 36px;
        line-height: 1.1;
    }

    .champion-mascots .championwrp .championbx .subtxt {
        font-size: 16px;
    }

    .mattersvid .mattersvidSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .swiper-pagination-bullet,
    #brand-logo .brand-logo-wrap .newsupdatesSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .swiper-pagination-bullet {
        background-color: #c59a5b;
    }

    .mattersvid .mattersvidSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        padding: 2px 16px;
        border-radius: 5px;
    }

    .mattersvid .mattersvidSwiper .swiper-pagination {
        bottom: 20px;
        position: relative;
    }

    .impactwrp .so-far-card .numb span {
        font-size: 12px;
    }

    .impactwrp .so-far-card .numb {
        margin-top: 3px;
    }

    .champion-mascots .championwrp .championbx .info {
        text-align: center;
    }

    .susgallery .custom-pills {
        justify-content: start;
        margin-top: 10px;
    }

    .susecwrp .card-content {
        display: block;
        padding: 40px 15px;
    }

    .susecwrp .projtit {
        font-size: 20px;
    }

    .susecwrp .card-content>div {
        width: 100%;
    }

    .susecwrp .nav-pills {
        display: flex;
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
    }

    .susecwrp .nav-pills li {
        width: 30.33%;
    }

    .susecwrp .nav-pills .nav-link {
        border-radius: 8px;
        padding: 8px 7px;
        font-size: 12px;
        min-height: 80px;
    }

    .susecwrp .tabs-wrapper {
        top: 75px;
        padding: 15px 15px;
    }

    .susecwrp .cards {
        padding: 0 15px;
    }

    .susecwrp .projinfo .tit {
        font-size: 14px;
        line-height: 22px;
    }

    .susecwrp .projinfo {
        padding: 0 0;
    }

    .susecwrp .common-ttle {
        margin-bottom: 10px;
    }

    .impactwrp .so-far-card ul li {
        height: 25px;
    }

    .mattersvid .mattersvidSwiper {
        margin: 20px 0 0 0;
    }

    .champion-mascots,
    .susgallery,
    .susecwrp,
    .mattersvid,
    .impactwrp {
        padding: 40px 0;
    }

    .impactwrp .so-far-card .name {
        font-size: 16px !important;
    }

    .ourprojects .Strategy-tabs .slider-thumbnail .swiper-slide {
        font-size: 12px;
        width: auto !important;
        margin: 0 3px;
        padding: 8px 15px;
    }

    .ourprojects .swiper-button-next-Proj,
    .ourprojects .swiper-button-prev-Proj,
    .ourprojects .swiper-button-next-Proj4,
    .ourprojects .swiper-button-prev-Proj4,
    .ourprojects .swiper-button-next-Proj,
    .ourprojects .swiper-button-next-Proj3,
    .ourprojects .swiper-button-next-Proj4,
    .ourprojects .swiper-button-prev-Proj.swiper-button-disabled,
    .ourprojects .swiper-button-prev-Proj3.swiper-button-disabled,
    .ourprojects .swiper-button-prev-Proj4.swiper-button-disabled,
    .ourprojects .swiper-button-prev-Proj,
    .ourprojects .swiper-button-prev-Proj3,
    .ourprojects .swiper-button-prev-Proj4 {
        top: 115px;
        width: 25px;
        height: 25px;
    }

    .ourprojects .Proj-nes-slider,
    .ourprojects .Strategy-tabs,
    .ourprojects .pad40 {
        padding: 0;
    }

    .ourprojects .Proj-nes-slider,
    .ourprojects .Proj-nes-slider1,
    .ourprojects .Proj-nes-slider2,
    .ourprojects .Proj-nes-slider3,
    .ourprojects .Proj-nes-slider4 {
        padding: 0;
    }

    .ourprojects .Projslider {
        padding-bottom: 40px;
    }

    .ourprojects .projinfo .data {
        margin-bottom: 20px;
    }

    .ourprojects .projtit {
        margin-bottom: 10px;
    }

    .photogallery .gallery .img_disclaimer {
        bottom: 28px;
    }

    #brand-logo .brand-logo-wrap .brand-logo-list-img {
        border: 1px solid #f6f6f6;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #brand-logo .brand-logo-wrap .brand-logo-list-img img {
        opacity: 1;
        width: 100%;
        height: auto;
    }

    .brandlogoSlider .swiper-wrapper {
        transition-timing-function: linear !important;
        will-change: transform;
    }

    .brandlogoSlider .brandlogoSlider-pagination {
        display: none;
    }

    .loans .loanwrp {
        margin-top: 20px;
        display: block;
    }

    .loans .loanwrp .loanbx {
        margin-bottom: 20px;
    }

    .loans {
        padding: 40px 0;
    }

    .schoolpresencewrp {
        padding: 40px 0;
        height: auto;
    }

    .schoolpresencewrp .mapwrp img {
        height: auto;
    }

    .schoolpresencewrp .mapwrp .locdetails {
        width: 100%;
    }

    .schoolpresencewrp .mapwrp .locdetails.loc1,
    .schoolpresencewrp .mapwrp .locdetails.loc2,
    .schoolpresencewrp .mapwrp .locdetails.loc3,
    .schoolpresencewrp .mapwrp .locdetails.loc4,
    .schoolpresencewrp .mapwrp .locdetails.loc5,
    .schoolpresencewrp .mapwrp .locdetails.loc5p,
    .schoolpresencewrp .mapwrp .locdetails.loc6,
    .schoolpresencewrp .mapwrp .locdetails.loc7,
    .schoolpresencewrp .mapwrp .locdetails.loc8,
    .schoolpresencewrp .mapwrp .locdetails.loc8p,
    .schoolpresencewrp .mapwrp .locdetails.loc8pip,
    .schoolpresencewrp .mapwrp .locdetails.loc9,
    .schoolpresencewrp .mapwrp .locdetails.loc10,
    .schoolpresencewrp .mapwrp .locdetails.loc10p,
    .schoolpresencewrp .mapwrp .locdetails.loc11,
    .schoolpresencewrp .mapwrp .locdetails.loc11p,
    .schoolpresencewrp .mapwrp .locdetails.loc12,
    .schoolpresencewrp .mapwrp .locdetails.loc12p,
    .schoolpresencewrp .mapwrp .locdetails.loc8pip,
    .schoolpresencewrp .mapwrp .locdetails.loc12pi,
    .schoolpresencewrp .mapwrp .locdetails.loc11pi,
    .schoolpresencewrp .mapwrp .locdetails.loc5pi {
        left: 0;
        top: 0;
        margin-top: 20px;
        position: relative;
    }

    .schoolpresencewrp .locdetails,
    .schoolpresencewrp .locdetails.locdetailshfs {
        position: relative;
        width: 100% !important;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot1 {
        top: 36%;
        left: 17.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot2 {
        top: 35%;
        left: 20%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot3 {
        top: 49%;
        left: 38%;
    }

    .schoolpresencewrp .mapwrp .locdetails::after {
        display: none;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot4 {
        top: 11%;
        left: 19%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot5 {
        top: 13%;
        left: 50%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot5p {
        top: 19%;
        left: 50%
    }

    .schoolpresencewrp .mapwrp .map-dot.dot6 {
        top: 16%;
        left: 12%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot7 {
        top: 17%;
        left: 34%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot8 {
        top: 21.5%;
        left: 19%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot8pi {
        top: 28%;
        left: 21%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot8p {
        top: 30.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot9 {
        top: 22.5%;
        left: 37%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot11pi {
        top: 36%;
        left: 28%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot10 {
        top: 26%;
        left: 25%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot10p {
        top: 37%;
        left: 25%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot11 {
        top: 26.5%;
        left: 38%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot11p {
        top: 37.5%;
        left: 38%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot12 {
        top: 31%;
        left: 34%;
        ;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot12p {
        top: 44%;
        left: 34%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot12pi {
        top: 39%;
        left: 34.5%;
    }

    .schoolpresencewrp .mapwrp .map-dot.dot5pi {
        top: 17%;
        left: 46.3%;
    }

    #Value .marquee-section .marquee-item.image-card img {
        height: 450px;
    }

    .policy {
        padding: 40px 0;
    }

    .mumbaimap .mapimg .map-dot.dot2 {
        top: 38.5%;
        left: 85.3%;
    }

    .mumbaimap .mapimg .locdetails.loc2 {
        top: 17%;
        left: 71.5%;
    }

    .mumbaimap .maintit {
        position: relative;
        padding-top: 40px;
    }

    #banner .bannerThumbCards .bannerDetails .img_disclaimer {
        font-size: 7px;
        right: 6px;
        bottom: 2px;
    }

    #FooterHiranandani .footer-address p {
        font-size: 14px !important;
    }

    #FooterHiranandani .footer-address p span img {
        width: 15px;
        padding-bottom: 3px;
        margin-right: 5px;
    }

    #FooterHiranandani .footer-contact a,
    #FooterHiranandani .footer-address a span img {
        width: 15px;
        padding-bottom: 3px;
        margin-right: 5px;
    }

    #Value .valuebtn {
        bottom: 10px;
    }

    #Value .valuebtn .swiper-button-prev,
    #Value .valuebtn .swiper-button-next {
        width: 30px;
        height: 30px;
    }

    #Value .valuebtn .swiper-button-prev {
        left: -78px;
    }

    #Value .valuebtn .swiper-button-prev::after,
    #Value .valuebtn .swiper-button-next::after {
        font-size: 10px;
    }

    #global-map .footprints {
        display: block;
        padding: 20px;
    }

    #global-map .leftPanel {
        width: 100%;
    }

    #global-map {
        padding: 20px 0;
    }

    #global-map .mapContainer {
        margin-top: 15px;
    }

    #global-map .backBtn {
        margin-top: 15px;
        display: none;
        cursor: pointer;
        font-size: 14px;
        color: #666;
    }

    #global-map .backBtn .circle {
        padding: 5px;
    }

    #global-map .cityMarker .cityTooltip ul {
        margin: 0;
        padding: 0px 15px;
    }

    #global-map .cityMarker .cityTooltip .tooltipHead {
        background: #b7874a;
        color: #fff;
        padding: 5px 15px;
        font-weight: 700;
    }

    #global-map .footprints {
        height: auto;
    }

    #global-map .maharashtra {
        top: 63%;
        left: 23%;
    }

    #global-map .karnataka {
        left: 25%;
    }

    #global-map .telangana {
        left: 37%;
    }

    #global-map .tamil {
        top: 88%;
        left: 37%;
    }

    #global-map .mumbai {
        top: 65.2%;
        left: 17.7%;
    }

    #global-map .thane {
        left: 19.6%;
    }

    #global-map .kalyan {
        left: 22.6%;
    }

    .brandsSlider .brandSlider .swiper-button-prev,
    .brandsSlider .brandSlider .swiper-button-next {
        top: 650px;
    }

    .purpose-section {
        text-align: center;
        padding: 60px 20px;
    }

    .purpose-section .container .pillar-img {
        margin-top: 30px;
        max-width: 200px;
    }

    .purpose-section .container .title,
    .purpose-section .container .subtitle {
        font-size: 28px !important;
    }

    .purpose-section .container .line {
        margin: 20px auto;
    }

    #global-map .hyderabad {
        top: 68.1%;
        left: 38.4%;
    }

    #global-map .bengaluru {
        top: 87.5%;
        left: 36.5%;
    }

    #global-map .chennai {
        left: 25.3%;
        top: 78%;
    }


    #brand-logo .hoh-big-logo {
        display: none;
    }


    .milestone ul.milestonetxt {
        display: flex;
        flex-wrap: wrap;
    }

    .milestone ul.milestonetxt li {
        width: 50%;
    }

    .milestone ul.milestonetxt li:first-child {
        padding-top: 20px;
    }

    .milestone ul.milestonetxt span,
    .milestoneschools ul.milestoneschoolstxt span,
    .milestonehos ul.milestonehostxt span {
        font-size: 11px;
    }

    .milestone ul.milestonetxt,
    .milestoneschools ul.milestoneschoolstxt,
    .milestonehos ul.milestonehostxt {
        font-size: 26px;
        padding-left: 0;
        padding-top: 40px;
    }

    .milestoneschools ul.milestoneschoolstxt .rupee {
        font-size: 14px;
        display: inline-block;
    }

    .milestone ul.milestonetxt li:last-child {
        border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    }

    .ourprojects {
        overflow: hidden;
    }


    .ourprojects .Strategy-tabs .slider-thumbnail {
        width: 100%;
        position: relative;
        overflow: visible;
    }

    .ourprojects .Strategy-tabs .slider-thumbnail .swiper-slide {
        background-color: #c59a5b;
        border-radius: 5px;
    }

    .ourprojects .Strategy-tabs .slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
        background-color: #fff;
    }

    .ourprojects .projtit {
        font-size: 24px;
    }

    .ourprojects .projinfo .tit {
        font-size: 16px;
        line-height: 24px;
    }

    .otherbiz .otherwrp {
        justify-content: flex-start;
    }

    .otherbiz .otherwrp .otherlink {
        border-radius: 5px;
    }

    .visitlink .common-cta3 {
        font-size: 24px;
    }

    .subtitle {
        font-size: 14px;
    }

    .ourprojects .projimg img {
        border-radius: 5px;
        aspect-ratio: 4 / 2;
        object-fit: cover;
    }

    /* .ourprojects .swiper-button-next-Proj,
    .ourprojects .swiper-button-prev-Proj,
    .ourprojects .swiper-button-next-Proj4,
    .ourprojects .swiper-button-prev-Proj4,
    .ourprojects .swiper-button-next-Proj3,
    .ourprojects .swiper-button-prev-Proj3 {
        display: none;
    } */

    .img_disclaimer {
        font-size: 10px;
    }

    .photogallery .gallery .gallery-img {
        border-radius: 0px;
    }

    .photogallery .div {
        border-radius: 0px;
    }

    #global-map .mapContainer {
        touch-action: inherit;
    }

    .is-horizontal .f-button.is-arrow.is-prev,
    .is-horizontal .f-button.is-arrow.is-next {
        display: none;
    }

    #retail-page .ourprojects .projsec .projtit {
        margin-top: 40px;
    }

    .milestone ul.milestonetxt {
        padding-bottom: 30px;
    }

    .milestoneschools ul.milestoneschoolstxt li:first-child {
        padding-top: 20px;
    }


    /* home bnr swiper */

    #banner .banner_wrap {
        display: none;
    }

    #banner .hoh_banner_mobile {
        padding: 0px 15px 40px;
        display: block;
        position: relative;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards {
        height: 350px !important;
        margin: 0px !important;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails {
        padding: 20px 20px 20px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h2 {
        font-size: 22px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h6 {
        font-size: 15px;
    }

    /* home bnr swiper */

    #brand-logo .brand_logo_mobile {
        display: block;
    }

    #brand-logo .brand_logo_tabs {
        display: none;
    }

    #brand-logo .brand-logo-wrap {
        display: none;
    }

    .visitlink .container .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .mumbaimap .mapimg .locdetails .detail li::before,
    .schoolpresencewrp .mapwrp .locdetails .detail li::before {
        content: "";
        width: 8px;
        height: 9px;
        background-image: url(../images/map-right-arrw-black.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        position: absolute;
        top: 5px;
        left: 0px;
    }

    .ourprojects .item {
        align-items: flex-start;
        padding-top: 20px;
    }

    .ourprojects .item.retail-projex-utem {
        padding-top: 50px;
    }




}


/* iPad Pro 12.9" - Landscape */
@media only screen and (width: 1366px) and (height: 1024px) and (-webkit-device-pixel-ratio: 2) {

    #Value .marquee-section .marquee-item.image-card {
        height: 450px !important;
    }

    body.BGblack .Value .common-ttle {
        color: #fff !important;
    }


    #banner .banner_wrap {
        display: none;
    }

    #banner .hoh_banner_mobile {
        padding: 0px 15px 40px;
        display: block;
        position: relative;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards {
        height: 350px !important;
        margin: 0px !important;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails {
        padding: 20px 20px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h2 {
        font-size: 22px;
    }

    #banner .hoh_banner_mobile .swiper-wrapper .swiper-slide .bannerThumbCards .bannerDetails h6 {
        font-size: 18px;
    }

    #banner .hoh_banner_mobile .swiper-pagination-bullet {
        background-color: #c59a5b;
    }


    #welcome .hohbackdroplogo {
        width: 300px;
    }

    #welcome .hohbackdroplogo img {
        max-width: 100%;
        height: auto;
    }

    #brand-logo .brand_logo_mobile {
        display: none;
    }

    #brand-logo .brand_logo_tabs {
        display: block;
        text-align: center;
    }

    #brand-logo .brand-logo-wrap {
        display: none;
    }

    #brand-logo .hoh-big-logo {
        display: none;
    }


    .visitlink .container .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .susecwrp .nav-pills {
        display: flex;
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
    }

    .susecwrp .nav-pills li {
        width: 30.33%;
    }

    .susecwrp .nav-pills .nav-link {
        font-size: 14px;
        width: 100%;
    }

    #CoreBusinessAreas .CoreBusinessAreasSlider {
        display: none !important;
    }

}

/* iPad Pro 12.9" - Portrait */
@media only screen and (width: 1024px) and (height: 1366px) and (-webkit-device-pixel-ratio: 2) {

    #banner .bannerThumbCards .bannerThumbImg img {
        transition: 1s ease;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #projectsInfo {
        min-height: auto;
    }

    #projectsInfo .cards {

        width: 960px;

    }

    #projectsInfo .projectsInfocard {
        width: 100%;
        position: absolute;
    }

    .is-horizontal .f-button.is-arrow.is-prev,
    .is-horizontal .f-button.is-arrow.is-next {
        display: none;
    }

    #brand-logo .brand_logo_mobile {
        display: none;
    }

    #brand-logo .brand_logo_tabs {
        display: block;
        text-align: center;
    }

    #brand-logo .brand-logo-wrap {
        display: none;
    }

    .visitlink .container .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .susecwrp .nav-pills {
        display: flex;
        width: 100%;
        gap: 10px;
        flex-wrap: wrap;
    }

    .susecwrp .nav-pills li {
        width: 30.33%;
    }

    #CoreBusinessAreas .CoreBusinessAreas-container {
        display: none;
        padding: 0px 0px;
    }

    #CoreBusinessAreas .CoreBusinessAreasSlider {
        display: block !important;
    }

    #projectsInfo .cards {
        width: 90%;
        height: 30vh;
        position: relative;
        background-color: var(--white);
        margin: auto;
    }

    #projectsInfo .projectsInfocard {
        padding: 2em;
        color: white;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--white);
        /* border-bottom: solid 1px rgba(0, 0, 0, 0.2); */
        padding-left: 0px;
    }

    #projectsInfo .projectsInfocard .projectNos {
        font-size: 100px;
        line-height: 1;
        font-weight: var(--400);
        color: var(--color2);
        letter-spacing: -5px;
    }

    #projectsInfo .projectsInfocard .projectInfoDetails {
        font-size: var(--fs24);
        font-weight: var(--500);
        color: var(--color2);
        line-height: 1.1;
        display: grid;
        align-items: center;
        height: 100%;
        letter-spacing: -0.3px;
    }

    #animatedVideo .animatedVideo-revealPath1 {
        display: block;
    }

    #animatedVideo .ani_parent {
        position: sticky;
        top: 0;
        height: 100vh;
        width: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        z-index: 5;
    }

    #animatedVideo,
    #animatedVideo .ani_parent {
        height: 100vh;
    }

}

@media only screen and (min-width: 820px) and (max-device-width: 1200px) and (orientation: portrait) {

    #projectsInfo .cards {
        width: 90%;
        height: auto;
        position: relative;
        background-color: var(--white);
        margin: auto;
    }

    #projectsInfo .projectsInfocard {
        padding: 1em;
        color: white;
        position: relative;
        width: 100%;
        height: 100%;
        background-color: var(--white);
        /* border-bottom: solid 1px rgba(0, 0, 0, 0.2); */
        padding-left: 0px;
        transform: none !important;
    }

    #projectsInfo .projectsInfocard .projectNos {
        font-size: 66px;
        line-height: 1;
        font-weight: var(--400);
        color: var(--color2);
        letter-spacing: -5px;
    }

    #projectsInfo .projectsInfocard .projectInfoDetails {
        font-size: var(--fs24);
        font-weight: var(--500);
        color: var(--color2);
        line-height: 1.1;
        display: grid;
        align-items: center;
        height: 100%;
        letter-spacing: -0.3px;
    }

    /* #animatedVideo .animatedVideo-revealPath1 {
        display: block;
    }

    #animatedVideo .ani_parent {
        position: sticky;
        top: 0;
        height: 100vh;
        width: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        z-index: 5;
    }

    #animatedVideo,
    #animatedVideo .ani_parent {
        height: 100vh;
    } */

}

@media screen and (min-width: 800px) and (max-width: 900px) and (orientation: portrait) {

    #projectsInfo .projectsInfocard .projectNos {
        color: red;
    }

}