@media (min-width: 1920px) and (max-width: 2560px) {



}

@media (min-width: 1600px) and (max-width: 1919px) {

.container-1360-wrp{max-width: 1360px;}
.common-ttle{ font-size: 46px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}



}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.container {max-width: 1130px;}
.container-1360-wrp{max-width: 1300px;}
.common-ttle{ font-size: 36px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}
#value-creation .creationRight {padding: 40px;}
.hero-section .hero-content h2 {padding-top: 300px;}
#bottombanner .desc { font-size: 34px; }
#redifine { margin-bottom: 50px; }
#redifine .redifineSlider .swiper-slide {height: auto; padding-bottom: 50px; background: linear-gradient(168deg, #ED1D24 -101.33%, #000000 101.42%); }
#redifine .thumbs .swiper-slide {width: 160px;}
#redifine .container .redifine-right .storiesNos {padding-top: 20px;}
#Glance {padding-top: 10px;}
.infoNos .nos {font-size: 32px;}
.fs22 {
    font-size: 20px !important;
}
#Glance .leftart {
    position: absolute;
        left:-155px;
        bottom: -260px;
        width: 420px;
        height: 510px;
        overflow: hidden;
        text-align: center;
        background: url(../images/glance-cricle.png) no-repeat -70px bottom / 480px;
}
#Highlights .data-block .amount {font-size: 32px;}
#Strategy .StrategySlider2 .card {padding: 16px;}
#Strategy .StrategySlider2 .card-text {font-size: 16px;height: 140px;}
#chairman .next-per, #chairman .prev-per {right:-60px;transform: scale(0.8);bottom: 140px;}
#chairman {height: 835px;}
#risk .timeline {transform: scale(0.86);left: -120px;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs h2 {font-size: 26px;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs p {font-size: 16px;line-height: 1.2;}
/* #risk .step:nth-child(6) {
    transform: translate(0px, 0px) !important;
}
#risk .step:nth-child(9) {
    transform: translate(-47px, 0px) !important;
} */
 #risk .step {
    position: relative;
    width: 217px;
}
.infoNos .units {
    font-size: 19px;
}
#redifine .container .redifine-right .infoNos .nos {font-size: 28px;}
#businessSegment .BussLhs h2 {font-size: 40px;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs {padding-top: 0px;}

.common-cta:hover .arrow img {transform: translateY(1px);}
#Glance .content {padding-left: 120px;}
#Glance .content p { line-height: 1.3; }
#Highlights .nav-tabs .nav-link {font-size: 18px;}
#chairman .chairmanContent .desc {font-size: 22px;}

.BussRhs .infoNos .units {
        font-size: 24px;
    }
    #Quarterly .quarter ul li {font-size: 19px;}
    #Stakeholder .stakeholderBox {padding: 20px;}
    #Stakeholder .stakeholderBox p {padding: 20px;line-height: 1.2;}

    #risk .step:nth-child(3) {left: 40px;}
    #risk .step:nth-child(4) {left: 70px;}
    #risk .step:nth-child(5) {left: 120px;}
    #risk .step:nth-child(6) {left: 180px;}
    #risk .step:nth-child(9) {left: 50px;}
    #risk .step:nth-child(10) {left: 140px;}
    #downloadCenter .downloadLink a {font-size: 19px;}
#Strategy .StrategySlider2 .card .card-text {font-size: 16px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.container-1360-wrp{max-width: 1300px;}
.common-ttle{ font-size: 36px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}
#value-creation .creationRight {padding: 40px;}

#bottombanner .desc { font-size: 38px; }
#redifine { margin-bottom: 50px; }
#redifine .redifineSlider .swiper-slide {height: auto; padding-bottom: 50px; background: linear-gradient(168deg, #ED1D24 -101.33%, #000000 101.42%); }
#redifine .thumbs .swiper-slide {width: 148px;}
#redifine .container .redifine-right .storiesNos {padding-top: 20px;}
#Glance {padding-top: 10px;}
.infoNos .nos {font-size: 32px;}
#Glance .leftart {
    position: absolute;
        left: -115px;
        bottom: -260px;
        width: 420px;
        height: 510px;
        overflow: hidden;
        text-align: center;
        background: url(../images/glance-cricle.png) no-repeat -70px bottom / 480px;
}
#Highlights .data-block .amount {font-size: 32px;}
#Strategy .StrategySlider2 .card {padding: 16px;}
#Strategy .StrategySlider2 .card-text {font-size: 16px;height: 140px;}
#chairman .next-per, #chairman .prev-per {right:0px;
        transform: scale(0.8);}
