@media (max-width: 1380px){
    .evsrvc-out .evsrvc-dtlar h5 {
        padding-left: 45px;
    }
    .evsrvc-out h5 {
        font-size: 16px;
        line-height: 26px;
    }
    .commit-orng p{
        font-size: 20px;
    }
    .card:hover .esg-hvrtxt {
        top: calc(100% - 160px);
    }
    .discover-sustain .col-md-8 .esg-hvrtxt{
        width: 97%;
    }
    .green-feed h3{
        font-size: 40px;
    }
}


/* Small devices (landscape phones, 767px and up)*/
@media (max-width: 767px){ 
section {
    padding: 55px 10px;
}
/* Homepage */
.main-banner {
    padding: 60px 10px 45px;
    height: 40vh;
}
.main-banner h1 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 12px;
    margin-top: 17px;
}
.main-banner p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
}
.main-banner a {
    font-size: 13px;
}
.main-banner a img{
    max-width: 30px;
}
.watch-btn a span:before{
    left: -4px;
    top: -4px;
}
.down-aarow{
    bottom: 20px;
}
.watch-btn{
    bottom: 70px;
}
.home-counter{
    padding-top: 70px;
}
.abut-tag .col:after{
    right: -1px;
}
.service-tab-sec .nav {
    gap: 18px;
    width: 100%;
}
.counter h4 {
    font-size: 13px;
    margin-bottom: 0px;
}
.home-counter .col {
    flex-basis: 50%;
    margin-bottom: 5px;
    width: 50%;
    flex: 0 0 50%;
    padding: 0 4px;
}
.home-counter .count-tag .counter{
    margin-bottom: 0;
}
.home-counter .count-tag{
    margin-bottom: 30px;
}
.abut-tag .col{
    width: 25%;
    flex: 0 0 25%;
}
.abut-tag .abt-stamp-outr img{
    max-width: 40px;
}
.counter {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
}
.service-tab-sec h4 {
    margin-top: 20px;
}
.heading {
    font-size: 32px;
    line-height: 44px;
}
.container-fluid{
    padding-left: 15px;
    padding-right: 15px;
}
.cloud-slider .item-innr {
    padding: 30px 10px;
}
.cloud-slider .owl-dots {
    margin-top: 20px !important;
}
.freecall-sec h4 {
    font-size: 26px;
    line-height: 38px;
}
.award-sec h4 {
    font-size: 26px;
    margin-bottom: 15px;
    padding-bottom: 14px;
    margin-top: 20px;
}
.award-sec p br{
    display: none;
}
.abut-tag .abt-stamp-outr{
    min-height: 68px;
}
.abut-tag h6 {
    font-size: 10px;
    margin-top: 10px;
    line-height: 16px;
}
.counter-icon:after{
    display: none;
}
.counter-icon{
    padding: 5px;
}
.counter-icon span{
    font-size: 14px;
}
.counter-icon span{
    font-size: 18px;
}
.about-video-slider .owl-nav{
    top: 8%;
}
.about-video-slider .owl-nav .owl-prev{
    left: 8%;
}
.about-video-slider .owl-nav .owl-next{
    right: 8%;
}
.about-video-slider .owl-item h4{
    font-size: 22px;
}
.about-video-slider .owl-item p{
    font-size: 14px;
    line-height: 25px;
}
.our-spaces .container-fluid.mt-4 .container{
    padding: 0;
}
.our-spaces .hmpage-tabs li button{
    font-size: 12px;
    padding: 5px;
}
.col-md-4.order-lg-2{
    text-align: center;
    margin-bottom: 25px;
}
.ceo-msg h5{
    font-size: 20px;
}
.ceo-msg h5 span{
    font-size: 16px;
    line-height: 28px;
}
.main-title{
    font-size: 28px;
        line-height: 40px;
}
.commitment ul{
    column-count: 1;
}
.commitment ul li{
    margin-bottom: 20px;
    line-height: 26px;
}
.commit-text{
    padding-bottom: 60px;
}
.smthng-specific h4{
    font-size: 22px;
}
.smthng-specific p{
    font-size: 20px;
    margin-bottom: 10px;
}
.smthng-specific .col-md-3 a{
    font-size: 15px;
    margin-bottom: 10px;
}
.smthng-specific .col-md-3{
    width: 50%;
}
.smthng-specific .col-md-3 a img {
    margin-left: 5px;
    max-width: 30px;
}
.footer-area .ps-1 {
    padding-left: 15px!important;
}
/* Homepage */


