@media(max-width: 1200px)
{
.valuesl .owl-stage-outer, .key-slider .owl-stage-outer, .digi-slider .owl-stage-outer {
    overflow: hidden;
}
.val-creationmenu ul.sidenavlist li a
{
    min-height: 75px;
}
}

@media(max-width:1024px)
{
    
.fy22
{
    padding-top: 40px;
    padding-bottom: 40px;
}
.indiasorg .container-fluid .col-md-6:nth-child(1), .indiasorg .container-fluid .col-md-6:nth-child(2)
{
    padding:60px 30px;
}
.chname
{
    position: relative;
    right: 0px;
}
.ourcps ul
{
    width: 100%;
    display: inline-flex;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 10px;
}
.ourcps ul.nav-pills li
{
    max-width: 100%;
}
.ourcps ul.nav-pills li > a {
    width:220px;
    text-align: center;
}
.ourcps ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
    background-color: #ebebeb;
}

.ourcps ul::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #ebebeb;
}

.ourcps ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #01add8;
}
.ourcps
{
    display: block;
}
}

@media (max-width: 991px){
     /*sanni*/
   
    .capitals-inside .insidepages h4 {
        font-size: 20px;
    }
    .capitals-inside .insidepages .icwithhd h3 {
        font-size: 25px;
    }
    .top-m35m{
        margin-top: 35px;
    }
    .italic-txt {
        font-family: Arial-Italic!important;
        font-size: 18px!important;
        color: #5da9dd!important;
    }
    .capitals-inside .insidepages h5 {
        font-size: 20px;
        color: #2658a5;
        font-family: Gotham-Black;
    }
    .capitals-inside .number-areas h4 {
    font-size: 30px;
    color: #21bece;
    margin: 0px;
    line-height: 1.2;
}
.our-tech .col-md-2 {
    max-width: 50%;
    width: 100%;
    float: left;
}
.cams-in-tab .nav-tabs {
    border-bottom: 0px solid #ddd;
    width: 100%;
    display: inline-flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
}
.left-my {
    display: inline-block;
    gap: 0;
}
.left-my div img {
    display: block;
    margin-bottom: 20px;
}
.myCamsInNum {
    margin-bottom: 20px;
    padding-right: 0px;
}
.capitals-inside .myCamsInNum h4 {
    font-size: 30px;
    color: #21bece;
    margin: 0px;
    line-height: 1.2;
    border-bottom: 1px solid #ada9a9;
    padding-bottom: 20px;
    min-height: auto;
}
.lts {
    width: 100%;
    float: none;
    display: block;
}
.rts {
    width: 100%;
    float: none;
    background-color: #295caa;
    padding: 15px 20px;
}
.rts img {
    margin-top: 0px;
}
.rts h3 {
    margin-top: 20px;
}
.tophin {
    background-color: #295caa;
    padding: 15px;
    margin-top: 0px;
    display: inline-block;
}
.tophin img {
    margin-top: 0px;
}
.tophin h3 {
    margin-top: 20px;
    font-size: 19px;
}
.tophin p {
    color: #fff;
    font-size: 16px;
}
.our-win ul {
    background-color: #2658a5;
    padding: 20px;
    max-width: 100%;
    display: block;
    margin: 0px auto;
    list-style: none;
}
.blues-boxs {
    background-color: #eef5fb;
    padding: 15px;
    display: inline-block;
    width: 100%;
}
.capitals-inside .enviromentinside p span {
    font-family: Arial-Italic;
    font-size: 18px;
    color: #5da9dd;
}
.lts1 {
    width: 100%;
    float: none;
}
.rts1 {
    width: 100%;
    float: none;
}
.top1 img, .btm1 img {
    margin-top: 0;
}
.top1 {
    background-color: #295caa;
    padding: 15px;
    margin-bottom: 20px;
    padding-top: 15px;
}
.btm1 {
    background-color: #295caa;
    padding: 15px;
    padding-top: 15px;
}
.social-l {
    width: 100%;
    display: inline-block;
}
.exe-blu {
    background-color: #eef5fb;
    padding: 15px;
    margin-bottom: 35px;
    width: 100%;
    float: none;
    display: inline-block;
}
.right-blf {
    width: 100%;
    float: none;
    background-color: #295caa;
    min-height: auto;
    padding: 15px;
    margin-top: 0;
    margin-bottom: 20px;
}
.exe-blu {
    background-color: #eef5fb;
    padding: 15px;
    margin-bottom: 0;
    width: 100%;
    float: none;
    display: inline-block;
}
.mrg-top{
    margin-bottom: 20px;
}
.capitals-inside .fncps img {
    margin-bottom: 30px;
}
.capitals-inside .esgsubmenu ul.sidenavlist li {
    max-width: 100%;
    white-space: normal;
    vertical-align: middle;
    padding: 10px;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}
ul.sidenavlist {
    list-style: none;
    padding: 0;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-left: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: scroll;
    white-space: nowrap;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}
ul.sidenavlist li a {
    padding: 10px 20px;
    width: 100%;
}
.sales-slide .owl-stage-outer {
    overflow: hidden;
}
    h3.light-gr {
        font-size: 18px;
        background-color: #21bece !important;
        color: #fff;
        padding: 12px 10px;
        font-family: Gotham-Black;
        display: inline-block;
        margin-bottom: 20px;
    }
    /**/
    .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:#2a5caa;
        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:Arial-Bold;
    }
    .my-sidenav>ul>li>ul>li>a {
        color: #ffffff;
        font-size: 16px;
    }
    .my-sidenav>ul>li>ul>li>a img
    {
        padding-right: 10px;
        float: right;
         filter: brightness(0) invert(100%) !important;
    }