#chairman {height: 725px;}
#chairman .chairmanimg  {width: 420px;}
#chairman .chairmanimg img { width: 100%; } 
#chairman .chairmanContent .desc {font-size: 22px;}
#risk .timeline {transform: scale(0.70);}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs h2 {font-size: 26px;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs p {font-size: 16px;line-height: 1.2;}

.infoNos .units {
    font-size: 19px;
}
#redifine .container .redifine-right .infoNos .nos {font-size: 28px;}
#businessSegment .BussLhs h2 {font-size: 40px;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs {padding-top: 0px;}

.hero-section .hero-content h1 {font-size: 44px;}
.hero-section .hero-content h2 {font-size: 34px;padding-top: 180px;}
.fs22 {
    font-size: 20px !important;
    line-height: 1.4;
}

#Stakeholder .stakeholderBox p {font-size: 13px;}
#risk .step {
    position: relative;
    width: 219px;
}

#risk .step:nth-child(5) {transform: translate(165px, 0px);}
#risk .step:nth-child(6) {
    transform: translate(270px, 0px);
}
#risk .step:nth-child(4) {
    transform: translate(110px, 0px);
}
#risk .step:nth-child(10) {
    transform: translate(-47px, 0px);
}
#CapitalWise .capitalWiseSliderCards {height: 460px;}
#redifine .thumbs .swiper-slide {font-size: 12px;}
}


/* (1366x768) WXGA Display */
/* @media  screen and (max-width: 1366px) {

}
*/

/* 1. scale and layout setting at 150% */
@media (resolution: 1.25dppx) {
.common-ttle {
font-size: 28px;
}
.hero-section .hero-content h2 {padding-top: 270px;}
#redifine .thumbs .swiper-slide {width: 196px;}
#redifine .container .redifine-right .storiesNos {padding-top: 20px;}
#Glance {padding-top: 10px;}
.infoNos .nos {font-size: 32px;}
#Glance .leftart {
    position: absolute;
    left: -135px;
    bottom: -240px;
    width: 500px;
    height: 600px;
    overflow: hidden;
    text-align: center;
    background: url(../images/glance-cricle.png) no-repeat -70px bottom/480px;
}
#Highlights .data-block .amount {font-size: 32px;}
#Strategy .StrategySlider2 .card {padding: 16px;}
#Strategy .StrategySlider2 .card-text {font-size: 16px;height: 140px;}
#chairman .next-per, #chairman .prev-per {right: -10px;}
#chairman {height: 835px;}
#risk .timeline {transform: scale(0.9);}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs h2 {font-size: 30px;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs p {font-size: 18px;line-height: 1.2;}

}

/* 3. scale and layout setting at 150% */
@media (resolution: 1.5dppx) {

.container-1360-wrp{max-width: 1300px;}
.common-ttle{ font-size: 36px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}
#value-creation .creationRight {padding: 40px;}

#bottombanner .desc { font-size: 38px; }
#redifine { margin-bottom: 50px; }
#redifine .redifineSlider .swiper-slide {height: auto; padding-bottom: 50px; background: linear-gradient(168deg, #ED1D24 -101.33%, #000000 101.42%); }
#redifine .thumbs .swiper-slide {width: 148px;}
#redifine .container .redifine-right .storiesNos {padding-top: 20px;}
#Glance {padding-top: 10px;}
.infoNos .nos {font-size: 32px;}
#Glance .leftart {
    position: absolute;
        left: -115px;
        bottom: -260px;
        width: 420px;
        height: 510px;
        overflow: hidden;
        text-align: center;
        background: url(../images/glance-cricle.png) no-repeat -70px bottom / 480px;
}
#Highlights .data-block .amount {font-size: 32px;}
#Strategy .StrategySlider2 .card {padding: 16px;}
#Strategy .StrategySlider2 .card-text {font-size: 16px;height: 140px;}
#chairman .next-per, #chairman .prev-per {right:0px;
        transform: scale(0.8);}