.book-conslt h2 {
    font-size: 32px;
    line-height: 48px;
}
.book-form button {
    margin-top: 30px;
}
.process-innr h5 {
    top: 5px;
}
.process-icon {
    width: 55px;
    height: 55px;
}
.process-icon {
    font-size: 30px;
}
.process-icon::before {
    width: 70px;
    height: 70px;
}
.process-innr::before {
    left: 26px;
    top: 37px;
    height: 86%;
}
.process-innr h5::before {
    left: 11px;
}
.wsfc-lft {
    padding-top: 30px;
}
.pimplmnt-innr,.setblk-outrar .setb-innrar{
    min-height: auto;
}
.process-innr .crm-txt {
    padding-left: 90px;
    margin-top: -40px;
}
.faq-accordion-content .accordion-item button {
    padding: 10px 20px 10px 55px;
    line-height: 25px;
}
.botm-form-inner {
    margin-top: 30px;
}
.service-slider .owl-item.center {
    margin-left: 30px !important;
    margin-right: 10px !important;
}
.service-slider .owl-item.center .item h4 {
    font-size: 13px;
    line-height: 23px;
}
div#interactive-section {
    flex-direction: column;
    height: 580px;
}

.block h2 {
    bottom: 7px;
    left: 12px;
    rotate: 0deg;
    text-align: left;
    min-height: auto;
}
.block.active .content {
    height: auto;
    padding: 15px 15px;
    width: 90%;
}
.block.active {
    padding-top: 10px;
}
.block.active h3 {
    margin-top: 0px;
}
.block.active h2{display: none;}
.block.active .content h4 {
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 22px;
}
.oberoi-city-info .city-map {
    left: -12px;
    top: 0px;
    width: 50%;
    max-width: max-content;
}
.menu-card img {
    display: none;
}
.col.menu-card {
    width: 100%;
    flex: 100%;
}
.menu-property-list .menu-card a {
    width: 100%;
    margin-bottom: 6px;
    box-shadow: none;
}
.menu-property-list .menu-card a .megamenu-dropcontent p br{display: none;}
.menu-property-list .menu-card a .megamenu-dropcontent {
    padding: 10px 10px 10px;
}
.oberoi-city-info .city-map .main-map-box .pin1 figure span, .oberoi-city-info .city-map .main-map-box .pin2 figure span, .oberoi-city-info .city-map .main-map-box .pin3 figure span, .oberoi-city-info .city-map .main-map-box .pin4 figure span, .oberoi-city-info .city-map .main-map-box .pin5 figure span, .oberoi-city-info .city-map .main-map-box .pin6 figure span, .oberoi-city-info .city-map .main-map-box .pin7 figure span, .oberoi-city-info .city-map .main-map-box .pin8 figure span, .oberoi-city-info .city-map .main-map-box .pin9 figure span, .oberoi-city-info .city-map .main-map-box .pin10 figure span, .oberoi-city-info .city-map .main-map-box .pin11 figure span, .oberoi-city-info .city-map .main-map-box .pin12 figure span {
    font-size: 11px !important;
}
.oberoi-city-info .city-map .main-map-box .pin1 figure, .oberoi-city-info .city-map .main-map-box .pin2 figure, .oberoi-city-info .city-map .main-map-box .pin3 figure, .oberoi-city-info .city-map .main-map-box .pin4 figure, .oberoi-city-info .city-map .main-map-box .pin5 figure, .oberoi-city-info .city-map .main-map-box .pin6 figure, .oberoi-city-info .city-map .main-map-box .pin7 figure, .oberoi-city-info .city-map .main-map-box .pin8 figure, .oberoi-city-info .city-map .main-map-box .pin9 figure, .oberoi-city-info .city-map .main-map-box .pin10 figure, .oberoi-city-info .city-map .main-map-box .pin11 figure, .oberoi-city-info .city-map .main-map-box .pin12 figure {
    width: 22px;
    height: 22px;
}
.oberoi-city-info .city-map .main-map-box .pin1 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin1 a.active figure, .oberoi-city-info .city-map .main-map-box .pin2 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin2 a.active figure, .oberoi-city-info .city-map .main-map-box .pin3 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin3 a.active figure, .oberoi-city-info .city-map .main-map-box .pin4 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin4 a.active figure, .oberoi-city-info .city-map .main-map-box .pin5 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin5 a.active figure, .oberoi-city-info .city-map .main-map-box .pin6 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin6 a.active figure, .oberoi-city-info .city-map .main-map-box .pin7 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin7 a.active figure, .oberoi-city-info .city-map .main-map-box .pin8 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin8 a.active figure, .oberoi-city-info .city-map .main-map-box .pin9 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin9 a.active figure, .oberoi-city-info .city-map .main-map-box .pin10 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin10 a.active figure, .oberoi-city-info .city-map .main-map-box .pin11 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin11 a.active figure, .oberoi-city-info .city-map .main-map-box .pin12 a:hover figure, .oberoi-city-info .city-map .main-map-box .pin12 a.active figure {
    width: 22px;
    height: 22px;
}
.oberoi-city-info .city-map .main-map-box .pin1 figure::before, .oberoi-city-info .city-map .main-map-box .pin2 figure::before, .oberoi-city-info .city-map .main-map-box .pin3 figure::before, .oberoi-city-info .city-map .main-map-box .pin4 figure::before, .oberoi-city-info .city-map .main-map-box .pin5 figure::before, .oberoi-city-info .city-map .main-map-box .pin6 figure::before, .oberoi-city-info .city-map .main-map-box .pin7 figure::before, .oberoi-city-info .city-map .main-map-box .pin8 figure::before, .oberoi-city-info .city-map .main-map-box .pin9 figure::before, .oberoi-city-info .city-map .main-map-box .pin10 figure::before, .oberoi-city-info .city-map .main-map-box .pin11 figure::before, .oberoi-city-info .city-map .main-map-box .pin12 figure::before {
    width: 26px;
    height: 26px;
}
.oberoi-city-info .city-map .main-map-box .pin1 p, .oberoi-city-info .city-map .main-map-box .pin2 p, .oberoi-city-info .city-map .main-map-box .pin3 p, .oberoi-city-info .city-map .main-map-box .pin4 p, .oberoi-city-info .city-map .main-map-box .pin5 p, .oberoi-city-info .city-map .main-map-box .pin6 p, .oberoi-city-info .city-map .main-map-box .pin7 p, .oberoi-city-info .city-map .main-map-box .pin8 p, .oberoi-city-info .city-map .main-map-box .pin9 p, .oberoi-city-info .city-map .main-map-box .pin10 p, .oberoi-city-info .city-map .main-map-box .pin11 p, .oberoi-city-info .city-map .main-map-box .pin12 p {
    margin-top: 3px;
    font-size: 7px !important;
    line-height: 8px;
}
.abt-bnnr-txt {
    background: linear-gradient(to right, rgb(255 255 255 / 35%) 0%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.4) 77%, rgb(255 255 255 / 35%) 100%);
}
.abt-bnnr-txt ul li {
    width: 27%;
    min-width: auto;
    flex-direction: column;
    text-align: center;

}
.abt-bnnr-txt ul li p {
    font-size: 14px;
    line-height: 22px;
    border-left: none;
    padding-left: 0px;
}
.abt-bnnr-txt ul li img {
    margin-right: 0px;
            height: 50px;
}
.abt-bnnr-txt ul li p small {
    font-size: 12px;
}
.abt-bnnr-txt ul li p sub {
    font-size: 12px;
}
.abt-ntz-square .col-md-7{
    margin-top: 25px;
}
.abt-bnnr-txt ul li p br{display: none;}
.abt-bnnr-txt ul {
    padding-left: 0;
}
/* footer  */
.subscribe-area {
    padding: 30px 10px;
}
.subscribe-area .subscribe-content h3 {
    font-size: 26px;
    margin-bottom: 20px;
}
.subscribe-area .newsletter-form button {
    padding: 0 15px;
    font-size: 13px;
}
.footer-area {
    padding-bottom: 20px;
}
.single-footer-widget {
    padding-top: 25px;
    margin-bottom: 20px;
}
.single-footer-widget h3 {
    margin-bottom: 15px;
}
.single-footer-widget .quick-links li {
    margin-bottom: 5px;
}
.copyright-area .justify-content-end {
    justify-content: center !important;
}
.copyright-area p {
    text-align: center;
}
/* footer end */

