@media(max-width:1280px)
{
    .operational
    {
        height: auto;
    }

}
@media(max-width:1195px)
{
        select#tab_selector {
        font-size: 18px;
        width: 100%;
        color: #002A4E;
       font-family:OpenSans-Bold;
        border-radius: 0px;
        margin: 20px 0px;
        padding: 10px 15px;
        appearance: none;
        background: url(../images/header-arrow.png) !important;
        background-repeat: no-repeat !important;
        background-position: 95% 50% !important;
        border: none;
        border: 1px solid #002A4E;
        height: 52px;
        display: block;
    }
    .forDesktop {
        display: none;
    }
.menu ul li {
    padding-right: 7px;
    padding-left: 7px;
}
.hm-chmsg
{
    margin-left: 0px;
}
.hm-ceo
{
    margin-right: 0px;
}
.ch-btn a
{
    font-size: 24px;
}
.eq-img-wrap img
{
    width: 100%;
}
.op-img
{
    top:80px;
}

.btmfdf-box {
    padding: 15px 20px 25px 20px;
}
.esgbox
{
    height: auto;
}
.areabox {
    height: auto;
border-left: none;
margin-top: 0px;
}
.mb-20
{
    margin-bottom: 20px;
}
.globl-detail
{
    height: auto;
}
.textblock {
    display: inline;
}
.hm-stakeholder
{
    display: none;
}
.hm-to-wrap
{
    display: block;
}
.menu ul
{
    margin-right: 10px;
}
.hm-keyhighlights
{
    margin-top: 0px;
}
    .vangaurd .row .col-lg-6 {
        height: 45vh;
    }
}
@media(max-width:991px){
    .about-bnr {
    background: url(../images/common-mobile-img.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
    .homepageban1 {
    background-image: url(../images/mob-banner-patch.webp);
}
 .homepageban2 {
    background-image: url(../images/partnering-india-mob-patch.webp);
}
.homepageban3 {
    background-image: url(../images/common-mobile-img.webp);
}
.homepageban4 {
    background-image: url(../images/property-patch-mob-img.webp);
}
    .dropMob img{
        position: absolute;
            right: 0;
    bottom: 30px;
    }
    .dropMob span.textblock{
        display: block;
    }
    .disNone{
        display: none!important;
    }
        .ch-btn a {
        font-size: 15px!important;
    }
    .mrgntop0{
        margin-top: 0px!important;
    }
   .hm-chtext h5 span {
    border-left: 0px;
    padding-left: 0px;
    margin-left: 0px;
    display: block;
}
    header {
    padding: 15px 0px 15px 0px;
}
    .h-bse-data a img {
    width: 40px;
}
    .menu, .nav-icon3 {
        display: none;
    }
    .ham-icon1
    {
        display: block;
        padding-top: 25px;
    }  
    .ham-icon1 img {
    width: 25px;
}
    .my-sidenav {
        width: 0px;
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        overflow-x: hidden;
        z-index: 999999999;
        height: 100vh;
        max-width: 0px;
        width: 100%;
        background-color:#002A4E;
        transition: 0.5s;
        -webkit-transition: 0.5s;
    }
    .my-sidenav>ul {
        padding: 0px 20px 0px;
    }
    .my-sidenav>ul>li>ul {
        margin-top: 0px;
        display: none;
    }
    .my-sidenav ul.submenu li ul.submenu {
        display: none;
        position: static;
        width: 100%;
    }
    .my-sidenav ul {
        list-style-type: none;
        padding-left: 15px;
    }
    .my-sidenav ul li
    {
        border-bottom: 1px solid #ffffff;
        padding: 15px 0px;
    }
    .my-sidenav > ul > li > ul >li
    {
        border-bottom: 1px solid #ffffff;
        padding: 10px 0px;
    }
    .my-sidenav > ul > li > ul >li:last-child, .my-sidenav ul.submenu li ul.submenu li:last-child
    {
        border-bottom: 0px;
    }
    .my-sidenav ul.submenu li ul.submenu li {
        border-bottom: 1px solid #ffffff;
        padding: 10px 10px;
    }
    .my-sidenav ul.submenu li ul.submenu li a {
        color: #ffffff;
        font-size: 16px;
    }

    .cross-btn1 {
        text-align: right;
        padding: 16px 14px 0px 0px;
        color: #fff;
        font-size: 35px;
        cursor: pointer;
    }
    .my-sidenav .submenu-indicator-minus .submenu-indicator {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .my-sidenav .submenu-indicator {
        font-size: 30px;
        position: absolute;
        line-height: 25px;
        right: 15px;
    }
    .my-sidenav>ul>li>a {
        color: #ffffff;
        font-size:18px;
        display:block;
        font-family:OpenSans-Bold;
    }
    .my-sidenav>ul>li>ul>li>a {
        color: #ffffff;
        font-size: 14px;
    }
    .my-sidenav>ul>li>ul>li>a img {
        padding-right: 0;
        float: right;
        padding-left:0px;
    }
.h-bse-data {
    padding-left: 0px;
    padding-right: 15px;
    padding-top: 20px;
}
.hm-chmsg
{
    margin-bottom: 40px;
}
.eq-num
{
    border-right:none;
}
.eq-img-wrap .col-lg-4 {
    padding-left: 15px;
}
.eq-img1
{
    margin-bottom: 15px;
}
.eq-tab-content {
    margin-left: 0px;
}
.tenat-img
{
    margin-bottom: 30px;
}
.gov-img
{
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
.op-img
{
    position: relative;
    width: 100%;
    margin-bottom: 100px;
}
.operational
{
    margin-bottom: 30px;
}
.env-img
{
    margin-bottom: 30px;
}
    .vangaurd {
        height: auto;
    }

.visionary-text
{
    margin-top: 40px;
}
.visionary-text .blueline {
    margin-bottom: 40px;
}
.btmfdf-box
{
    margin-bottom: 30px;
}
.ceo-img1 {
    margin: 30px 0 40px;
}

.cm-bnr-mbl
{
    display:block;
}
.cm-bnr-mbl img
{
    width: 100%;
}
.cm-bnr, .ceobnr
{
    background-image: none;
    background-color:#4d4c4f;
    height: auto;
}
.cm-bnr .bnrtxt, .ceobnr .bnrtxt
{
    display: block;
    height: auto;
    padding-top: 120px;
}
.mt-0
{
    margin-top: 0px;
}
.scalebox {
    border-left: none;
    padding-left: 0px;
}
.bold20lightblue
{
    margin-top: 30px;
}
    .vangaurd .row {
        height: auto;
        display: block;
    }
    .vangaurd .row .col-lg-6
    {
        display: block;
        height: auto;
    }
.graphMain {
    gap: 30px;
}
.graphRight {
    flex-wrap: wrap;
}
.grphP p {
    padding-top: 0px;
}
}

@media (max-width: 767px) {
.bnrtxt h2 {
    font-size: 30px;
    line-height: 36px;
}
.hm-banner {
    background: url(../images/mbl/mob-banner-img.webp) no-repeat;
    background-size: cover;
    background-position:center;
    }
.partnering {
    background: url(../images/mbl/partnering-india-mob-img.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.whoweare {
    background: url(../images/mbl/revolutionizing-indias-mob-img.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.p-glance {
    background: url(../images/mbl/properties-at-a-glance.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.our-prop {
    background: url(../images/mbl/our-properties-mob-img.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.hm-mdna {
    background: url(../images/mbl/management-discussion-mob-img.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.hm-esg {
    background: url(../images/mbl/esg-img2.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.ourproimage-sec
{
    padding-bottom: 50px;
}
footer h6
{
    height: auto;
    margin-bottom: 10px;
}
footer ul li a
{
    padding-top: 0px;
}
.download-ftr
{
    display: block;
}
.download-ftr a {
    display: inline-block;
    margin-top: 30px;
}
.hm-keyhighlights {
    padding: 50px 0px;
}
.footnote
{
    margin-bottom: 50px;
}
.hm-chtext {
    padding: 20px 20px;
}
.hm-chtext h5, .hm-chtext h4
{
    font-size: 14px;
}
    .ch-btn a {
        font-size: 18px;
    }
.our-properties {
    padding-top: 50px;
}
.our-properties h2
{
    padding-bottom: 0px;
}
.eq-tab-content h2
{
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 40px;
    margin-top: 10px;
}
.hm-tenant {
    padding: 60px 0px;
}
.hm-tenant h2 {
    font-size: 24px;
    line-height: 30px;
}
.operational
{
    padding:0px;
}
.env-text {
    left: 15px;
    bottom: 10px;
}
.areabox
{
padding: 0px;
}
.globl-detail .scalebox {
    border-left: none;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
    height: auto;
}
.scalebox h3
{
    font-size: 30px;
}
.partnr-shadow
{
    padding: 1px 15px 0px 15px;
}

.esg-bnr {
    background: url(../images/mbl/esg-at-brookfield-banner.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.spncr-bnr {
    background: url(../images/mbl/our-sponsor-banner.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.prtnrbnr {
    background: url(../images/mbl/partnering-india-mob-banner.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.prtnrbnr2 {
    background: url(../images/mbl/at-the-forefront-img.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.revlvng-bnr {
    background: url(../images/mbl/revolutionizing-indias-mob-img.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.tracingbnr {
    background: url(../images/mbl/tracing-mob-banner.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.tenantsBnr {
    background: url(../images/mbl/properties-at-a-glance.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.graphRight {
    gap: 0px;
}
.mapIndia img
{
    max-width: 100%;
}
.mapIndia p {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 20px;
}
.boxTxtIn {
    padding-top: 20px;
    margin-top: 20px;
}
.mapPlaces {
    margin-top: 30px;
}
.mapIndia {
    margin-top: 40px;
}
.indiaPrsnBnr {
    background: url(../images/mbl/our-pan-i-p-mob-img.webp) no-repeat;
    background-size: cover;
    background-position: center;
}
.gov-img
{
    margin-top: 30px;
}
.gov-text {
    position: relative;
    bottom:auto;
    right:auto;
    left: auto;
    z-index: 9;
}
.gov-text h6 {
    color: #437CBF;
}
.gov-text h2 {
    color: #002A4E;
}

.vangaurd .custombutton {
    color: #3F7CBF;
    border: 1px solid #3F7CBF;
}
.vangaurd .custombutton:before{
    background: #3F7CBF;
    opacity: .2;
}
.vangaurd .custombutton:after {
    background-image: url(../svg/our-tenants-arrow.svg);
}
}
@media (max-width: 480px){
select#tab_selector
{
    font-size: 11px;
}
    
}
@media (max-width: 380px){
span.addDes::before {
        position: absolute;
        content: "";
        height: 22px;
        top: -5px;
        left: 99px;
    }
    span.addDes {
        text-align: right;
        padding-right: 18px;
        margin-top: -17px;
    }
}