#chairman {height: 725px;}
#chairman .chairmanimg  {width: 420px;}
#chairman .chairmanimg img { width: 100%; } 
#chairman .chairmanContent .desc {font-size: 22px;}
#risk .timeline {transform: scale(0.70);}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs h2 {font-size: 26px;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs p {font-size: 16px;line-height: 1.2;}

.infoNos .units {
    font-size: 19px;
}
#redifine .container .redifine-right .infoNos .nos {font-size: 28px;}
#businessSegment .BussLhs h2 {font-size: 40px;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs {padding-top: 0px;}

.hero-section .hero-content h1 {font-size: 44px;}
.hero-section .hero-content h2 {font-size: 34px;padding-top: 180px;}
.fs22 {
    font-size: 20px !important;
    line-height: 1.4;
}

#Stakeholder .stakeholderBox p {font-size: 13px;}
#risk .step {
    position: relative;
    width: 219px;
}

#risk .step:nth-child(5) {transform: translate(165px, 0px);}
#risk .step:nth-child(6) {
    transform: translate(270px, 0px);
}
#risk .step:nth-child(4) {
    transform: translate(110px, 0px);
}
#risk .step:nth-child(10) {
    transform: translate(-47px, 0px);
}

#CapitalWise .capitalWiseSliderCards {height: 460px;}
#redifine .thumbs .swiper-slide {font-size: 12px;}
}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
{

.row { margin: 0px; }
.logo img {width: 100px;}
.hero-section { height: auto; }
.hero-section .hero-content h2 {font-size: 41px;padding-top: 0px;}
.hero-section .hero-content h1 {font-size: 36px;}
.hero-section .bannerBg,.hero-section .hero-download { position: relative; bottom: 0px; }
.hero-section .hero-download a h5 {font-size: 17px;}
#bottombanner .desc {font-size: 28px;}
#bottombanner {background: url(../images/banner-bottom.jpg) no-repeat -240px bottom / 1260px; padding-bottom: 30px; padding-top: 30px; }
#redifine {padding-top: 30px}/*   */
.common-ttle {
font-size: 28px;
}
#redifine .thumbsSlider { display: none; }
#redifine .thumbs { padding: 0px; }
#redifine .redifineSlider {background: linear-gradient(75.05deg, #ED1D24 -101.33%, #000000 101.42%);}
#redifine .redifineimg { position: relative; }

#redifine .swiper-button-next, #redifine .swiper-button-prev {
    top: 280px;
}
#redifine .container .redifine-right .storiesNos {padding-top: 20px;}
#redifine .redifineSlider .swiper-slide { height: auto; padding-bottom: 50px; }
#redifine .container .redifine-right .infoNos.rightbr { border-right: none !important; }
#Glance {padding: 30px 0px; padding-bottom: 0px; }
#Glance .content {padding-left: 0px;padding-right: 0px;}
#Glance .leftart {
    position: relative;
    left: 0px;
    bottom: 0px;
    width: 340px;
    height: 350px;
    overflow: hidden;
    text-align: center;
    background: url(../images/glance-cricle.png) no-repeat -70px bottom / 330px;margin-top: 10px;
}
#Glance .infoNos {padding: 9px;height: 91%;}
#Glance .infoNos .nos {font-size: 26px;}
#Glance .infoNos .nosDesc {font-size: 14px;}

#Highlights {
    padding: 60px 0px;
}
#Highlights .nav { display: flex; padding-top: 0px;justify-content: center; }
#Highlights .nav-tabs { padding-right: 0px; gap: 10px; border: none; }
#Highlights .nav-tabs .nav-link {font-size: 15px;padding: 6px 20px;margin-bottom: 0px;}
#Highlights .abig { display: none; }
#Highlights #myTabContent {
    padding-left: 0px;
    padding-top: 30px;
    border-top: 1px solid #d3d3d3;
    margin-top: 20px;
}
#Highlights .data-block { margin-bottom: 10px; }
#Highlights .data-block .amount {font-size: 28px;}
#Highlights .category {margin-bottom: 10px;}
#Strategy {padding: 40px 0px;}
#Strategy .StrategyRight .hero-slider .slide-inner h2 {font-size: 20px;}
#Strategy .StrategyRight { margin-top: 20px; }
#Strategy .StrategySlider2 {
    margin-top: 30px;
}

