@media(max-width:1200px) {
 #cssmenu ul li.about-list-mb ul li a {
  padding: 5px 5px 5px 10px;
}
}

@media(max-width:1024px) {

  .top_menubg,
  .header_bg {
    display: none
  }

  .mb-menu {
    background-color: #fff;
    padding: 10px;
    display:inline-block;
    width: 100%;
  }

  .mb-menu .logo {
    float: left
  }

  .ham-icon1 {
    float: right;
    margin-top: 15px;
  }

  .menu,
  .nav-icon3 {
    display: none
  }

  .my-sidenav {
    width: 0;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    overflow-x: hidden;
    z-index: 999999999;
    height: 100vh;
    max-width: 0;
    width: 100%;
    background-color: #32ad56;
    transition: .5s;
    -webkit-transition: .5s
  }

  .my-sidenav>ul {
    padding: 0 20px
  }

  .my-sidenav>ul>li>ul {
    margin-top: 0;
    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 #fff;
    padding: 15px 0
  }

  .my-sidenav>ul>li>ul>li {
    border-bottom: 1px solid #fff;
    padding: 10px 0
  }

  .my-sidenav>ul>li>ul>li:last-child,
  .my-sidenav ul.submenu li ul.submenu li:last-child {
    border-bottom: 0
  }

  .my-sidenav ul.submenu li ul.submenu li {
    border-bottom: 1px solid #fff;
    padding: 10px
  }

  .my-sidenav ul.submenu li ul.submenu li a {
    color: #fff;
    font-size: 16px
  }

  .cross-btn1 {
    text-align: right;
    padding: 16px 14px 0 0;
    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: #fff;
    font-size: 18px;
    display: block;
    font-family: Proxima-Bold
  }

  .my-sidenav>ul>li>ul>li>a {
    color: #fff;
    font-size: 14px
  }

  .my-sidenav>ul>li>ul>li>a img {
    padding-right: 10px;
    float: right
  }

  .m-drop1 a {
    font-family: Proxima-Bold;
    font-size: 16px !important
  }

  .m-drop1 ul li a {
    font-family: Proxima-Regular;
    font-size: 14px !important
  }

}





@media(max-width:991px) {
 
.footer_left {
  float: left;
  width: 100%;
  height: auto;
  padding-top: 8px;
}

.footer_right {
  float: right;
  height: auto;
  margin-right: 0px;
}

p.footer_txt a {
  font-size: 11px;
  color: #c1c1c1;
  text-decoration: none;
  margin-left: 4px;
  margin-right: 4px;
  border-bottom-style: dotted;
  border-bottom: 1px #ccc dotted;
}

.ftrleftright {
  display: none;
}

.logo a img {
  width: 120px;
}

}

