@media(max-width:1200px){
}
@media(max-width:991px){
    /* download icon for menu css start */
    li.d-pdf {
    position: relative;
    }
    li.d-pdf a img{
        top: 15px;
        filter: brightness(0) invert(1);
    }
    /* download icon meny css end */
    .desktopV{
        display: none;
    }
    .mblV{
        display: block;
    }
    .theme-banner{
        background: none;
    }
    .intromob-img{
        display: block;
    }
    .menu, .nav-icon3 {
        display: none;
    }   
    .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:#003974;
        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;
    }
    .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: 50px;
    }
.ham-icon
{
    display: none;
}
.ham-icon1 {
    border-left: 1px solid #034EA2;
    margin-left: 7px;
    padding-left: 7px;
    color: #034EA2;
    display: block;
}
.menudownload
{
    display: flex;
}
#tab_selector,
#tab_selector1 
{
  border: 1px solid #3564af;
  width: 100%;
  padding-bottom: 5px;
  display: block;
  margin-bottom: 30px;
  color: #004497;
  font-size: 18px;
  padding: 12px 15px;
  appearance: none;
  background: url(../images/s-down-arrow.png) !important;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-repeat: no-repeat !important;
  background-position: 95% 50% !important;
  margin-top:0px;
  display: inline-block;
}
#tab_selector
{
 padding: 12px 40px 12px 15px;   
}

select:focus-visible
{
  outline: none;
  box-shadow: none;
}
.banner-text
{
    left: 0px;
}
#vc-tab, #myTab
{
    display: none;
}
}