#chairman {
    padding: 30px 0px;
    overflow: hidden;
    height: auto;
}
#chairman .chairmanimg { background: linear-gradient(0deg, #ED1D24 -101.33%, #000000 101.42%); border-radius: 20px; overflow: hidden; margin-top: 30px; }
#chairman .chairmanimg img { width: 100%; }
#chairman .chairmanContent .desc {padding-left: 0px;font-size: 20px;background-size: 80px;padding-top: 40px;margin-bottom: 30px;}
#chairman .chairmanContent {
    margin-top: 20px;
}
#chairman .next-per, #chairman .prev-per { display: none; }
.text-end {
    text-align: left !important;
}
#chairman .common-cta { margin-bottom: 10px; }
#businessSegment {padding: 0px 20px;margin: 10px;margin-top: 20px; padding-bottom: 20px; }
#businessSegment .BussLhs {  height: auto;}
#businessSegment .BussLhs h2 {font-size: 30px;}
#businessSegment .bustop { position: relative; left: 0px; top: 0px; width: 100%; padding-top: 20px; }
#businessSegment .storiesNos {padding-top: 30px;}
#businessSegment .BussRhs { margin-top: 20px; }
#valueCreation .Value-Creation_img { overflow: scroll; width: 99%; margin: auto; }
#valueCreation .Value-Creation_img img { width: 1400px; }
#Quarterly {
    padding: 0px 0px;
}
#Quarterly .quarter:before {width: 50px; height: 50px;font-size: 22px; position: relative; left: 0px; top: 0px; display: none; }
#Quarterly .quarter { height: auto; padding: 10px 30px; display: block; }
#Quarterly .quarter.q3 ul { width: 100%; margin-right: 0px; }
#Quarterly .quarter.q2 ul {
    margin-left: 0px;
}
#Quarterly .quarter.q3,#Quarterly .quarter.q2,#Stakeholder .stakeholderBox { height: auto; }
#Quarterly .quarter.q4 ul {
    margin-top: 0px;
}
#Quarterly .quarter.q4 img {
    max-width: 350px;
    transform: translate(-70px, 62px);
}
#Stakeholder { padding-top: 30px; }
.common-ttle br { display: none; }
#Stakeholder .stakeholderBox { height: 350px;  }
#Stakeholder .stakeholderBox p { position: relative; padding: 0px; margin-top: 20px; }
#Stakeholder .mb-5 {margin-bottom: 1rem !important;}
#Stakeholder .mt-5 {margin-top: 1rem !important;}
#Approach {margin-top: 0px;padding: 10px 0px;}
#Approach .esgcommitments {padding: 14px;}
#Approach .mb-5 {
    margin-bottom: 1rem!important;
}