.menu-property-list h3{
    font-size: 18px;
    margin-bottom: 15px;
    display: none;
}
.menu-property-list hr{
    display: none;
}
header .nav-link{
    color: #000;
    padding: 5px 10px;
}
header .nav-link.hdr-btn{
    background: var(--main-color);
    color: #fff;
}
.hdr-btn::before{
    display: none;
}
.block.active .content p {
    line-height: 24px;
    margin: 8px 0;
    font-size: 14px;
}
.block{
    margin: 3px 0;
}
.block h2{
    font-size: 15px;
    bottom: 11px;
}
.responsive-video {
    max-height: 400px;
    margin: 40px 0;
    display: none;
}
.lp-details.d-none {
    display: block !important;
}
.leading-projects{
    margin-bottom: 50px;
    padding-top: 60px !important;
}
.landing-project-info {
    padding-right: 0;
}
.lp-details {
    padding: 15px;
}
.oberoi-city-info .city-map .main-map-box .pin1 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin1 a.active::before, .oberoi-city-info .city-map .main-map-box .pin2 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin2 a.active::before, .oberoi-city-info .city-map .main-map-box .pin3 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin3 a.active::before, .oberoi-city-info .city-map .main-map-box .pin4 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin4 a.active::before, .oberoi-city-info .city-map .main-map-box .pin5 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin5 a.active::before, .oberoi-city-info .city-map .main-map-box .pin6 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin6 a.active::before, .oberoi-city-info .city-map .main-map-box .pin7 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin7 a.active::before, .oberoi-city-info .city-map .main-map-box .pin8 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin8 a.active::before, .oberoi-city-info .city-map .main-map-box .pin9 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin9 a.active::before, .oberoi-city-info .city-map .main-map-box .pin10 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin10 a.active::before, .oberoi-city-info .city-map .main-map-box .pin11 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin11 a.active::before, .oberoi-city-info .city-map .main-map-box .pin12 a:hover::before, .oberoi-city-info .city-map .main-map-box .pin12 a.active::before{
    width: 50vw;
}
.oberoi-city-info .city-map .main-map-box .pin1 a::before, .oberoi-city-info .city-map .main-map-box .pin2 a::before, .oberoi-city-info .city-map .main-map-box .pin3 a::before, .oberoi-city-info .city-map .main-map-box .pin4 a::before, .oberoi-city-info .city-map .main-map-box .pin5 a::before, .oberoi-city-info .city-map .main-map-box .pin6 a::before, .oberoi-city-info .city-map .main-map-box .pin7 a::before, .oberoi-city-info .city-map .main-map-box .pin8 a::before, .oberoi-city-info .city-map .main-map-box .pin9 a::before, .oberoi-city-info .city-map .main-map-box .pin10 a::before, .oberoi-city-info .city-map .main-map-box .pin11 a::before, .oberoi-city-info .city-map .main-map-box .pin12 a::before{
    left: 32px;
    top: 7px;
}