.rdbtn a
{
    width: 160px;
}
.fy22
{
    height: auto;
}
.fy22 .row {
    display: block;
    align-items: initial;
}
.fyborder
{
    margin-bottom: 30px;
}
.indiasorg .container-fluid .col-md-6:nth-child(1), .indiasorg .container-fluid .col-md-6:nth-child(2) {
   width: 100%;
}
.indiasorg {
    height: auto;
}
.rdbtn
{
    padding-left: 0px;
}
.messagesec {
    background-attachment: initial;r;
}
.chmessage, .mdmessage
{
    height: auto;
}
.mdmessage .chname {
    position: relative;
    left: 0px;
    bottom: 0;
    max-width: 100%;
    width: 100%;
}
.ourcps {
    margin-top: 60px;
}
.cpdta .col-md-3 {
    padding-bottom: 20px;
}
.ourcps, .creationmodlsec {
    height: auto;
    display: block;
}
.cpdta .rdbtn a
{
    margin:inherit;
}
.creationmodlsec
{
    margin-top: 60px;
    margin-bottom: 60px;
}
footer .row .col-md-4:nth-child(2), footer .row .col-md-4:nth-child(3) {

    text-align: left;
    padding-bottom: 5px;
}
footer .row .col-md-4:nth-child(2) p {
    padding-left: 0px;
}

#f5 .cpdta .row .col-md-3:nth-child(3)
{
    padding-left: 15px;
}
.milestone-p
{
    height: auto;
    padding-top: 50px;
}
.year-t-box {
    min-height: auto;
    margin-bottom: 30px;
}
.milestone1-p, .milestone2-p, .milestone3-p {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
.i-large h4
{
    min-height: auto;
}
.i-large .col-md-4
{
    margin-bottom: 30px;
    min-height: auto;
    border-right: none;
}
.rta .col-md-3 {
    padding-left: 15px;
}
.rta .col-md-8 {
    padding-right: 15px;
}
.rta-blue-box
{
    min-height: auto;
}
.osdo {
    height: auto;
    display: block;
    margin-top: 0px;
    margin-bottom: 80px;
    padding-bottom: 50px;
    padding-top: 50px;
}
.sh-img
{
    margin-bottom: 30px;
}
.fin-bg .col-md-3
{
    min-height: auto;
}
.natural-capital-line-img
{
    float: none;
}
.capitals-body p, .core-values-in p
{
    max-width: 100%;
}
.drivers-inner .col-md-3
{
    padding-left: 0px;
    padding-right: 0px;
}
.s-icon, .suporting-fun .col-md-2, .mt-light-bg, .mt-grey-bg
{
    min-height: auto;
}
.mt-row
{
    width: 100%;
}
.mt-row1 .mt-grey-bg, .mt-row1 .mt-light-bg, .mmb-box
{
    min-height: auto;
}
.mmb-box h5 span
{
    display: inline;
}
.mre-img1
{
    margin-bottom: 60px;
}
.enviromentinside#sec3 {
    padding-bottom: 50px;
}

}