#risk {
    padding: 40px 0px;
}
#risk .mb-5 {margin-bottom: 1rem !important;}
#risk .mt-5 {margin-top: 1rem !important;}
#csr { height: auto; margin: 10px;padding: 20px 0px; }
#csr .csr-pic {
    margin-top: 30px;
}
#csr .csr-pic {
    margin-bottom: 30px;
}
.mb-5 {
    margin-bottom: 1rem !important;
}
#csr .infoNos {margin-top: 10px;}
#CapitalWise {padding-top: 30px;}
#CapitalWise .capitalWiseSliderCards::before {width: 65%;height: 310px;}
#CapitalWise .capitalWiseSliderCards {padding: 0px; padding-bottom: 10px; }
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs {margin-left: 0px;margin-right: 0px;padding-top: 40px;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsPic { margin-top: 15px; }
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsPic img { width: 100%; }
#downloadCenter {padding: 40px 0px;}
#downloadCenter .container {
    padding: 0px 10px;
}
#downloadCenter .downloadLink a { height: auto; }
#downloadCenter .downloadLink a img {right: 0px;}
#downloadCenter .downloadLink {margin-top: 0px;}
#downloadCenter .common-ttle { margin-bottom: 20px; }
#downloadCenter #footer {margin-top: 0px;}
#downloadCenter { padding-bottom: 0px; }
#valueCreation {overflow: hidden;}
#Quarterly .grid-container {width: 100%;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs h2 {font-size: 26px;}
#CapitalWise {padding: 13px 10px;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs p {font-size: 18px;line-height: 1.3;}
#risk .timeline .line { display: none; }
#risk .timeline { display: block; }
/* progress {height: 45px;} */
#risk .timeline {padding-left: 0px;}
#risk .step { margin-bottom: 20px; }
#risk .step:nth-child(3),#risk .step:nth-child(4),#risk .step:nth-child(5),#risk .step:nth-child(6),#risk .step:nth-child(7),#risk .step:nth-child(8),#risk .step:nth-child(9),#risk .step:nth-child(10) 
{transform: translate(0px, 0px) !important;}
#downloadCenter .downloadLink a { font-size: 18px; }



}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) 
{



.row { margin: 0px; }
.logo img {width: 100px;}
.hero-section { height: auto; }
.hero-section .hero-content h2 {font-size: 41px;padding-top: 0px;}
.hero-section .hero-content h1 {font-size: 36px;}
.hero-section .bannerBg,.hero-section .hero-download { position: relative; bottom: 0px; }
.hero-section .hero-download a h5 {font-size: 17px;}
#bottombanner .desc {font-size: 28px;}
#bottombanner {background: url(../images/banner-bottom.jpg) no-repeat -240px bottom / 1260px; padding-bottom: 30px; padding-top: 30px; }
#redifine {padding-top: 30px}/*   */
.common-ttle {
font-size: 28px;
}
#redifine .thumbsSlider { display: none; }
#redifine .thumbs { padding: 0px; }
#redifine .redifineSlider {background: linear-gradient(75.05deg, #ED1D24 -101.33%, #000000 101.42%);}
#redifine .redifineimg { position: relative; }

#redifine .swiper-button-next, #redifine .swiper-button-prev {
    top: 280px;
}
#redifine .container .redifine-right .storiesNos {padding-top: 20px;}
#redifine .redifineSlider .swiper-slide { height: auto; padding-bottom: 50px; }
#redifine .container .redifine-right .infoNos.rightbr { border-right: none !important; }
#Glance {padding: 30px 0px; padding-bottom: 0px; }
#Glance .content {padding-left: 0px;padding-right: 0px;}
#Glance .leftart {
    position: relative;
    left: 0px;
    bottom: 0px;
    width: 340px;
    height: 350px;
    overflow: hidden;
    text-align: center;
    background: url(../images/glance-cricle.png) no-repeat -70px bottom / 330px;margin-top: 10px;
}
#Glance .infoNos {padding: 9px;height: 91%;}
#Glance .infoNos .nos {font-size: 26px;}
#Glance .infoNos .nosDesc {font-size: 14px;}

#Highlights {
    padding: 60px 0px;
}
#Highlights .nav { display: flex; padding-top: 0px;justify-content: center; }
#Highlights .nav-tabs { padding-right: 0px; gap: 10px; border: none; }
#Highlights .nav-tabs .nav-link {font-size: 15px;padding: 6px 20px;margin-bottom: 0px;}
#Highlights .abig { display: none; }
#Highlights #myTabContent {
    padding-left: 0px;
    padding-top: 30px;
    border-top: 1px solid #d3d3d3;
    margin-top: 20px;
}
#Highlights .data-block { margin-bottom: 10px; }
#Highlights .data-block .amount {font-size: 28px;}
#Highlights .category {margin-bottom: 10px;}
#Strategy {padding: 40px 0px;}
#Strategy .StrategyRight .hero-slider .slide-inner h2 {font-size: 20px;}
#Strategy .StrategyRight { margin-top: 20px; }
#Strategy .StrategySlider2 {
    margin-top: 30px;
}

