@media (max-width:991px) {
    .ham-icon
    {
        display: none;
    }
    .ham-icon1
    {
        display: block;
    }
    .my-sidenav {
        display: block;
        position: fixed;
        top: 0px;
        right: 0;
        overflow-x: hidden;
        z-index: 999;
        height: 100vh;
        width: 100%;
        max-width: 0;
                background: transparent linear-gradient(90deg, #0095D9 0%, #50BC80 100%) 0% 0% no-repeat padding-box;
        transition: .5s;
        -webkit-transition: .5s;
    }
    .my-sidenav>ul {
        padding: 40px 20px 0px;
    }
    .chartingnewsec .row .col-md-6:nth-child(2),
    .my-sidenav ul {
        padding-left: 15px
    }
    .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
    }
    .my-sidenav ul li {
        border-top: 1px solid #fff;
        padding: 15px 0
    }
    .my-sidenav>ul>li>ul>li {
        border-bottom: 1px solid #fff;
        padding: 10px 0
    }
    .my-sidenav ul.submenu li ul.submenu li:last-child,
    .my-sidenav>ul>li>ul>li:last-child {
        border-bottom: 0
    }
    .my-sidenav ul.submenu li ul.submenu li {
        border-bottom: 1px solid #fff;
        padding: 10px
    }
    .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: 16px;
        display: block
    }
    .my-sidenav>ul>li>ul>li>a {
        color: #fff;
        font-size: 14px;
        display: block;
    }
    .my-sidenav>ul>li>ul>li>a img {
        padding-right: 10px;
        float: right
    }
    .logoannualtxt a:last-child,p.headceo
    {
        display: none;
    }
    header
    {
        top: 0;
    }
    .logoannualtxt a:first-child
    {
        border-right: 0;
    }
   /* header .row {
        justify-content: space-between;
    }*/
    .ecotxt {
        left: 0;
        bottom: -28px;
    }
    .pdflinks:before
    {
        right: 0;
    }