@media (max-width: 767px) 
{
.headertxt
{
    display: none;
}
.banner-text h1 {
    font-size: 30px;
    line-height: 36px;
}
.banner-text h2
{
    font-size: 60px;
    line-height: 55px;
}
.banner-text {
    position: absolute;
    top: 15%;
    transform: initial;
    margin-left: 15px;
}
.ck-mehta h2 {
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 10px;
}
.ck-mehta h5 {
    font-size: 24px;
    line-height: 30px;
}
.custom-close-btn {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
}
.popup {
    position: relative;
    padding: 30px 20px;
}
.myModal-con:before
{
    top: -2px;
    left: -2px;
}
 .myModal-con:after
 {
   top: -2px;
    right: -2px; 
 }
.popup:before {
    bottom: -2px;
    left: -2px;
}
.popup:after {
    bottom: -2px;
    right: -2px;
}
#fullScreenModal h2 {
    font-size: 24px;
    line-height: 30px;
}
#fullScreenModal h2 span {
    display: inline;
}
#fullScreenModal h5 {
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 15px;
}
#fullScreenModal p
{
    padding-bottom: 15px;
}
.hm-abt-text {
    max-width: 100%;
}
.hm-abt {
    background-color: #F9F9F9;
    height: auto;
    display: block;
    overflow: visible;
    padding-top: 30px;
    margin-bottom: 40px;
}
.hm-subhead
{
    font-size: 18px;
}
.hm-mainhead {
    font-size: 24px;
    line-height: 30px;
}
.hm-abt .pd-r0 {
    padding-right: 15px;
}
.hm-abt .row, .ch-msg .row {
    height: auto;
    display: block;
}
.hm-abt-img
{
    padding-top: 40px;
}
.hm-mainhead span
{
    display: inline;
}
.ch-img
{
    padding-bottom: 20px;
}
.ch-msg
{
    margin-bottom: 40px;
}
.hm-ceo
{
    padding:30px 0px 40px;
}
.mbl-hide
{
    display: none;
}
.mbl-show
{
    display: block;
}
.value-modal
{
    padding-top: 20px;
}
.vc-tabcontent {
    margin-top: 0px;
}
.vc-tabcontent p
{
    padding-bottom: 20px;
}
.vc-num
{
    margin-bottom: 15px;
}
.vc-modalimg
{
    padding-top: 40px;
}
.green-centrel
{
    height: auto;
    overflow: visible;
}
.green-centrel1 {
    position: relative;
    z-index: 6;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    height: 100vh;
    background-image: url(../images/mbl/performance-review-img1-mob.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.green-centrel2 {
    position: relative;
    z-index: 8;
    transform: initial;
    height: 100vh;
    background-image: url(../images/mbl/performance-review-img2-mob.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.green-centrel img
{
    display: none;
}
.gc-text {
    position: relative;
    top: auto;
    transform: initial;
    left: initial;
    opacity: 1;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
}
.advance-text {
    max-width: 100%;
    width: 100%;
    display: block;
    padding-top: 10px;
    margin-bottom: 40px;
}
.left-text {
    max-width: 100%;
    border-right: none;
    margin-right: 0px;
    margin-bottom: 20px;
}
.key-graph
{
    text-align: center;
    margin-bottom: 20px;
}
.hm-keysec {
    padding: 50px 0px 90px 0px;
}
.op-text h4 {
    font-size: 24px;
    line-height: 30px;
}
.hm-operating {
    padding: 40px 0px 0px 0px;
}
.hm-operating .col-xl-6 
{
    margin-bottom: 40px;
}
.caseStudy
{
    padding-top: 20px;
}
.casestudy-text
{
background-color: #034EA2;
padding: 20px;
position: relative;
    left: auto;
    bottom: auto;
min-height: 192px;
}
.casestudy-text h5 span {
    display: inline;
}
.casestudy-text h4 {
    font-size: 18px;
}
.casestudy-text h5 {
    color: #fff;
    font-size: 22px;
    line-height: 26px;
}
.report-img
{
    padding-bottom: 20px;
}
.foot-btm ul
{
padding-left: 0px;
padding-top: 30px;
}
.footSocial ul {
justify-content: flex-start;
padding: 10px 0px;
}
.rdxDev p
{
    text-align: left;
}
.gc-text1 .right-text {
    max-width: 100%;
}
.bannerpd .sitemap
{
    position: relative;
    top: auto;
    padding-bottom:10px;
}
.bannerpd
{
    padding-top: 80px;
    margin-bottom: 30px;
}
.bannerpd h5
{
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 5px;
}
.bannerpd h1
{
    font-size: 24px;
    line-height: 30px;
}
.stats-section {
    padding: 20px 20px 0px 20px;
}
.stats-box h6 span {
    display: inline;
}
.stats-box h6
{
    padding-bottom: 20px;
}
.fin-green-box
{
    width: 140px;
}
.finacetop, .humantop, .intelltop {
    padding: 20px 20px 10px 20px;
    margin-bottom: 30px;
}
.financial-cap-content .mt-30 {
    margin-top: 10px;
}
.fin-performance
{
    padding-left: 20px;
    margin-bottom: 40px;
}
.human-keysafe, .intell-keysafe, .intell-blue-bg {
    padding-left: 20px;
    margin-bottom: 30px;
}
.human-txtheadin .mt-30, .human-txtheadin .mt-20 {
    margin-top: 10px;
} 
.diversity-workimg {
    min-height: auto;
    border-right: none;
}
.human-blue-bg, .govertop {
    padding: 20px 20px 10px 20px;
}
.award-nav
{
    display: none;
}
.intell-detail {
    display: block;
}
.intell-txtheadin .keysafe-list ul
{
    display: block;
}
.intell-txtheadin .mt-30 {
    margin-top: 10px;
}
.intell-txtheadin .mt-20 {
    margin-top: 0px;
}
.risk-frame {
    margin-bottom: 10px;
}
/* .theme-banner
{
    background-image: url(../images/mbl/banner-mob-img.webp);
} */
.govermatkey
{
    display: block;
}
.govermat::before, .goverkeystra::before,
.nildiv::before, .yeardiv::before
{
    display: none;
}
.nildiv, .yeardiv
{
    margin: 0px;
}
.govertop
{
    margin-bottom: 35px;
}
.governance-txt h6
{
    padding-bottom: 10px;
}
.sustain-highlight ul, .sustainfocus-keysafe ul
{
    display: block;
}
.sustain-highlight
{
    min-height: auto;
    margin-bottom: 30px;
}
.sustainfocus-keysafe ul li span
{
    display: inline;
}
.keykpi-txt {
    margin-bottom: 15px;
}
.manu-txtheadin ul
{
    margin-bottom: 0px;
}
.manu-txtheadin h6
{
    padding-top: 10px;
}
.manufacturetop
{
    margin-bottom: 30px;
}
.manu-txtheadin .mt-30 {
    margin-top: 0px;
}
.manu-txtheadin .mt-10 {
    margin-top: 0px;
}
.manu-txtheadin img {
    margin: 20px 0px;
}
.manu-txtheadin .mt-20 {
    margin-top: 0px;
}
.manufac-highlight, .manufac-keysafe {
    padding-left: 20px;
    margin-bottom: 40px;
}
.manufac-keysafe .mt-20 {
    margin-top: 0px;
}
.manufac-keysafe .keysafe-list ul
{
    display: block;
}
.sitemap a {
    line-height: 20px;
}

.ceodctl-bannerimg, .ceodnl-bannerimg, .ceodpl-bannerimg, .cfo-bannerimg
{
    padding: 30px 0px;
}
.ceodctl-banner, .ceodnl-banner, .ceodpl-banner, .cfo-banner
{
    height: auto;
    display: block;
}
.ceodctl-content .mt-30 {
    margin-top: 0px;
}
.ceodctl-content ul
{
    margin-bottom: 0px;
}
.ceodctlpatchpara::before, .ceodnlpatchpara::before,
.ceodplpatchpara::before, .cfopatchpara::before
{
    width: 100%;
}
.ceodctlpatchpara, .ceodnlpatchpara, .ceodplpatchpara,
.cfopatchpara
{
    margin-bottom: 30px;
}
.ceodctl-content .mt-20 {
    margin-top: 0px;
}
.ceodnl-content .mt-30, .ceodpl-content .mt-30, .cfo-content .mt-30 {
    margin-top: 10px;
}
.vision2030 h6
{
    padding-bottom: 10px;
}
.mattopic
{
    border-right: none;
   margin-bottom:0px;
}
.natural-top .darkblck {
    padding-bottom: 10px;
}
.natural-top .mt-30 {
    margin-top: 10px;
}
.natural-top p {
    padding-bottom:15px;
}
.natural-keyhigh {
    display: block;
    margin-bottom: 0px;
}
.firsthigh::before
{
    display: none;
}
.firsthigh h6 span {
    display: inline;
}
.firsthigh
{
margin-bottom: 20px;
}
.natural-list ul {
    display: block;
}
.natural-esg {
    display: block;
    margin-bottom: 30px;
}
.esghigh::before
{
    display: none;
}
.esghigh h6 span {
    display: inline;
}
.esghigh
{
    max-width: 100%;
    margin-bottom: 20px;
    text-align: center;
}
.naturalinitiati h6 span {
    display: inline;
}
.naturalinitiati
{
    margin-bottom: 20px;
}
.naturalmid-img img {
    margin-top: 20px;
}
.naturallight-box {
    margin-top: 10px;
}
.operate-bluebox h5, .perfscore-bluebox-consolidated h5
{
    line-height: 26px;
}
.expansion-detail
{
    margin-bottom: 20px;
}
.expansion-detail2 h5
{
    padding-top: 10px;
}
.perfdiversity-section
{
    padding: 20px;
}
.perfdiversity-section {
    margin-bottom: 30px;
}
.perf-list
{
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.perf-highlgt .col-xl-3 img 
{
    margin-top: 30px;
}
.performance-banner h1 {
    font-size: 30px;
    line-height: 36px;
}
.pandl-graph img, .healtImg img
{
    max-width: 100%;
}
.myList ul
{
    display: block;
    margin-bottom: 0px;
}
.myList ul li 
{
    padding-bottom: 10px;
}
.keyKpi
{
    margin-bottom: 20px;
}
.commu .row.pb40 {
    padding-bottom: 20px;
}
.keyKpi.nidan {
    padding-bottom: 10px;
}
.keyKpi p 
{
    padding-bottom: 0px;
}
.blueBOX
{
    padding-right: 20px;
}
.healtImg {
    margin-bottom: 20px;
    margin-top: 10px;
}
.valuediv
{
    display: block;
}
.crorediv {
    border-right: none;
    padding-right: 0px;
}
}
@media (max-width: 420px){

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

}