#chairman {
    padding: 30px 0px;
    overflow: hidden;
    height: auto;
}
#chairman .chairmanimg { background: linear-gradient(0deg, #ED1D24 -101.33%, #000000 101.42%); border-radius: 20px; overflow: hidden; margin-top: 30px; }
#chairman .chairmanimg img { width: 100%; }
#chairman .chairmanContent .desc {padding-left: 0px;font-size: 20px;background-size: 80px;padding-top: 40px;margin-bottom: 30px;}
#chairman .chairmanContent {
    margin-top: 20px;
}
#chairman .next-per, #chairman .prev-per { display: none; }
.text-end {
    text-align: left !important;
}
#chairman .common-cta { margin-bottom: 10px; }
#businessSegment {padding: 0px 20px;margin: 10px;margin-top: 20px; padding-bottom: 20px; }
#businessSegment .BussLhs {  height: auto;}
#businessSegment .BussLhs h2 {font-size: 30px;}
#businessSegment .bustop { position: relative; left: 0px; top: 0px; width: 100%; padding-top: 20px; }
#businessSegment .storiesNos {padding-top: 30px;}
#businessSegment .BussRhs { margin-top: 20px; }
#valueCreation .Value-Creation_img { overflow: scroll; width: 99%; margin: auto; }
#valueCreation .Value-Creation_img img { width: 1400px; }
#Quarterly {
    padding: 0px 0px;
}
#Quarterly .quarter:before {width: 50px; height: 50px;font-size: 22px; position: relative; left: 0px; top: 0px; display: none; }
#Quarterly .quarter { height: auto; padding: 10px 30px; display: block; }
#Quarterly .quarter.q3 ul { width: 100%; margin-right: 0px; }
#Quarterly .quarter.q2 ul {
    margin-left: 0px;
}
#Quarterly .quarter.q3,#Quarterly .quarter.q2,#Stakeholder .stakeholderBox { height: auto; }
#Quarterly .quarter.q4 ul {
    margin-top: 0px;
}
#Quarterly .quarter.q4 img {
    max-width: 350px;
    transform: translate(-70px, 62px);
}
#Stakeholder { padding-top: 30px; }
.common-ttle br { display: none; }
#Stakeholder .stakeholderBox { height: 350px;  }
#Stakeholder .stakeholderBox p { position: relative; padding: 0px; margin-top: 20px; }
#Stakeholder .mb-5 {margin-bottom: 1rem !important;}
#Stakeholder .mt-5 {margin-top: 1rem !important;}
#Approach {margin-top: 0px;padding: 10px 0px;}
#Approach .esgcommitments {padding: 14px;}
#Approach .mb-5 {
    margin-bottom: 1rem!important;
}