.earth-icon {
    margin-left: -5px;
    margin-top: 0px;
    max-width: 44px;
}
.pledge-bannr{
    height: 50vh;
}
.pledge-bannr h1{
    font-size: 36px !important;
}
.pledge-bannr h1 span.lft-txt {
    transform: matrix(1, 0, 0, 1, -15, 0);
    display: inline-block;
}
.pledge-count {
    padding: 60px 0;
}
.pledge-count h3 {
    font-size: 24px;
    margin-bottom: 15px !important;
    /* color: #f58220; */
    font-weight: 700;
}
.pledge-count .col-md-5.pe-5{
    text-align: center;
    padding: 0 10px !important;
}
.pledge-count h2 {
    font-size: 160px;
    font-weight: 500;
    line-height: normal;
}
.animation_sun{
    right: 16%;
}
.testmonail-blck h3 {
    color: #f58220;
    text-align: center;
    font-size: 42px !important;
}
.bg-offset-hero::after{
    width: 100%;
}
.pledge-count .col-md-7.ps-5{
        padding: 0 10px !important;
    }
    .pledge-count h2{
        text-align: center;
    }
    .pledge-count h4 {
        margin-left: 0;
        font-size: 24px;
        text-align: center;
        margin-top: -15px;
    }
    .green-feed img{
        display: none;
    }
    .esg-hvrtxt{
        top: calc(100% - 40px);
    }
    .esg-hvrtxt h5{
        font-size: 13px;
    }
    .sustainability-bnnr {
        height: 40vh;
        overflow: hidden;
    }
    .sustainability-bnnr video {
        margin-top: 60px;
        width: 100%;
    }
    .sustainability-bnnr .container-fluid {
        bottom: -15%;
    }
    .sustainability-bnnr .mainbnr-img:after{
        top: -8px;
    }
    .sustainability-bnnr .sustainability-bnnr-txt h1 {
        font-size: 27px !important;
        line-height: 35px;
        margin-bottom: 10px;
    }
    .sustainability-bnnr .sustainability-bnnr-txt p {
        color: #fff;
        line-height: 24px;
        font-size: 14px;
    }
    .leading-purpose {
        padding-top: 90px !important;
    }
    .leading-purpose h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .leading-purpose ul li p{
        font-size: 14px;
        line-height: 22px;
    }
    .our-commitment h2 {
        font-size: 30px;
        line-height: 40px;
        max-width: 100%;
        text-align: left !important;
    }
    .our-commitment .owl-nav button{
        background: none !important;
    }
    .our-commitment .owl-nav button.owl-next{
        right: 2%;
    }
    .commit-orng{
        padding: 25px 40px;
    }
    .commit-orng h3{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .commit-orng h3 br{
        display: none;
    }
    .commit-outr{
        padding: 0;
    }
    .commit-orng p {
        font-size: 16px;
        line-height: 26px;
        font-weight: 400;
        padding: 0;
    }
    .environmental .esg-txtar{
        padding-left: 15px;
    }
    .card:hover .esg-hvrtxt{
        top: calc(100% - 117px);
    }
    .esg-hvrtxt p{
        font-size: 10px;
    }
    .discover-sustain .col-md-8 .esg-hvrtxt {
        width: 92.3%;
    }
    .col.metrix-outr {
        padding: 0 10px;
        flex-basis: 50%;
        width: 50%;
    }
    .sdg-pioutr, .global-goal{
        width: 50%;
    }
    .sdg-pioutr{
        min-height: 350px;
    }
    .sdg-pioutr .overlay h3 {
        font-size: 24px;
        line-height: 34px;
    }
    .sdg-pioutr .overlay h3 br{
        display: none;
    }
    .sdg-pioutr .overlay p {
        font-size: 15px;
        line-height: 24px;
        margin-top: 10px;
    }
    .mnpl-quote{
        margin-top: 30px;
        padding-left: 1rem !important;
    }
    .sustainability-page.pledge-count h2 {
        font-size: 140px;
        line-height: initial;
    }
    .sustainability-page.pledge-count .col-md-5.ps-5{
        padding: 0 15px !important;
    }
    .our-commitment .owl-carousel.commitment-slider .owl-item img {
        max-height: 550px;
        object-fit: fill;
        height: auto;
    }

    .gcc-banner h2{
        font-size: 26px;
        line-height: 38px;
    }
    .gcc-banner p{
        font-size: 16px;
    }
    .trusted-by-sec .col {
        flex: 1 0 25%;
    }
    .gcc-counter .who_we_serv h3{
        font-size: 26px;
        line-height: 40px;
    }
    .gcc-nmbr .col-4{
        width: 50%;
    }
    .gcc-nmbr p{
        font-size: 12px;
    }
    .gcc-nmbr p span {
        font-size: 22px;
    }
    .gcc-centr-outrar{
        border-bottom: 1px solid #dee2e6 !important;
    }
    .center-dtls .gcc-centr-outrar:last-child{
        border: none !important;
    }
    .gcc-busns-need .section-title h4 {
        font-size: 21px;
        line-height: 32px;
    }
    .gcc-centr-outrar .gcc-center-innr{
        border-right: none !important;
    }
    .gcimg-pointer ul li{
        padding-left: 80px;
    }
    .gcimg-pointer ul li:nth-child(1), .gcimg-pointer ul li:nth-child(2), .gcimg-pointer ul li:nth-child(3), .gcimg-pointer ul li:nth-child(4), .gcimg-pointer ul li:nth-child(5), .gcimg-pointer ul li:nth-child(6), .gcimg-pointer ul li:nth-child(7){
        background-size: 40px;
    }
    .gcimg-pointer ul li:before{
        left: 60px;
    }
    .gcc-services .who_we_serv h3{
        font-size: 28px;
    }
    .gcc-tabs li button {
        padding: 10px;
        font-size: 14px;
        line-height: 23px;
    }
    .gcc-services .tab-content{
        padding: 15px;
    }
    .who_we_serv h3{
        font-size: 28px;
    }
    td.tbl-icon{
        min-width: 70px;
    }
    td.tbl-icon i {
        width: 35px;
        height: 35px;
        line-height: 17px;
        font-size: 15px;
    }
    .step-process table h4 {
        font-size: 18px;
        margin-bottom: 15px;
        line-height: 28px;
    }
    .step-process table ul li{
        font-size: 14px;
        line-height: 24px;
    }
    .evaluate-gcc .who_we_serv h3{
        font-size: 24px;
        line-height: 38px;
    }
    .evsrvc-out{
        margin-bottom: 15px;
    }

    .text-form .col-md-7.form-ar.ps-5{
        padding: 30px 15px 0 !important
    }
    .abtbnnr-points .col-md-3{
        width: 25%;
    }
    .abtus-banner .abtbnnr-points h4{
        font-size: 16px;
    }
    .abtus-banner .abtbnnr-points p{
        font-size: 11px;
        line-height: 18px;
    }
    .abtus-banner h5{
        position: relative;
        z-index: 1;
        font-size: 16px;
    }
    .abtus-banner h3{
        font-size: 26px;
        padding-bottom: 25px;
    }
    .abtus-banner .abtbnnr-points{
        padding: 20px 15px;
        margin-top: 0;
        background: #000;
    }
    .abtus-banner .bannerimg{
        height: 230px;
    }
    .abtus-banner .container {
        position: relative;
        z-index: 9;
        padding: 10% 0 0;
    }
    .overview h2 {
        font-size: 26px;
        line-height: 36px;
    }
    .overview ul li {
        margin: 5px 2px;
        padding: 10px;
        width: 48%;
        font-size: 13px;
        line-height: 21px;
    }
    .overview ul li b {
        font-size: 16px;
    }
    .abtus-banner .bannerimg img {
        height: 100%;
    }
    .timeline .block.active, .timeline .block.active .block-inner{
        display: inline-block;
    }
    .timeline .block.active .block-title {
        /* display: none; */
        left: 50%;
        top: 26%;
    }
    .timeline .block.active .block-content{
        font-size: 15px;
        max-width: 100%;
        padding: 20px 12px;
    }
    .prtnr-blcktxt h4{
        width: 100%;
    }
    .jd-content{
        width: 95%;
    }
    .partner-bnnr{
        padding-top: 30px;
    }
    #hero h1, #hero h2 {
        margin-bottom: 15px;
        font-size: 32px;
        margin-top: 0px;
    }
    #hero p {
        margin: 0 auto 0px auto;
        font-size: 16px;
    }
    #client_sucesss_detail{
        padding: 50px 0;
    }
    .section-title h2 {
        font-size: 26px;
    }
    .featured-services .col-lg-7.pl-lg-4{
        margin-top: 25px;
    }
    h2.main-heading{
        font-size: 20px !important;
        line-height: 34px;
    }
    .sustainability-bnnr .container-fluid{
        position: relative;
    }
    .residential-bnnr {
        padding-top: 110px;
        padding-bottom: 80px;
    }
    .residential-bnnr h1 {
        font-size: 44px;
    }
    .residential-bnnr h5 {
        font-size: 16px;
        line-height: 26px;
    }
    .overview-inner .single-inner-box {
        width: 50%;
    }
    .overview-inner .single-inner-box h4{
        font-size: 14px;
    }
    .overview-inner .icon-img {
        width: 35px;
        height: 35px;
        padding: 3px;
    }
    .overview-inner .icon-img img {
        max-width: 18px;
    }
    .amenities .col-md-3.p-0 {
        width: 50%;
    }
    .empowering-tab h2.main-heading {
        font-size: 28px !important;
        line-height: 38px;
    }
    .empowering-tab .nav-tabs li {
        text-align: center;
        width: 25%;
    }
    .empowering-tab .nav-tabs li a {
        font-size: 11px;
        line-height: 18px;
        padding: 5px 2px;
    }
    .metrix-inner p {
        font-size: 12px;
        padding: 10px !important;
        margin-bottom: 15px;
    }
    .metrix-inner p span {
        font-size: 22px;
    }
    .pledge-count h3{

    }
    .un-sustain .ps-5 {
        padding-left: 1rem!important;
    }
    .un-sustain {
        overflow: hidden;
    }
    .discover-sustain h3 {
        font-size: 24px;
        line-height: 40px;
    }
    .service-slider .owl-item.center .item h4 {
        font-size: 13px;
        line-height: 22px;
    }
    .abt-bnnr-txt{
        padding: 0;
    }
    .menu-property-list.p-5 {
        padding: 0px !important;
        background: none !important;
    }
    .menu-property-list .menu-card a .megamenu-dropcontent{
        padding: 8px;
    }
    .menu-property-list .menu-card a .megamenu-dropcontent h5 {
        font-size: 14px;
        padding-left: 20px;
        position: relative;
    }
    .menu-property-list .menu-card a .megamenu-dropcontent h5:before{
        content: '';
        position: absolute;
        left: 0;
        top: 4px;
        width: 5px;
        height: 5px;
        background: var(--main-color);
    }
    .menu-property-list .menu-card a .megamenu-dropcontent p {
        font-size: 13px;
        display: none;
    }
    header.sticky-top .navbar-toggler .hamburger-toggle .hamburger span{
        background: #fff;
    }
    header.sticky-top.sticky .navbar-toggler .hamburger-toggle .hamburger span, header.sticky-top.inner-header .navbar-toggler .hamburger-toggle .hamburger span{
        background: #000;
    }
    header.sticky-top .navbar-toggler .hamburger-toggle .hamburger span{
        background: #fff;
    }
    header.sticky-top{
        position: absolute;
        width: 100%;
        margin: 0;
    }
    header.sticky-top.sticky{
        position: sticky;
    }
    header .navbar-collapse.show{
        background: #fff;
        padding: 15px 15px;
        margin-left: -15px;
        margin-right: -15px;
    }
    header .nav-link.hdr-btn {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -20px;
    }
    header .nav-link.hdr-btn span{
        border: none;
        width: 100%;
        text-align: center;
    }
    .oberoi-city-info .col-md-6{
        width: 50%;
    }
    .oberoi-city-info .city-map .main-map-box .pin5{
        left: 80%;
    }
    .oberoi-city-info .city-map .main-map-box .pin11{
        left: 68%;
    }
    .nav-item.dropdown.dropdown-mega .dropdown-menu{
        background-color: transparent;
        box-shadow: none !important;
        border: none;
    }

}/*max-width: 767px end*/


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    .metrix-inner p {
        font-size: 13px;
        padding: 10px !important;
    }
    .metrix-inner p span{
        font-size: 24px;
    }
    .sustain-bnnr{
        height: 40vh;
    }
    .sustain-bnnr video {
        margin-top: 0vh;
        width: 100%;
    }