@media(max-width:767px) {
  .footer_right{
    padding-bottom: 75px;
}
.toolbar
  {
    bottom: -1px;
    top: auto;
    width: 100%;
  }
  .tools
  {
    display: flex;
    justify-content: space-between;
    border-radius: 17px 17px 0px 0px;
  }
  .tool+.tool
  {
    margin-top: 0;
  }
  .tool__dropout--recommend
  {
    right: -40%;
    top:-410%;
  }
  .recommend
  {
    display: block;
  }
  .recommend__item
  {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
      .lining-box-reserch .col-md-4 {
        padding: 0px 0px;
    }
      .lining-box-reserch {
        margin: 50px 0px 0px 0px;
    }
  .lining-box-reserch h3 {
        top: -54px;
        padding: 20px;
        font-size: 20px;
        height: auto;
        width: 80%;
    }
        .lowerrisk {
        position: relative;
        left: 0px;
        padding: 20px;
        height: auto;
        width: 90%;
    }
  .goverHeight {
    height: auto;
  }
  .somkeybox {
    margin-top: 87px;
  }
#vc-tab
{
  display: none;
}
.l-tab-mbl {
    display:block;
}
.keyPerSlider .owl-nav button.owl-next
{
  right: 0px;
}
.keyPerSlider .owl-nav button.owl-prev
{
  left: 0px;
}
.bannerTxt h1
{
  font-size: 30px;
  line-height: 36px;
}
.bannerTxt h2
{
  font-size: 22px;
  line-height: 28px;
}
#section16
{
  display: none;
}
.bannerTxts {
    top: 5%;
    transform: initial;
    padding-top: 0px;
}
.futureIns h5 {
    font-size: 18px;
    line-height: 26px;
  }
.hm-abt {
    height: auto;
    display:block;
    padding-top:40px;
}
.hm-smallhead
{
  font-size: 18px;
}
.hm-mainhead {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 15px;
  }
.hm-abt h4
{
  padding-top: 20px;
}
.chairBg::after
{
  max-width: 100%;
  height: 85%;
}
.ch-btm-name
{
  margin-left: 0px;
  gap: 30px;
}
.chairContent h2 {
    padding-top: 20px;
    padding-bottom: 15px;
    color: #fff;
}
.chairContent h2 span
{
  display: inline;
}
.chairmanSection {
    height: auto;
    margin-bottom: 0px;
}
.chairContent
{
  padding-bottom: 20px;
}
.md-sec .chairContent h2 {
    padding-bottom: 15px;
}
.md-sec .chairContent p, .md-sec .chairContent h4
{
  color: #fff;
}
.md-sec .read-btn a {
    color: #ffffff;
    border-left: 2px solid #ffffff;
}
.keyPerSlider.owl-carousel .owl-item img
{
width: 70%;
margin: auto;
}

#tab_selector1 
{
  border: 1px solid #000;
  width: 100%;
  padding-bottom: 5px;
  display: block;
  margin-bottom: 30px;
  color: #000;
  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;
}
select:focus-visible
{
  outline: none;
  box-shadow: none;
}
.vc-icon-wrap
{
  border-right: none;
}
.vc-tabcontent {
    margin-top: 10px;
}
.vc-text ul li
{
  padding-bottom: 5px;
}
.vc-topbg
{
  padding-bottom: 0px;
}
.vc-btmtext {
    border-right: none;
    min-height: auto;
}
.charting-bg {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    margin-bottom: 30px;
    min-height: auto;
}
.charting-sec {
    height: auto;
    overflow: hidden;
    padding-top: 50px;
}
.charting-text {
    max-width: 100%;
    width: 100%;
    padding: 20px;
}
.charting-bg2, .charting-bg3 {
    left: 0px;
    transform: initial;
}
.hover-text
{
  padding-top: 0px;
}
.esg-card
{
  height: 370px;
}
.esg-card
{
  margin-bottom: 30px;
}
.hm-esg {
    padding-bottom: 30px;
    padding-top: 50px;
}
.afterTargated {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
}
.atTheGlance .allHeads {
    max-width: 100%;
    width: 100%;
    margin-left: 15px;
    display: block;
    padding-top: 40px;
}
.innermap
{
  display: block;
}
.map-img {
    width: 100%;
}
.mapData {
    width: 100%;
    margin-top: 30px;
}
.topMap h3:before
{
  left: -1px;
}
.mapslider-counter
{
  right:auto;
 bottom: 52px;
}
.mapslider.owl-theme .owl-nav
{
  bottom: -50px;
}
.globalFootprint {
    display: block;
    padding: 50px 0px 100px;
  }
.halfMap h4
{
  font-size: 16px;
  line-height: 22px;
}
.d-btn-wrap
{
  display: block;
  max-width: 100%;
}
.dn-btn a
{
  margin-bottom: 8px;
  justify-content: space-between;
}
.container-home {
    margin: 0px 15px;
  }
.footer_right
{
  float: left;
}
.downlodrptcenter
{
  padding: 20px 0px;
}
p.footer_txt
{
  padding-top: 12px;
}
.charting-text h2
{
  font-size: 22px;
}
.fullImgs
{
  display: none;
}
.atTheGlance
{
background:none;
background-image: url(../images/business-responsibility-img-mob.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.mobile-video
{
  display: block;
}
.desktop-video
{
  display: none;
}
.mobile-video,
.mobile-video video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.bannerTxts
{
  display: block;
}
.vc-text
{
  margin-bottom: 30px;
}
.scroll-text1 
{
  height: auto !important;
}
.glimpses-slider, .glimpses-counter
{
  display: block !important;
}
.glimpses-slider.owl-carousel .owl-item p {
    opacity: 1;
  padding: 15px 15px 30px;
}
.mySwiper
{
  display: none;
}
.hm-glimpses
{
  height: auto;
}
.glimpses-slider.owl-carousel .owl-item
{
  transform: scale(1);
}
.glimpses-slider.owl-carousel .owl-stage {
    display: block !important;
}
.hm-glimpses
{
  padding: 40px 0px 100px 0px;
}
.glimpses-slider .owl-nav button.owl-prev {
    top: auto;
    bottom: auto;
    margin: auto;
    left: 40%;
}
.glimpses-slider .owl-nav button.owl-next {
    top: auto;
    bottom: auto;
    margin: auto;
    right: 40%;
  }
.glimpses-counter
{
  bottom:110px;
}
#header-wrap
{
  display: block !important;
}
.delTranTxt h1
{
  font-size: 30px;
  line-height: 36px;
}
.delTranTxt p {
    font-size: 18px;
    line-height:26px;
  }
.spnBlck {
    display:inline;
}
.delTran
{
  display: block;
  background-image: url(../images/mob-img.webp);
}
.delTranTxt {
    padding-top: 40px;
}
.Nextprev .leftBtn
{
  margin-bottom:20px;
}
.sitemap {
    padding-top: 20px;
    padding-bottom: 20px;
}
.designation
{
  gap:30px;
}
.managing-banner p
{
  font-size: 14px;
}
.designation h6 {
    line-height: 19px;
    font-size: 16px;
}
.managing-banner {
    padding-bottom: 0px;
}
.takeGiant h1 {
    font-size: 26px;
    line-height: 32px;
  }
.interated-data ul
{
  margin-bottom: 0px;
}
.interated-data {
    margin-bottom: 30px;
}
.keyAll
{
  display: block;
}
.keyAll .firstKey {
    max-width: 50%;
}
.keyAll .firstKey
{
  margin-bottom: 20px;
}
.keyAll.capital .firstKey {
    max-width: 50%;
  }
.envirData h3 {
    font-size: 20px;
    line-height: 26px;
    flex-shrink: initial;
        width: 100%;
}
.envirData .orangeLine, .interated-data::after
{
  display: none;
}
.mapImg
{
text-align: center;
}
.takeGiant h1 span {
    display: inline;
}
.global-d h4 {
    line-height: 28px;
  }
.keyLine img 
{
  display: none;
}
.row.keylineRow {
    position: relative;
    top: auto;
    padding-right:0px;
}
.keyLine h4 {
    position: relative;
    top: auto;
    margin-bottom: 15px;
}
.cultureLst ul
{
  margin-bottom: 0px;
}
.cultureLst ul li {
    padding-bottom: 10px;
}
.cirMrgn
{
  margin-top: 60px;
}
.culgrdntRow
{
  padding: 20px 15px;
  margin-bottom: 30px;
}
.indCivil
{
  padding-left: 0px;
  height: auto;
}
.borDiv.noBorer1::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: -7px;
    width: 100%;
    height: 1px;
    background-color: #817979d4;
}
.algnCntr img 
{
  margin-bottom: 30px;
}
.borDiv::after
{
  display: none;
}
.current h3, .pureSoft h4
{
    line-height: 26px;
  }
.pureSoft h4
{
  padding-bottom: 10px;
}
.ourImg {
    padding-bottom: 0px;
}
.myAward{
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    border: 1px solid #ccc;
     min-height: auto;
     padding-bottom: 20px;
}
.boardLst
{
  display: block;
}
.boardLst li::before
{
  display: none;
}
.boardDetail {
    margin-bottom: 30px;
}
.firstGraph
{
  border-right: none;
  min-height: auto;
  text-align: center;
  margin-bottom: 0px;
  margin-top: 30px;
}
.managing-banner.sustain {
    padding-bottom: 0px;
}
.leftGraph
{
  display: block;
}
.lastChart
{
  margin-top: 40px;
  border-right: none;
  text-align: center;
}
.firstChart
{
  text-align: center;
  margin-bottom: 30px;
}
.leftGraph h4 span
{
  display: inline;
}
.leftchart-pd {
    padding-bottom: 0px;
}
.leftGraph
{
  padding-bottom: 0px;
}
.oprSvg {
    margin: 10px 0 40px;
}
.oprtInner .gradient {
    margin-bottom: 10px;
}
.keyIntTxt h5 
{
  margin-bottom: 20px;
}
.strMain
{
  display: block;
}
.strMain h4 {
    padding-left: 0px;
    padding-top: 5px;
}
.grdntstr
{
  padding: 15px;
}

.vcm-wrap ul 
{
  margin-bottom: 0px;
}
.mb-0
{
  margin-bottom: 0px !important;
}
.lgreen-li, .blue-li-out
{
  display: block;
}
.stake-wrap p {
    padding-bottom: 20px;
}
.stlist-inline
{
  display: block;
}
.stlist-inline li 
{
  padding-bottom:10px;
}
.key-stake h4 {
    padding: 18px 20px;
  }
.stakegrad-line
{
  height: 2px;
}
.strBnr h1 {
    margin-bottom: 20px;
}
.aboutSec .keyIntTxt h5
{
  margin-bottom: 0px;
}
.finTxt p:nth-child(3), .finTxt p:nth-child(5),
.finTxt p:nth-child(7)
{
    height: auto;
}
.cultureLst ol 
{
  padding-top: 15px;
}
.cultureLst-mbl
{
  margin-bottom: 20px;
}
.bussTxt p:nth-child(3),
.bussTxt p:nth-child(5),
.bussTxt p:nth-child(8),
.bussTxt p:nth-child(10),
.bussTxt p:nth-child(12),
.ortTxt p:nth-child(3),
.ortTxt p:nth-child(5), .lglTxt p:nth-child(3),
.ortTxt p:nth-child(7),
.ortTxt p:nth-child(9),
.lglTxt p:nth-child(5),
.lglTxt p:nth-child(7),
.lglTxt p:nth-child(9),
.lglTxt p:nth-child(11)
{
  height: auto;
}
.te
{
  margin-bottom: 20px;
}
.riskFlx
{
  margin-top: 20px;
}
.pdes-banner {
    padding-bottom: 0px;
}
.pdes-img
{
  margin-top:30px;
}
.pdes-greendpt .green-li
{
  display: block;
}
.pdes-top h4 {
    margin-top: 0px;
}
.pdes-greendpt h4
{
  margin-bottom: 10px;
}
.pdes-greendpt {
    padding-left: 0px;
}
.pcase-study {
    padding-left: 0px;
    padding-top: 40px;
    margin-bottom: 20px;
}
.pcase-study h4:before {
    left: 0px;
    top: -35px;
}
.pcase-num h3
{
  font-size: 30px;
  line-height:36px;
}
.edtech-img
{
  margin-bottom: 15px;
}
.t-logowrap
{
  display: block;
}
.t-logo-footnote h6
{
  width: 100%;
}
.harnes {
    margin-bottom: 20px;
}
.t-logo {
    margin-bottom: 15px;
}
.txt1-div
{
  top:10px;
}
.oss-bg .col-xl-4 {
    margin-bottom: 20px;
}
.psa
{
  border-right: none;
  min-height: auto;
  margin-bottom: 30px;
}
.grad-linewrap h4
{
  width: auto;
  text-align:left;
}
.ssp
{
  padding: 20px;
}
.ssp-img
{
  margin-bottom: 20px;
}
.ssp-last {
    padding-left: 15px;
}
.manageImg .bannerImage-data {
    position: relative;
    bottom: 55px;
  }
.md-wrap
{
  overflow-x: hidden;
}
.manageImg
{
  margin-bottom: 30px;
}
.sustainData .firstSec {
    padding-bottom: 30px;
}
.contrib table.sustainability-table thead th
{
  font-size: 18px;
  line-height: 26px;
}
.enviBnr h4 span {
    display: block;
    padding-top: 5px;
}
.env .keyIntTxt h5
{
  margin-bottom: 0px;
}
.mrgnBtmenv {
    margin-bottom: 0px;
}

.managing-banner.sustain h1 {
    padding-bottom: 10px;
}
.env-img2
{
  margin-bottom: 20px;
}
.environGrnt {
    margin: 30px 0 30px 0px;
  }
.envrninn
{
  margin-left: 20px;
  padding: 20px;
}
.sustain .manageImg
{
  margin-top: 30px;
}
.mrgnBtm
{
  margin-bottom: 0px;
}
.Nextprev .rightData, .Nextprev .leftData 
{
    padding: 11px 15px 11px 15px;
}
.peop-wrap .aboutSec .keyIntTxt h5
{
  margin-top: 10px;
}
.kyNum {
    border-right: none;
}
.txtcnt {
    text-align: left;
}
.kyNum h1 {
    font-size: 30px;
    line-height: 36px;
  }
.kiu-img
{
  margin-bottom:20px;
}
.keylastGrn
{
  max-width: 100%;
  margin-bottom: 20px;
}
.clrGrey
{
  padding-bottom: 10px !important;
}
.circleTable table thead th::after
{
  display: none;
}
.height220 {
    height: auto;
    margin-bottom: 20px;
}
.rewardFlx
{
  display: block;
  padding-bottom: 10px;
}
.safe-work h3.green
{
  line-height: 26px;
}
.safe-work {
    padding-bottom: 10px;
}
.our-mater p
{
padding-bottom: 20px;
}
.healthImg
{
  margin-bottom: 20px;
}
.healthList h3, .safe-work h3
{
line-height: 26px;
}
.safe-work.div-eq {
    padding-bottom: 0px;
}
.number {
    padding-bottom: 10px;
}
.number h2 {
    font-size: 30px;
    line-height: 36px;
  }
.healthList.flx ul {
    display: block;
}
.ourImg-learn
{
  margin-bottom: 20px;
}
.responsible .takeGiant h1 {
    font-size: 30px;
    line-height: 36px;
  }
.responsible .grad
{
  margin-bottom: 10px;
}
.rsc-img
{
  margin-top: 20px;
}
.row.resp {
    padding-top: 10px;
  }
.healthList ul.suppList {
    display: block;
  }
.governance .miniDiv h1 span
{
  display: block;
}
.governance {
    padding-bottom: 20px;
}
.goverImg
{
  margin-bottom: 30px;
}
.capabox {
    min-height: auto;
    padding:15px;
}
.sustainability-table 
{

min-width: 700px;
table-layout: fixed;
}
.backTop {
    text-align: center;
    position: relative;
    right: auto;
    top: auto;
    cursor: pointer;
    margin-bottom: 15px;
}
.ourImg, .rc-img
{
  margin-bottom: 30px;
}
.circleTable table tbody tr td::after
{
  display: none;
}
.eeeBrdr img 
{
transform: rotate(90deg);
margin-right: 10px;
}
.envision-mbl
{
  display: block;
}
.envision-desktop
{
  display: none;
}
.keyLine {
    margin-top: 10px;
  }
}

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

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

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

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

@media(min-width:1440px) 
{
  .charting-bg {
    min-height: 552px;
}
.chairBg::after
{
  max-width: 1210px;
}
.ch-btm-name
{
  margin-left: 5%;
}

}