#risk {
    padding: 40px 0px;
}
#risk .mb-5 {margin-bottom: 1rem !important;}
#risk .mt-5 {margin-top: 1rem !important;}
#csr { height: auto; margin: 10px;padding: 20px 0px; }
#csr .csr-pic {
    margin-top: 30px;
}
#csr .csr-pic {
    margin-bottom: 30px;
}
.mb-5 {
    margin-bottom: 1rem !important;
}
#csr .infoNos {margin-top: 10px;}
#CapitalWise {padding-top: 30px;}
#CapitalWise .capitalWiseSliderCards::before {width: 65%;height: 310px;}
#CapitalWise .capitalWiseSliderCards {padding: 0px; padding-bottom: 10px; }
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs {margin-left: 0px;margin-right: 0px;padding-top: 40px;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsPic { margin-top: 15px; }
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsPic img { width: 100%; }
#downloadCenter {padding: 40px 0px;}
#downloadCenter .container {
    padding: 0px 10px;
}
#downloadCenter .downloadLink a { height: auto; }
#downloadCenter .downloadLink a img {right: 0px;}
#downloadCenter .downloadLink {margin-top: 0px;}
#downloadCenter .common-ttle { margin-bottom: 20px; }
#downloadCenter #footer {margin-top: 0px;}
#downloadCenter { padding-bottom: 0px; }
#valueCreation {overflow: hidden;}
#Quarterly .grid-container {width: 100%;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs h2 {font-size: 26px;}
#CapitalWise {padding: 13px 10px;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs p {font-size: 18px;line-height: 1.3;}
#risk .timeline .line { display: none; }
#risk .timeline { display: block; }
/* progress {height: 45px;} */
#risk .timeline {padding-left: 0px;}
#risk .step { margin-bottom: 20px; }
#risk .step:nth-child(3),#risk .step:nth-child(4),#risk .step:nth-child(5),#risk .step:nth-child(6),#risk .step:nth-child(7),#risk .step:nth-child(8),#risk .step:nth-child(9),#risk .step:nth-child(10) 
{transform: translate(0px, 0px) !important;}
#downloadCenter .downloadLink a { font-size: 18px; }



}
/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {


.row { margin: 0px; }
.logo img {width: 100px;}
.hero-section { height: auto; }
.hero-section .hero-content h2 {font-size: 26px;padding-top: 0px;}
.hero-section .hero-content h1 {font-size: 36px;}
.hero-section .bannerBg,.hero-section .hero-download { position: relative; bottom: 0px; }
.hero-section .hero-download a h5 {font-size: 17px;}
#bottombanner .desc {font-size: 28px;}
#bottombanner {background: url(../images/banner-bottom.jpg) no-repeat -240px bottom / 1260px; padding-bottom: 30px; padding-top: 30px; }
#redifine {padding-top: 30px}/*   */
.common-ttle {
font-size: 28px;
}
#redifine .thumbsSlider { display: none; }
#redifine .thumbs { padding: 0px; }
#redifine .redifineSlider {background: linear-gradient(75.05deg, #ED1D24 -101.33%, #000000 101.42%);}
#redifine .redifineimg { position: relative; }

#redifine .swiper-button-next, #redifine .swiper-button-prev {
    top: 280px;
}
#redifine .container .redifine-right .storiesNos {padding-top: 20px;}
#redifine .redifineSlider .swiper-slide { height: auto; padding-bottom: 50px; }
#redifine .container .redifine-right .infoNos.rightbr { border-right: none !important; }
#Glance {padding: 30px 0px; padding-bottom: 0px; }
#Glance .content {padding-left: 0px;padding-right: 0px;}
#Glance .leftart {
    position: relative;
    left: 0px;
    bottom: 0px;
    width: 340px;
    height: 350px;
    overflow: hidden;
    text-align: center;
    background: url(../images/glance-cricle.png) no-repeat -70px bottom / 330px;margin-top: 10px;
}
#Glance .infoNos {padding: 9px;height: 91%;}
#Glance .infoNos .nos {font-size: 26px;}
#Glance .infoNos .nosDesc {font-size: 14px;}

#Highlights {
    padding: 60px 0px;
}
#Highlights .nav { display: flex; padding-top: 0px;justify-content: center; }
#Highlights .nav-tabs { padding-right: 0px; gap: 10px; border: none; }
#Highlights .nav-tabs .nav-link {font-size: 15px;padding: 6px 20px;margin-bottom: 0px;}
#Highlights .abig { display: none; }
#Highlights #myTabContent {
    padding-left: 0px;
    padding-top: 30px;
    border-top: 1px solid #d3d3d3;
    margin-top: 20px;
}
#Highlights .data-block { margin-bottom: 10px; }
#Highlights .data-block .amount {font-size: 28px;}
#Highlights .category {margin-bottom: 10px;}
#Strategy {padding: 40px 0px;}
#Strategy .StrategyRight .hero-slider .slide-inner h2 {font-size: 20px;}
#Strategy .StrategyRight { margin-top: 20px; }
#Strategy .StrategySlider2 {
    margin-top: 30px;
}