section {
    padding: 50px 10px;
}
.line-txt {
    margin-bottom: 0px;
}
.heading {
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 10px;
}
.main-banner .col-md-5,.main-banner .col-md-7 {width: 50%;}
.main-banner h1 {
    font-size: 32px;
    line-height: 47px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.main-banner p {
    font-size: 15px;
    line-height: 26px;
}
.main-banner a {
    font-size: 16px;
    padding: 14px 23px;
}
.counter h4 {
    font-size: 15px;
}
.counter-icon {
    padding: 20px 10px;
}
.counter-value {
    font-size: 40px;
}
.service-tab-sec .nav {
    gap: 10px;
    flex-direction: row !important;
    margin-bottom: 30px;
}
.service-tab-sec .d-flex.align-items-start {
    justify-content: center;
}
.service-tab-sec .nav-link {
    font-size: 12px;
    padding: 10px 10px 10px 13px;
}
.service-tab-sec h4 {
    font-size: 26px;
    line-height: 20px;
    margin-bottom: 15px;
}
.award-sec h4 {
    margin-bottom: 15px;
    padding-bottom: 15px;
    margin-top: 40px;
}
.coments_clients p {
    font-size: 16px;
    line-height: 28px;
}
.blog-area .heading {
    font-size: 32px;
}
.section-title-two {
    margin-bottom: 30px;
}
.section-title-two .title::before {
    top: 0;
}
.bottom-form-txt h5 {
    font-size: 18px;
    margin-bottom: 12px;
}
.bottom-form-txt h4 {
    font-size: 30px;
    margin-bottom: 10px;
}
.bottom-form-txt p br{display: none;}
.bottom-form-txt p {
    margin-bottom: 20px;
}
.bottom-form-txt a i {
    font-size: 25px;
    margin-right: 13px;
}
.botm-form-inner input {
    height: 50px;
}
.botm-form-inner [type="submit"] {
    padding: 10px 30px;
    font-size: 18px;
}
.subscribe-area .subscribe-content h3 {
    font-size: 28px;
}
.subscribe-area .newsletter-form button {
    padding: 0 18px;
    font-size: 15px;
}
.subscribe-area {
    padding: 30px 10px;
}
.single-footer-widget {
    padding-top: 40px;
    margin-bottom: 0px;
}
.single-footer-widget h3 {
    margin-bottom: 20px;
}
.footer-area {
    padding-bottom: 40px;
}



.inner-bannr-txt h1 {
    font-size: 38px;
}
.inner-bannr-txt p {
    font-size: 16px;
    line-height: 28px;
}
.inner-bannr-txt p br{
    display: none;
}
.process-icon {
    padding: 8px;
    font-size: 28px;
    width: 50px;
    height: 50px;
}
.process-icon::before {
    width: 65px;
    height: 65px;
}
.process-innr::before {
    left: 24px;
    height: 88%;
}
.process-innr h5::before {
    left: 8px;
}
.setblk-outrar .setb-innrar {
    min-height: 370px;
}



}/*min-width: 768px and max-width: 991px end */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {  

}/*min-width: 992px and max-width: 1199px end*/

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)  and (max-width: 1399px){  }
/*min-width: 1200px end*/

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {  }
/*min-width: 1400px end