.my-sidenav ul li.ecohref
{
    padding-left: 25px;
}
.my-sidenav ul li.ecohref:before
{
    top: 10px;
}

}
@media (max-width:767px) {
    .homebanner
    {
        background-image: url(../images/mob/banner-img-mob.webp);
    }
    .chairmansec
    {
        background-image: url(../images/mob/chairman-img.webp);
        display: block;
        padding: 50px 0px 0px;
    }
    .aboutesgsec
    {
        background-image: url(../images/mob/about-the-esg-report-img-mob.webp);
        display: block;
        padding: 50px 0px 0px;
    }
    .aboutesgsec h6, .chairmansec h6
    {
        font-size: 18px;
        line-height: 22px;
    }
    .chairmansec .col-md-5
    {
        padding-left: 30px;
    }
    .chairmansec:after
    {
        width: 50px;
        height: 50px;
    }
    .green-centrel:before,.awardsec:before, .esgperformance:before, .green-centrel:before,.awardsec:after, .esgperformance:after, .aboutesgsec:after, .capitalsec:after
    {
        width: 50px;
        height: 50px;
    }
    .esgperformance
    {
        height: auto;
        padding: 50px 0px;
        display: block;
    }
    .esgperformance h2
    {
        font-size: 40px;
        line-height: 45px;
    }
    .esgperformance h2 {
        transform: translateY(0px);
    }
    .scollnumber
    {
        opacity: 1;
    }
    .snapshotdata1
    {
        display: block;
        padding-bottom: 0px;
    }
    .esgperformance .row
    {
        height: auto;
        overflow: unset;
    }
    .snapshotdata1 .col-md-4
    {
        padding-bottom: 20px;
        border-bottom: 1px solid;
        padding-top: 20px;
    }
    .snapshotdata1 .col-md-4:before
    {
        display: none;
    }
    .esgperformance h4 span.hefirst,.esgperformance h4 span
    {
        font-size: 40px;
        line-height: 40px;
    }
    .esgperformance h4
    {
        padding-top: 0;
    }
    .scollnumber .snapshotdata1:last-child .col-md-4:last-child
    {
        border-bottom: 0;
    }
    .mapsec
    {
        padding: 50px 15px;
        height: auto;
    }
    .mapsec ul li a
    {
        font-size: 16px;
    }
    .pageslinks a
    {
        font-size: 16px;
        line-height: 20px;
    }
    .pageslinks a picture
    {
        max-width: 100px;
        width: 100%;
    }
    .pageslinks a span
    {
        margin: 0px 30px 0px 15px;
        padding-right: 20px;
    }
    .pageslinks a:before
    {
        right: 5px;
    }
    .pageslinks
    {
        padding: 60px 0px;
    }
    footer .footerlinks
    {
        padding: 15px;
    }
    footer ul
    {
        max-width: 100%;
    }
    .footerlinks .row .col-md-6:first-child ul li:last-child,.footerlinks .row .col-md-6 ul li:last-child
    {
            border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
    .sociallinks
    {
        float: initial;
        margin-top: 15px;
    }
    footer .row .col-md-6:last-child p
    {
        float: left;
        padding-top: 10px;
    }
    footer h6
    {
        font-size: 24px;
    }
    .awardsec
    {
        height: auto;
        padding: 60px 0px;
    }
    .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:before
    {
        font-size: 14px;
    }
    .awardsec .swiper-slide ul
    {
        padding-left: 15px;
    }
    .pageslinks .row .col-md-4 a {
        margin-bottom: 25px;
        align-items: center;
    }
    .pageslinks .row .col-md-4:last-child a
    {
        margin-bottom: 0;
    }
    .pageslinks a span:before {
        right: 0px;
        top: 0;
        bottom: 0;
        left: auto;
        margin: auto;
    }
    .pageslinks a span {
        margin: 0px 10px 0px 15px;
        padding-right: 30px;
        width: 100%;
    }
    .green-centrel-text
    {
        position: inherit;
        width: 100%;
        top: 0;
        transform: none;
    }
    .green-centrel-text h2
    {
        font-size: 40px;
        line-height: 45px;
        padding-bottom: 30px;
    }
    .green-centrel
    {
        height: auto;
        padding: 60px 0px;
    }
    .green-centrel2,.green-centrel3,.green-centrel4,.green-centrel5,.green-centrel1
    {
        position: inherit;
        margin: 0;
        transform: none;
        margin:10px;
    }
    .green-centrel1
    {
        opacity: 1;
        transform: none;
    }
    .green-txt1
    {
        opacity: 1;
    }
    .green-txt h3
    {
        font-size: 24px;
        line-height: 28px;
    }
    .green-centrel .container, .green-txt
    {
        top: auto;
        bottom: 10px;
    }
    .green-txt2,.green-txt3,.green-txt4,.green-txt5
    {
        transform: none;
        opacity: 1;
    }
.businesslider .container .btn
{
    margin-top: 15px;
}
    .green-txt .txticon
    {
        margin-bottom: 0;
    }
    .formb
    {
        display: block;
        text-align: center;
        margin: 15px 0px 0px;
    }
    .formb a
    {
        color: #00377b;
    font-size: 18px;
    font-family: "avenir-lt-pro", sans-serif;
    font-weight: 500;
    position: relative;
    padding-bottom: 5px;
    }
    .formb a:before
    {
        content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: #00377b;
    left: 0;
    bottom: 0;
    }
    .colorbg
    {
        display: none;
    }
    .green-centrel:after
    {
        width: 40px;
        height: 40px;
        left: 0;
    }
    .green-centrel
    {
        background: transparent linear-gradient(90deg, #0095D9 0%, #50BC80 100%) 0% 0% no-repeat padding-box;
    }
    .capitalsec
    {
        height: auto;
        padding: 60px 0px;
    }
    .capitalsec .cps
    {
        height: auto;
        padding-bottom: 50px;
        position: relative;
        display: block;
    }
    .scrollcapitals
    {
        height: auto;
        overflow: unset;
    }
     .capitalsec .cps .col-md-6:nth-child(2) img
     {
        margin-top: 50px;
     }
     .capitalsec .col-md-6 .col-md-6 p
     {
        padding-bottom: 25px;
     }
     .halo-effect
     {
        display: none;
     }
     header .container
     {
        width: 100%;
        padding: 0;
     }
     header .row
     {
        justify-content: space-between;
     }
     .banner h2
{
    padding-top: 0;
}
.banner,.ourGrp-banne,.bod-bann,.esg-banner-pd
{
    padding-top: 90px;
}
.banner .banner-img
{
    margin-top: 60px;
}
.banner .banner-img .yellow
{
    left: -15px;
    top: -15px;
    width: 60px;
}
.banner .banner-img .white
{
    width: 60px;
}
.chairman-top-sec picture
{
    margin-bottom: 25px;
    display: block;
}
.global-blue-div::after
{
    height: 60px;
    width: 60px;
}
.global-map-img p
{
    left: 0;
    right: 0;
    bottom: 10px;
    margin: auto;
    text-align: center;
    font-size: 14px;
}
.global-footprint-one, .global-footprint-two, .global-footprint-three
{
    margin-bottom: 15px;
}
.ourGrp.bod h3:nth-of-type(1)
{
    margin-bottom: 0;
    padding-bottom: 30px;
}
.firstBod
{
    min-height: auto;
    max-width: 100%;
    position: initial;
}
.topImg
{
    justify-content: end;
}
.topImg .blueBox
{
    position: absolute;
    z-index: -1;
    bottom: 29px;
}
.breadcrums
{
    padding-bottom: 30px;
}
.secBod-new
{
    display: none;
}
.ourGrp h3
{
    padding-bottom: 30px;
}
.secBod
{
    margin-bottom: 0;
}
.secBod .boData
{
    margin-bottom: 30px;
}
.about-esg-report-content ul
{
    display: block;
}
.ourGrp-top-sec
{
padding-bottom: 0;
}
.our-expertise.noBrdr
{
    background: none;
}
.our-expertise
{
    padding: 0;
}
.ourGrp h3
{
    padding-bottom: 15px;
}
.ourGrp .row.set-up
{
    display: block;
}
.ourGrp  .container .row:nth-child(2),.ourGrp  .container .row:nth-child(4)
{
    flex-direction: column-reverse;
    display: flex;
}
.autoMotive .col-md-3
{
    max-width: 50%;
    width: 50%;
    float: left;
}
.ourGrp  .container .row:nth-child(1) .col-md-2
{
    width: 50%;
    float: left;
} 
.ourGrp  .container .row:nth-child(1) .col-md-2:nth-child(6)
{
    width: 100%;
    float: none;
}
.esg-perf-div .row .col-md-4:first-child
{
    margin-left: 0;
}
.esg-brd-rgt::before
{
    display: none;
}
.esg-perf-div
{
    padding: 30px;
}
.esg-perf
{
    min-height: auto;
}
.board-report-content img
{
    max-width: 100%;
    width: 100%;
    padding-bottom: 30px;
}
.download-btn-srf
{
    margin-top: 15px;
}
.capitalwisepg .row:nth-child(3),.capitalwisepg .row:nth-child(5),.capitalwisepg .row:nth-child(6),.capitalwisepg .row:nth-child(7)
{
flex-direction: column-reverse;
display: flex;
}
.capitalwisepg .capital
{
    padding: 0px 15px;
    margin: 0;
    margin-bottom: 30px;
}
.finanDiv
{
    padding-left: 0;
}
.orangeFinan
{
    margin-bottom: 15px;
    min-height: auto;
    padding: 15px;
}
.key-highlight h1
{
    font-size: 24px;
    line-height: 25px;
}
.key-highlight p
{
    padding-bottom: 20px;
}
.initiative .row
{
    margin-right: 0;
}
.initiative .row
{
    max-width: 100%;
    padding: 20px 0px;
}
.impactFinan
{
    padding: 20px;
}
.initiative .col-md-7 .first-sec
{
    padding-bottom: 0;
}
.row.strength
{
    display: block;
}
.growth p
{
    padding-bottom: 0;
    padding-top: 30px;
}
.grephSec.intell
{
    padding-bottom: 0;
}
.our-expertise.new-ul.intell ul
{
    max-width: 100%;
    display: block;
}
.grephSec
{
    padding-bottom: 0;
}
.initiative.manu-f .row
{
    padding: 20px 0px;
}
.initiative.manu-f .row.noBrdr
{
    padding-top: 0;
}
.manuf .growth p
{
    padding-top: 0;
    padding-bottom: 20px;
}
.scb-img
{
    padding-bottom: 30px;
}
.manuf .grephSec .row
{
    padding-bottom: 0;
}
.manuf .our-expertise
{
    padding: 15px;
}
.initiative.human-f .first-sec.noBrdr.key-s
{
    padding-top: 0px;
}
.light-data
{
    padding-left: 0;
    padding-bottom: 30px;
}
.light-pBox .bigArrow
{
    padding-left: 0;
}
.light-data h3
{
    font-size: 16px;
    line-height: 18px;
    padding: 0px 10px;
}
.grephSec .row.set-up
{
    display: block;
}
.stren-img,.grephSec .row.set-up
{
    padding-bottom: 0;
}
.our-expertise.human
{
    padding: 15px;
}
.firstImg::before
{
    min-height: 100%;
}
.natural .growth p
{
    padding-top: 0;
    padding-bottom: 20px;
}
.grephSec.natural .stren-img
{
    padding-bottom: 20px;
}
.natural .set-up img
{
    padding-bottom: 20px;
}
.our-expertise.natural
{
    min-height: auto;
    padding: 15px;
}
.main-exp
{
    display: block;
    max-width: 100%;
}
.chem-perf
{
    padding-bottom: 20px;
}
.our-expertise.natural  h3.blue
{
    padding-bottom: 30px;
}
.grephSec.natural .col-md-12 .row:last-child
{
    padding-bottom: 0;
}
.orange-sec.social .growth h1
{
    font-size: 24px;
    line-height: 30px;
}
.our-expertise.social
{
    padding: 15px;
}
.our-expertise.social h3
{
    font-size: 20px;
}
.our-expertise.social .row
{
    padding-top: 0;
}
.banner.annual .row
{
    display: block;
}
.banner.annual
{
    padding-bottom: 0;
}
.orange-sec.annual
{
    padding-bottom: 30px;
}
.blueKey
{
    padding: 15px 0px;
}
.joinusborder
{
    padding: 25px 15px;
}
.banner.annual h2
{
    font-size: 24px;
    line-height: 28px;
}
.human .our-expertise.appr
{
    background: none;
}
.chairman-top-sec h5
{
    line-height: 30px;
}
.magtintop
{
    margin-top: 30px;
}
.bod-bann.ourGrp .container .row:nth-child(2), .ourGrp .container .row:nth-child(4)
{
    display: block;
}
.awards-accolades-content .row
{
    margin: 0;
}
.chemical h3
{
    padding-bottom: 0px;
    line-height: 24px;
}
.ourGrp-banne .container .row:nth-child(4)
{
    display: flex;
}
.autoMotive .row
{
    display: flex;
    flex-wrap: wrap;
}
.financialpg.initiative .col-md-7 .first-sec,.financialpgorange .grephSec
{
    padding-bottom: 30px;
}
.mauf-cap h3
{
    font-size: 18px;
}
.mauf-cap p
{
    padding-left: 40px;
}
.marginbttom
{
    margin-bottom: 30px;
}
.grephSec.social .row.social-r
{
    display: block;
}
.grephSec .row.mbpaddinbtm
{
    padding-bottom: 0;
}
.mbpaddinbtm h3,.h3padding h3
{
    padding-bottom: 10px;
    padding-top: 20px;
}
.socialawards p
{
    padding-top: 15px;
}
.finaclhpara p,.finaclhpara h3
{
padding-top: 15px;
}
.finaclhpara h3
{
    padding-bottom: 0px;
}
.circleGraph
{
    display: block;
}
.circleGraph .firstCircle:nth-child(2)
{
    margin-top: 30px;
}
.formob
{
    display: block;
}
.bodreportbanner,.mdnabanner
{
    background: none;
    height: auto;
}
.tablediv table tbody tr td:first-child,.tablediv table tr:nth-child(2) th:first-child,.tablediv table tr:nth-child(3) th:first-child
{
    max-width: 200px;
    width: 200px;
    display: block;
}
.ourecobanner
{
    background: none;
    height: auto;
}
.ourecobanner.banner.annual  h2
{
      color: #00377b;
}
.ourecobanner.banner p
{
  background: linear-gradient(to right, #0095d9, #50bc80);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ourecobanner .breadcrums a
{
color: #4d4d4f;
}
.awadrspaddright
{
    padding-right: 0;
}
.businesslider picture
{
    display: none;
}
.businesslider .item
{
 background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
}
.businesslider .item1
{
    background-image: url(../images/mob/chemicals-b-img-mob.webp);
}
.businesslider .item2
{
    background-image: url(../images/mob/performance-films-img-mob.webp);
}
.businesslider .item3
{
    background-image: url(../images/mob/technical-textiles-img-mob.webp);
}
.businesslider .item4
{
    background-image: url(../images/mob/coated-fabrics-img-mob.webp);
}
.businesslider .item5
{
    background-image: url(../images/mob/laminated-fabrics-b-img-mob.webp);
}
.businesslider .container
{
    top: auto;
    bottom: 60px;
}
.businesslider .container p
{
    margin-bottom: 0px;
    font-size: 18px;
}
.busines_slider .owl-nav button.owl-next
{
    display: none;
}
.busines_slider .owl-nav button.owl-prev
{
    top: auto;
    bottom: 40px;
    display: none;
}
.busines_slider .owl-dots
{
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
}
.busines_slider.owl-theme .owl-dots .owl-dot.active span,.busines_slider.owl-theme .owl-dots .owl-dot:hover span
{
background: #00377b;
}
.banner p
{
    padding-right: 0;
}
.paddingright80
{
    padding-right: 0;
}
.humantable.tablediv table tbody tr td:first-child, .humantable.tablediv table tr:nth-child(2) th:first-child, .humantable.tablediv table tr:nth-child(3) th:first-child
{
max-width:initial;
width: initial;
}
}