@media (max-width: 767px){
.flex-slide {
    overflow: auto;
    overflow-x: hidden;
}
.flex-container {
    flex-direction: column;
}
section.homepagebanner
{
    height: auto;padding-bottom: 45px;
}
section.homepagebanner .container
{
    display:block ;
}
section.homepagebanner h1
{
    font-size: 40px;
}
section.homepagebanner .whitebox
{
    margin: 20px 0px;
}
section.homepagebanner .col-md-4
{
    padding-right: 15px;
}
section.hmapproach,section.hmabouttata
{
    height: auto;
    display: block;
    padding: 60px 0px;
}
section.hmapproach .container
{
    display: block;
}
section.hmapproach .pdleftrght
{
    padding: 0px 15px;
}
section.hmapproach h3,section.hmabouttata h3,.ceomessage h3,.integratedrpt h3,.sixcapitals h3, .businesssegment h3
{
    font-size: 30px;
}
section.hmapproach h3 span
{
    display: initial;
}
.tatachemacc h4,.resiliencecolumn h5
{
    font-size: 14px;
}
section.hmabouttata video
{
    display: none;
}
.valuesicons 
{
    width: 50%;
}
section.hmabouttata h6
{
    font-size: 20px;
}
section.hmabouttata a
{
    clear: both;
}
.ceomessage
{
    display: block;
}
.ceomessage, .sixcapitals, .businesssegment
{
    height: auto;
}
.ceomessage h2
{
    font-size: 48px;
    padding-bottom: 15px;
}
.ceomessage h3
{
    padding-bottom: 25px;
}
.ceomessage .ceoimg
{
    position: relative;
}
.ceomessage .col-md-5
{
    padding: 0px;
}
ul.nav-pills
{
    width: 100%;
    display: inline-flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
}
.nav-pills>li>a
{
    width: 200px;
    border-bottom: 0px;
}
ul.nav-pills::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
    background-color: #ebebeb;
}
ul.nav-pills::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #ebebeb;
}
ul.nav-pills::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #154822;
}
.sixcapitals, .businesssegment
{
    display: block;
}
.businesssegment ul
{
    position: initial;
}
.businesssegment #f7 .row
{
    display: block;
}
.awardsec
{
    height: auto;
    display: block;
    padding: 100px 0px;
}
section.hmapproach video, section.hmabouttata video, section.awardsec video
{
    display: none;
}
.awardsec .container
{
    display: block;
}
.sixcapitals .tab-content.fin-tab-content,.businesssegment .tab-content
{
    padding-left: 0px;
    padding-top: 30px;
}
.flex-slide
{
      -webkit-flex: 3;  /* Safari 6.1+ */
  -ms-flex: 3;  /* IE 10 */    
  flex: 3;
}
.flex-slide:hover {
  -webkit-flex-grow: 6;
  flex-grow: 6;
}
.itemd2data {
    padding: 80px 30px 80px 30px;
}
.messagesec
{
    background-image: none;
}
.fixedsubmenu
{
    display: none;
}
.co-sec1, .co-sec2, .co-sec3, .co-sec4, .co-sec5 {
    padding-top: 0px;
}
.top-sec
{
    margin-top: 120px;
}
.cam-intro {
    background-image: none;
    height: auto;
    display: block;
    margin-bottom: 30px;
}
.rta-bg
{
    display: none;
}
.co-btm-img {
    background-image: none;
    height: auto;
    margin-bottom: 60px;
}
.natural-capital-line-img, .mmb-btm-img
{
    display: none;
}
.business-panel
{
    margin-top: 50px;
}
.maintain {
    margin-top: 50px;
}
.grey-bg-n1:after {
    content: '';
    position: absolute;
    top: auto;
    right: 0px;
    left: 0px;
    margin: auto;
    bottom: -20px;
    transform: rotate(90deg);
}
.white-bg-n1
{
    margin-top:30px;
}
.enviromentinside img
{
margin-bottom: 30px;
}
.enviromentinside {
    padding-top: 50px;
}
.valuesl .rdbtn
{
    display:block;
}
.bsns-pnl .panel-body
{
    padding:30px 15px;
}
}
@media (max-width: 480px)
{
.fy22 h3, .indiasorg h3
{
    font-size: 24px;
    padding-bottom: 20px;
}
.messagesec h3
{
    font-size: 24px;
}
.messagesec p
{
    font-size: 20px;
}
.cpdta h5
{
    font-size: 30px;
}
.ourcps ul.nav-pills li > a
{
    font-size: 16px;
}
.cpdta h5 span
{
    padding-bottom: 5px;
}
.foolterlinks {
    max-width: 100%;
    display: block;
}
.socialicon {
    display: block;
    padding-left: 0px;
    border-left:none;
    padding-top: 10px;
}
.socialicon p
{
    padding-bottom: 5px;
}
.socialicon p a {
    margin-left: 0px;
    margin-right: 10px;
}
footer {
    padding: 30px 0px 30px;
}
.rdbtn a
{
    font-size: 18px;
}
.logo p
{
    display: none;
}
.cam-intro h2 {
    font-size: 24px;
    line-height: 28px;
}
h3.main-heading, .sh-graph h4 {
    font-size: 24px;
    line-height: 30px;
}
.key-b {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
h3.main-heading span {
    display: inline;
}
.i-large h4
{
    font-size: 28px;
    line-height: 30px;
}
.i-large h4 span
{
    display: inline;
}
.digi-slider h4 {
    font-size: 16px;
    line-height: 22px;
    min-height: 85px;
}
.fin-bg h4 span {
    font-size: 32px;
}
.fin-bg h4, .fin-bg h5
{
    font-size: 20px;
}
.blue-arrow1.collapsed:after
{
top: 69px;
    left: 80px;
}
.maintain p
{
    font-size: 18px;
}
.mt-light-bg p
{
    font-size: 18px;
    line-height: 22px;
}
.mre-blue-text
{
    padding-left: 30px;
}
.mre-blue-bg {
    padding: 0px 30px 60px 5px;
}
.chname h6
{
    font-size: 22px;
}
.insidepages .chmessage .whitebg {
    padding: 50px 25px 0px;
}
.messagesec.insidepages p span, .mdmessageinsidedta p span {
    font-size: 18px;
    line-height: 25px;
}
.insidepages .mdmessage
{
    background-attachment: initial;
}
.mdmessageinsidedta h6
{
    font-size: 22px;
}
}
@media (max-width: 420px)
{
.fyborder h4
{
    font-size: 20px;
}
.fy22 h3, .indiasorg h3
{
    font-size: 22px;
}
.chname h6
{
    font-size: 20px;
}
.chname h6 span
{
    font-size: 18px;
}
.messagesec h3 {
    font-size: 22px;
}
.cpdta h5 {
    font-size: 26px;
}
.cpdta h5 span {
    font-size: 22px;
}
.valuesl h5
{
    font-size: 36px;
}
.cam-intro h2 {
    font-size: 18px;
    line-height: 26px;
}
h3.main-heading, .sh-graph h4 {
    font-size: 20px;
    line-height: 26px;
}
.year-t-box
{
    padding: 20px 20px 0px;
}
.year-t-box h4
{
    font-size: 20px;
}
.l-tech {
    margin-top: 50px;
}
.b-value
{
    margin-bottom: 20px;
}
.osdo
{
    margin-bottom: 50px;
}
.digi-slider h4
{
    min-height: 105px;
}
.blue-arrow1.collapsed:after {
    top: 69px;
    left: 0px;
}
.value-fin-bg span.v-head
{
    font-size: 16px;
}
h4.sub-heading
{
    font-size: 18px;
}
.enviromentinside .icwithhd {
    display: block;
    align-items: initial;
}
.enviromentinside .icwithhd img
{
    margin-bottom: 0px;
}
.insidepages .enviromentinside h3 {
    margin-left: 0px;
}
.enviromentinside .slbg
{
    min-height: 570px;
    padding: 30px 15px;
}
}
@media (max-width: 380px)
{
.bsns-pnl .panel-title a {
    font-size: 18px;
}

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

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

}