#chairman {
    padding: 30px 0px;
    overflow: hidden;
    height: auto;
}
#chairman .chairmanimg { background: linear-gradient(0deg, #ED1D24 -101.33%, #000000 101.42%); border-radius: 20px; overflow: hidden; margin-top: 30px; }
#chairman .chairmanimg img { width: 100%; }
#chairman .chairmanContent .desc {padding-left: 0px;font-size: 20px;background-size: 80px;padding-top: 40px;margin-bottom: 30px;}
#chairman .chairmanContent {
    margin-top: 20px;
}
#chairman .next-per, #chairman .prev-per { display: none; }
.text-end {
    text-align: left !important;
}
#chairman .common-cta { margin-bottom: 10px; }
#businessSegment {padding: 0px 20px;margin: 10px;margin-top: 20px; padding-bottom: 20px; }
#businessSegment .BussLhs {  height: auto;}
#businessSegment .BussLhs h2 {font-size: 30px;}
#businessSegment .bustop { position: relative; left: 0px; top: 0px; width: 100%; padding-top: 20px; }
#businessSegment .storiesNos {padding-top: 30px;}
#businessSegment .BussRhs { margin-top: 20px; }
#valueCreation .Value-Creation_img { overflow: scroll; width: 99%; margin: auto; }
#valueCreation .Value-Creation_img img { width: 1400px; }
#Quarterly {
    padding: 0px 0px;
}
#Quarterly .quarter:before {width: 50px; height: 50px;font-size: 22px; position: relative; left: 0px; top: 0px; display: none; }
#Quarterly .quarter { height: auto; padding: 10px 30px; display: block; }
#Quarterly .quarter.q3 ul { width: 100%; margin-right: 0px; }
#Quarterly .quarter.q2 ul {
    margin-left: 0px;
}
#Quarterly .quarter.q3,#Quarterly .quarter.q2,#Stakeholder .stakeholderBox { height: auto; }
#Quarterly .quarter.q4 ul {
    margin-top: 0px;
}
#Quarterly .quarter.q4 img {
    max-width: 350px;
    transform: translate(-70px, 62px);
}
#Stakeholder { padding-top: 30px; }
.common-ttle br { display: none; }
#Stakeholder .stakeholderBox { height: 350px;  }
#Stakeholder .stakeholderBox p { position: relative; padding: 0px; margin-top: 20px; }
#Stakeholder .mb-5 {margin-bottom: 1rem !important;}
#Stakeholder .mt-5 {margin-top: 1rem !important;}
#Approach {margin-top: 0px;padding: 10px 0px;}
#Approach .esgcommitments {padding: 14px;}
#Approach .mb-5 {
    margin-bottom: 1rem!important;
}

#risk {
    padding: 40px 0px;
}
#risk .mb-5 {margin-bottom: 1rem !important;}
#risk .mt-5 {margin-top: 1rem !important;}
#csr { height: auto; margin: 10px;padding: 20px 0px; }
#csr .csr-pic {
    margin-top: 30px;
}
#csr .csr-pic {
    margin-bottom: 30px;
}
.mb-5 {
    margin-bottom: 1rem !important;
}
#csr .infoNos {margin-top: 10px;}
#CapitalWise {padding-top: 30px;}
#CapitalWise .capitalWiseSliderCards::before {width: 65%;height: 310px;}
#CapitalWise .capitalWiseSliderCards {padding: 0px; padding-bottom: 10px; }
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs {margin-left: 0px;margin-right: 0px;padding-top: 40px;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsPic { margin-top: 15px; }
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsPic img { width: 100%; }
#downloadCenter {padding: 40px 0px;}
#downloadCenter .container {
    padding: 0px 10px;
}
#downloadCenter .downloadLink a { height: auto; }
#downloadCenter .downloadLink a img {right: 0px;}
#downloadCenter .downloadLink {margin-top: 0px;}
#downloadCenter .common-ttle { margin-bottom: 20px; }
#downloadCenter #footer {margin-top: 0px;}
#downloadCenter { padding-bottom: 0px; }
#valueCreation {overflow: hidden;}
#Quarterly .grid-container {width: 100%;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs h2 {font-size: 26px;}
#CapitalWise {padding: 13px 10px;}
#CapitalWise .capitalWiseSliderCards .capitalWiseSliderCardsRhs p {font-size: 18px;line-height: 1.3;}
#risk .timeline .line { display: none; }
#risk .timeline { display: block; }
/* progress {height: 45px;} */
#risk .timeline {padding-left: 0px;}
#risk .step { margin-bottom: 20px; }
#risk .step:nth-child(3),#risk .step:nth-child(4),#risk .step:nth-child(5),#risk .step:nth-child(6),#risk .step:nth-child(7),#risk .step:nth-child(8),#risk .step:nth-child(9),#risk .step:nth-child(10) 
{transform: translate(0px, 0px) !important;}
#downloadCenter .downloadLink a { font-size: 18px; }
.hero-section .hero-content {
    max-width: 600px;
    padding: 30px 10px;
}

#Strategy .swiper-button-next, #Strategy .swiper-button-prev {
display: none;
}

#Strategy .StrategyRight .OurStrategyCards h2 {width: 100%;font-size: 15px; border-radius: 0px 0px 0px 0px;}
#Strategy .StrategyRight .OurStrategyCards img {height: 220px !important;}
.glance_right { margin-top: 20px; }
}