@media (min-width: 1920px) and (max-width: 2560px) {
}

@media (min-width: 1600px) and (max-width: 1919px) {
.container-1360-wrp{max-width: 1360px;}
.common-ttle,.common-ttle2{ font-size: 46px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

.common-ttle,.common-ttle2{ font-size: 40px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}

#banner .container .dil-se {
width: 285px;
left: -63px;
top: 92px;
}
#banner .container .scroll-bt {transform: scale(0.6); display: none; }
#bannerBottom h2 {font-size: 42px;}
#ApproachReporting .ApproachReporting {padding-bottom: 40px;}
#ApproachReporting .ApproachReporting .capitals {transform: scale(0.85) translate(0px, -90px);}

#IntegratedBusiness .interatedCards {
height: 100%;
padding: 16px;
}
#IntegratedBusiness .interatedCards p {line-height: 22px;font-size: 16px;}
#IntegratedBusiness .interatedCards ul li { font-size: 16px; }
#IntegratedBusiness .item_number {margin-bottom: 10px;}
#IntegratedBusiness .interatedCards .revenueInfo p {font-size: 12px;}
#IntegratedBusiness .interatedCards .revenueInfo {height: 150px;}
#IntegratedBusiness .interatedCard h5 {font-size: 18px;}
#IntegratedBusiness .interatedCards .revenueInfo .nos {font-size: 26px;}
#chairmanMessage .bodcontent {
padding: 40px 50px;
}

#chairmanMessage .swiper.Bodslider .swiper-slide {height: 525px;}
#chairmanMessage .swiper.Bodslider .swiper-slide p {font-size: 16px;line-height: 22px;}
#chairmanMessage .bodImg {height: 525px;}

#strategicpillars .strategicpillarsSlider .swiper-slide .strategicpillarsCards {height: 340px;}
#strategicpillars .strategicpillarsSlider .swiper-slide .strategicpillarsCards h2 {font-size: 21px;padding: 20px 20px;}

#ValueCreaction .container .valpix1,#ValueCreaction .container .valpix2 { width: 460px; }
#ValueCreaction .container .valpix1 img,#ValueCreaction .container .valpix2 img { width: 100%; }

#strategicpillars .strategicpillarsSlider .swiper-slide .strategicpillarsCards .pink-vet {width: 187px;bottom: -6px;}
#Governance .GovernanceCards .common-ttle {
    font-size: 30px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

.common-ttle,.common-ttle2{ font-size: 32px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 13px;}
#banner { height: 710px; }
#banner .container .dil-se {
width: 285px;
left: -63px;
top: 92px;
}
#banner .container .scroll-bt {transform: scale(0.6); display: none; }
#bannerBottom h2 {font-size: 42px;}
#ApproachReporting .ApproachReporting {padding-bottom: 40px;}
#ApproachReporting .ApproachReporting .capitals {transform: scale(0.85) translate(0px, -90px);}

#IntegratedBusiness .interatedCards {
height: 100%;
padding: 16px;
}
#IntegratedBusiness .interatedCards p {line-height: 22px;font-size: 14px;}
#IntegratedBusiness .interatedCards ul li { font-size: 16px; }
#IntegratedBusiness .item_number {margin-bottom: 10px;}
#IntegratedBusiness .interatedCards .revenueInfo p {font-size: 12px;}
#IntegratedBusiness .interatedCards .revenueInfo {height: 150px;}
#IntegratedBusiness .interatedCard h5 {font-size: 18px;}
#IntegratedBusiness .interatedCards .revenueInfo .nos {font-size: 24px;}
#chairmanMessage .bodcontent {
padding: 40px 50px;
}

#chairmanMessage .swiper.Bodslider .swiper-slide {height: 525px;}
#chairmanMessage .swiper.Bodslider .swiper-slide p {font-size: 16px;line-height: 22px;}
#chairmanMessage .bodImg {height: 525px;}

#strategicpillars .strategicpillarsSlider .swiper-slide .strategicpillarsCards {height: 270px;}
#strategicpillars .strategicpillarsSlider .swiper-slide .strategicpillarsCards h2 {font-size: 19px;padding: 20px 20px;}

#ValueCreaction .container .valpix1,#ValueCreaction .container .valpix2 { width: 400px; }
#ValueCreaction .container .valpix1 img,#ValueCreaction .container .valpix2 img { width: 100%; }
#ValueCreaction .valueCreationRight p { line-height: 1.3; font-size: 16px; }
#stakeholder_matriality2 .matriality .MaterialIssues-container .item {font-size: 15px;}
#stakeholder_matriality2 .matriality .MaterialIssues-container .column {gap: 10px;}
#kpi .graphTitle h2 {font-size: 17px;}
#kpi .graphTitle h2 .cr {font-size: 14px;}
#chairmanMessage .swiper.slider-thumbnail .swiper-wrapper .swiper-slide {font-size: 12px;line-height: 14px;}
.sub-ttle {font-size: 14px;}
/* #IntegratedBusiness .item {height: 87%;} */
#IntegratedBusiness .wrapper {
    height: 470px;
    margin-top: 20px;
}
#IntegratedBusiness .item_number {font-size: 18px;} 
#IntegratedBusiness .interatedCards p {margin: 10px 0px;}
#IntegratedBusiness .interatedCards .revenueInfo { margin-bottom: 0px; margin-top:0px; }
#Governance .GovernanceCards .common-ttle {
    font-size: 28px;
}
#stakeholder_matriality .common-ttle {
    font-size: 28px;
}
#stakeholder_matriality .ProgressCards p {font-size: 16px;}

#stakeholder_matriality hr {
    margin-top: 20px;
    margin-bottom: 20px;
}
#download-Center .downloadlink ul li a {font-size: 18px;}
#download-Center .downloadlink ul li {
    height: 41px;
}

p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
#header .headerRight .DownloadCenterBt a {font-size: 16px;}

#strategicpillars .strategicpillarsSlider .swiper-slide .strategicpillarsCards .common-cta {font-size: 12px;}

#strategicpillars .strategicpillarsSlider .swiper-slide .strategicpillarsCards .pink-vet {width: 190px;bottom: -6px;}

}

/* 3. scale and layout setting at 150% */
@media (resolution: 1.5dppx) {

.common-ttle,.common-ttle2{ font-size: 32px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 13px;}
#banner { height: 710px; }
#banner .container .dil-se {
width: 285px;
left: -63px;
top: 92px;
}
#banner .container .scroll-bt {transform: scale(0.6); display: none; }
#bannerBottom h2 {font-size: 42px;}
#ApproachReporting .ApproachReporting {padding-bottom: 40px;}
#ApproachReporting .ApproachReporting .capitals {transform: scale(0.75) translate(0px, -190px);}
#advance { overflow: hidden; }
#advance .advancePix {
    right: -170px;
}
#Governance .GovernanceCards {padding: 20px;}
#IntegratedBusiness .interatedCards {
height: 100%;
padding: 16px;
}
#IntegratedBusiness .interatedCards p {line-height: 22px;font-size: 14px;}
#IntegratedBusiness .interatedCards ul li { font-size: 16px; }
#IntegratedBusiness .item_number {margin-bottom: 10px;}
#IntegratedBusiness .interatedCards .revenueInfo p {font-size: 12px;}
#IntegratedBusiness .interatedCards .revenueInfo {height: 150px;}
#IntegratedBusiness .interatedCard h5 {font-size: 18px;}
#IntegratedBusiness .interatedCards .revenueInfo .nos {font-size: 24px;}
#chairmanMessage .bodcontent {
padding: 40px 50px;
}

#chairmanMessage .swiper.Bodslider .swiper-slide {height: 525px;}
#chairmanMessage .swiper.Bodslider .swiper-slide p {font-size: 16px;line-height: 22px;}
#chairmanMessage .bodImg {height: 525px;}

#strategicpillars .strategicpillarsSlider .swiper-slide .strategicpillarsCards {height: 340px;}
#strategicpillars .strategicpillarsSlider .swiper-slide .strategicpillarsCards h2 {font-size: 19px;padding: 20px 20px;}

#ValueCreaction .container .valpix1,#ValueCreaction .container .valpix2 { width: 400px; }
#ValueCreaction .container .valpix1 img,#ValueCreaction .container .valpix2 img { width: 100%; }
#ValueCreaction .valueCreationRight p { line-height: 1.3; font-size: 16px; }
#stakeholder_matriality2 .matriality .MaterialIssues-container .item {font-size: 15px;}
#stakeholder_matriality2 .matriality .MaterialIssues-container .column {gap: 10px;}
#kpi .graphTitle h2 {font-size: 17px;}
#kpi .graphTitle h2 .cr {font-size: 14px;}
#chairmanMessage .swiper.slider-thumbnail .swiper-wrapper .swiper-slide {font-size: 12px;line-height: 14px;}
.sub-ttle {font-size: 14px;}
/* #IntegratedBusiness .item {height: 87%;} */
#IntegratedBusiness .wrapper {
    height: 470px;
    margin-top: 20px;
}
#IntegratedBusiness .item_number {font-size: 18px;} 
#IntegratedBusiness .interatedCards p {margin: 10px 0px;}
#IntegratedBusiness .interatedCards .revenueInfo { margin-bottom: 0px; margin-top:0px; }
#Governance .GovernanceCards .common-ttle {
    font-size: 28px;
}
#stakeholder_matriality .common-ttle {
    font-size: 28px;
}
#stakeholder_matriality .ProgressCards p {font-size: 16px;}

#stakeholder_matriality hr {
    margin-top: 20px;
    margin-bottom: 20px;
}
#download-Center .downloadlink ul li a {font-size: 18px;}
#download-Center .downloadlink ul li {
    height: 41px;
}

p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
#header .headerRight .DownloadCenterBt a {font-size: 16px;}

#strategicpillars .strategicpillarsSlider .swiper-slide .strategicpillarsCards .common-cta {font-size: 12px;}

#strategicpillars .strategicpillarsSlider .swiper-slide .strategicpillarsCards .pink-vet {width: 190px;bottom: -6px;}

}

/* 2. scale and layout setting at 125% */
@media (resolution: 1.25dppx) {
#banner { height: 800px; }
}

/* 4. scale and layout setting at 175% */
@media (resolution: 1.75dppx) {
p {
font-size: 14px;
line-height: 22px;
}

}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

.row { margin: 0px; }
#header .container .axislogo img {
width: 160px;
}
#header .container .axisdownload img {
width: 150px;
}
.common-ttle,.common-ttle2 {
font-size: 34px;
}
.common-ttle br,.common-ttle2 br { display: none; }
#banner  { overflow: hidden; text-align: center; }
#banner .container {display: block;}
#banner .container .scroll-bt {
left: 10px;
bottom: 100px;
display: none; 
}

#banner .container .bannertext h1 {font-size: 90px; padding-top: 113px; }

#banner .container .banner-rightBox {
position: relative;
right: 0px;
bottom: 0px;
width: 300px;
}

#banner .container .bannertext h6 {margin-bottom:0px;font-size: 22px; padding-left: 0px;}
#banner .container .bannertext h5 {
font-size: 28px;
font-size: 20px;
height: auto;
margin-top: 0px;
padding-left: 0px;
}

#Years-Leading { padding: 40px 0px; }
#Years-Leading p {padding: 0px 10px;}

#about-axis {
padding: 30px 0px;
} 

.common-ttle,.common-ttle2 {font-size: 30px;}
.sub-ttle.linetitle { background-image: none; height: auto; }
.sub-ttle.linetitle { padding-left: 10px; }
#about-axis .nav-tabs {margin-top: 40px;}
#about-axis .nav-tabs .nav-link {width: 150px;}
#about-axis #myTabContent {padding: 60px  20px;height: auto;}
#about-axis #myTabContent #mission p { padding: 0px; }
#about-axis #myTabContent #mission .col-lg-4,#about-axis #myTabContent #value .col-lg-4 .valueBox {border-bottom: solid 1px #000000; border-right:none; padding-top: 10px; }
.mt-5 {
margin-top: 1rem !important;
}
#about-axis #myTabContent #value .valueBox {
padding-left: 0px;
margin-bottom: 10px;
}
#about-axis #myTabContent #value .valueBox .common-desc {height: 50px;}
#IntegratedBusiness .nav-tabs {gap: 0px;margin-top: 40px;margin-bottom: 10px;}
#IntegratedBusiness .nav-tabs .nav-link {width: 150px;padding: 10px 0px;font-size: 15px; background-color: #f3f3f3;
height: 60px; margin-bottom: 20px;}
#IntegratedBusiness .nav-tabs .nav-link.active:before {width: 100%;}
#IntegratedBusiness .mid {
padding: 20px 0px;
}

#IntegratedBusiness {
padding-bottom: 50px;
}

#Presence { padding:10px; }
#Presence .container {
padding: 10px 0px;
}
#Presence .Presence-top {
display: none;
}

#Presence .PresenceRight {
padding: 0px 0px 10px 10px;
margin-top: 50px;
}

.gallery-thumbs { display: none; }
#chairman-persons .chairperson-right {
padding: 20px;
}


#enerdilse .enerdilse-bg {left: 0%;}
#enerdilse .enerdilse-bg span {transform: translateX(0%);}
#enerdilse .enerdilse-bg span img { object-fit: cover; width: 100%; height: 600px; }

#perfromace { background-color: #97144D; height: auto;}
#perfromace .dilseleft {
margin-top: 40px;
padding-right: 0px;
} 
#perfromace .perfromace-bg { display: none; }
#kpi {padding: 40px 0px;}

#kpi .swiper-button-next, #kpi .swiper-button-prev {
top:280px;
transform: scale(0.7);
}

#kpi .swiper-button-prev {
left: inherit;
right: 50px;
}

#pillers {
padding: 30px 0px;
}

#pillers .swiper-button-next, #pillers .swiper-button-prev {
top:500px;
}
#pillers .pillersSlider {
padding-top: 100px;
}
#pillers .pillerBox {height: 320px;}

#SixPiller .common-desc br { display: none; }
#oneAxis .OurOne span {padding: 10px 30px;}
#SixPiller .container { padding-left: 0px; padding-right: 0px; }
#SixPiller .container .col-lg-6 { padding-left: 0px; padding-right: 0px; }
#oneAxis .swiper-slide { border: none; }
#oneAxis .swiper-button-next,#oneAxis .swiper-button-prev {top: 73%;}
#oneAxis {
padding-bottom: 30px;
}


#Businessperformance {
padding: 40px 0px;
}

#Businessperformance .nav-tabs .nav-link {width: 150px;padding: 10px 0px;font-size: 15px;}
#Businessperformance .nav-tabs {margin-top: 50px;}
#Businessperformance #myTabContent4 .Possibilities {
padding: 30px 0px;
}


#advancedEsg .advancedEsgLeft,#our-approuch .dilseleft { width: 100%; }
#advancedEsg { padding: 20px; }
#enerdilse {height: 600px;}
#enerdilse .dilseleft {
margin-top: 40px;
padding-left: 0px;
}

#our-approuch,#governance { background-color: #97144D; height: auto; }
#our-approuch .dilseleft,#governance .dilseleft {
margin-top: 40px;
padding-left: 0px;
}

.our-approuch-bg,.governance-bg { display: none; }

#stakeholder {
padding: 40px 0px;
}

#stakeholder .stakeBox { margin-bottom: 30px; height: 430px; }
#stakeholder .stakeBox.matarial {
height: 330px; 
}

#stakeholder .matarial .stakepix {
bottom: -70px;
}

#LeadingChange {
padding: 40px 0px;
}

#LeadingChange .LeadingBox {height: 160px;}
#LeadingChange .swiper-button-next, #LeadingChange .swiper-button-prev {
top:73%;
}

#download-Center .cover {margin-top: 0px;}
#download-Center .download-title { height: auto; text-align: center; padding: 0px; margin-top: 10px; }
#download-Center .download-title .download-line,#download-Center .downloadlink ul li .download-line { display: none; }
#download-Center .downloadlink ul li a { padding-left: 0px; padding-bottom: 3px; font-size: 18px; border-bottom: solid 1px #f1f1f1; }
#download-Center .downloadlink ul li { height: auto; }

#chairman-persons .swiper-button-next, #chairman-persons .swiper-button-prev {
top: 20%;
}

#chairman-persons .swiper-button-next {
left: inherit;
right: 10px;
}

#stakeholder .stakeBox .stakepix { position: relative; }
#stakeholder .stakeBox .stakepix img {
width: 100%;
}

#download-Center { padding-bottom: 30px; }

#Businessperformance { padding: 20px; }

#oneAxis .common-desc br,#governance2 .common-ttle br,.common-ttle2 br { display: none; }

#governance2 {
padding: 20px 0px;
}

#governance2 .governancelist { overflow: scroll; width: 98%;  margin: auto;}
#governance2 .governancelist .nav-tabs {flex-wrap: nowrap;display: flex;margin-bottom: 1px;gap: 10px;}
#governance2 .governancelist .nav-tabs .nav-link {font-size: 16px;padding-right: 10px;width: 190px;}
.PillerContainer { position: relative; opacity: 1; visibility: visible; }
.valuecreation { height: auto; }
.valuecreation .swiper-slide {
position: relative;
}

#oneAxis .auto-grid {--auto-grid-min-size: 10rem;}
#Redigining .row { margin: 0px; }
#Redigining .col-12 { padding-left: 0px; padding-right: 0px; }
.openmobile { margin-bottom: 30px; }

#businessModel {
padding: 30px 0px;
}

#kpi .swiper-slide .col-lg-3  { margin-bottom: 20px; }

.common-ttle br,.common-ttle2 br,.ttle-36 br,#strategy-action .Gsptabs .GsptabsLeft .nav-tabs .nav-link.active:before { display: none; }
.ttle-36 {font-size: 28px;}

#strategy-action .Gsptabs .tab-content {
padding: 30px 10px;
}

#strategy-action .Gsptabs .right-br {
border-right: none; 
border-bottom: solid 1px #5E5E5E;
}

#strategy-action .Gsptabs .tab-content .whitepatch p {padding-right: 0px; padding-bottom: 10px; }
#strategy-action .Gsptabs .tab-content .whitepatch {padding: 12px;}
#strategy-action .Gsptabs .GsptabsLeft { padding:20px 10px; }
#strategy-action .Gsptabs .GsptabsLeft .nav-tabs {
display: flex;
flex-wrap: wrap;justify-content: center;
}
#strategy-action .Gsptabs .GsptabsLeft .nav-tabs .nav-link {font-size: 14px; padding: 10px 10px;text-align: center; width: 147px; height: 80px; }
#strategy-action .Gsptabs .tab-content { height: auto; }
#strategy-action .Gsptabs .right2-br {border-right:none; border-bottom: solid 1px #5C0031; margin-bottom: 20px; }
#stakeholder .stakeBox .common-ttle,.common-ttle2 { height: auto;font-size: 30px; }  

#governance2 .tab-content > .tab-pane .common-cta { position: relative; right: 0px; bottom: 0px; }

#Presence .PresenceRight .col-lg-3:nth-child(5) .infonumb-card, #Presence .PresenceRight .col-lg-3:nth-child(6) .infonumb-card, #Presence .PresenceRight .col-lg-3:nth-child(7) .infonumb-card, #Presence .PresenceRight .col-lg-3:nth-child(8) .infonumb-card {
margin-bottom: 20px;
}


/* #header .DownloadCenterBt { position: relative; right: 0px; left: 0px; margin-top: 0px; top: 0; padding: 0px; border-bottom: solid 1px #971a4d; border-right:none; padding-bottom: 5px; }
#header .DownloadCenterBt img {
width: 107px;
} */
#header .container .axislogo {
margin-top: 0px;

}

#banner .container .dil-se {width: 325px;left: -69px; top: 115px;}
#banner .bannerBottomVet img { width: 100%; } 
#bannerBottom {padding: 30px 0px;}
#bannerBottom h2 {font-size: 30px;}
#bannerBottom h2 br { display: none; }
#bannerBottom .desc { margin-top: 20px; font-size: 22px; }
#ApproachReporting {padding: 15px;}
#ApproachReporting .ApproachReporting {padding:10px 10px;}
#ApproachReporting .ApproachReporting .capitals svg { display: none; }
#ApproachReporting .ApproachReporting .capitals .capital-item { position: relative; left: 0px !important; top: 0px !important; }
#ApproachReporting .ApproachReporting .ApproachReportingLeft {
transform: translateY(0px);
}
#ApproachReporting .ApproachReporting .capitals {margin-top: 30px;}
#ApproachReporting .ApproachReporting .capitals .capital-item:nth-child(1),#ApproachReporting .ApproachReporting .capitals .capital-item:nth-child(4),#ApproachReporting .ApproachReporting .capitals .capital-item:nth-child(5) { width: 100%; text-align: left; }
#ApproachReporting .ApproachReporting .capitals .capital-item .capitalIcon { position: relative; left: 0px !important; top: 0px !important; margin-bottom: 10px; }

.common-cta {font-size: 15px;}
#aboutAxis {padding: 20px 0px;}
#aboutAxis #horizontal-scoll {
padding: 0px 0;
margin-top: 30px;
}
#aboutAxis .horizontal-scoll-wrapper {
overflow: hidden;
height: 100%;
transform: translate(0px, 0px);
}
#aboutAxis .horizontal>div:first-child {
padding: 0px;
margin-left: 0px;
margin-top:0px;

}
#aboutAxis .horizontal .card { width: 95%; margin: auto; padding: 20px 20px; }
#aboutAxis .horizontal {gap:0px;}
.aboutAxisBottom { margin-top: 20px; }

#IntegratedBusiness {
padding: 30px 0px;
}

#IntegratedBusiness .item { position: relative; }
#IntegratedBusiness .wrapper { height: 100%; }
#IntegratedBusiness .interatedCards {padding: 20px 10px;}
#IntegratedBusiness .item_content {padding-top: 10px;}
#IntegratedBusiness .interatedCards .revenueInfo,#chairmanMessage .swiper.Bodslider .swiper-slide { height: auto; }
#IntegratedBusiness .wrapper {margin-top: 30px;}
#chairmanMessage {padding-top: 30px; padding: 10px;}
#chairmanMessage .chairmanMessageInner,#chairmanMessage .swiper-pagination {display: block;}
#chairmanMessage .swiper.slider-thumbnail { display: none; }
#chairmanMessage .bodcontent {
padding: 30px 20px;
}
#strategicpillars {padding: 30px 0px;}
#strategicpillars .strategic-right {
margin-top: 0px;
}
#strategicpillars .strategicpillars_wrap {
transform: translateX(0px);
}
#strategicpillars .strategicpillarsSlider {
padding: 20px;
padding-top: 0px;
}
#strategicpillars .strategicpillarsSlider .swiper-slide .strategicpillarsCards {height: 270px;}
.vetbottom img,.vettop2 img { width: 100% !important; }
.vettop2 {top: -3px;}
#presence .presenceLeft, #presence .presenceRight {padding-top: 60px;}
#presence .presenceCards h3::before {top: 15px;}
#presence .presenceCards h3 {margin-bottom: 14px;}
#presence .presenceRight { padding-top: 20px; }
#stakeholder_matriality {padding: 30px 0px;}
#stakeholder_matriality .stakeholder_matrialityCards {padding: 20px; height: auto; padding-bottom: 0px; }
#stakeholder_matriality .bottomimg { position: relative; margin-top: 30px; }
#stakeholder_matriality .stakeholder_matrialityCards.matrialityCards2 { margin-top: 30px; }
#Buildinglovedbrand .img-container {clip-path: inset(0% 0% round 0px);}
#ValueCreaction .img-container2 {clip-path: inset(0% 0% 0% 0%);height: 100%; display: none; }
#ValueCreaction .container { position: relative; padding-top: 0px; }
#ValueCreaction .anim2 {
opacity: 1;
transform: translateY(0px);
}
#ValueCreaction { background: url(../images/valueCreactionBg.webp) no-repeat center center; background-size: cover; padding-top: 30px; }
#ValueCreaction .container .valpix1 { margin-top: 20px;
position: relative;
bottom: 0px;
left: 0px;
}
#ValueCreaction .container .valpix1 img { width: 100%; }
#ValueCreaction .container .valpix2 { display: none; }
#ValueCreaction .container .valueCreationRight { margin-top: 20px; }  
#valueCreationModel {padding: 40px 0px;}
#stakeholder_matriality2 { padding: 30px 0px; }
#stakeholder_matriality2 .stakeholder_matrialityCards { height: auto; padding: 0px; padding-top: 20px; margin-bottom: 20px; }
#stakeholder_matriality2 .bottomimg { position: relative; }
#stakeholder_matriality2 .matriality {
margin-top: 0px;
}
#stakeholder_matriality2 .matriality .MaterialIssues-container .column,#stakeholder_matriality2 .matriality .MaterialIssues-container {display: block;}
#stakeholder_matriality2 .matriality .MaterialIssues-container .column { margin-bottom: 10px; }
#stakeholder_matriality2 .matriality .MaterialIssues-container .item {font-size: 14px;margin-bottom: 10px;} 
#strategyaction .fs22 {
font-size: 16px;
}
#strategyaction .Outperformance {padding: 10px;}
#advance .advancePix { position: relative; }
#advance .advancePix img { width: 100%; }
#advance {height: auto;padding: 40px 0px;}
#strategyaction {padding: 50px 0px;}
#strategyaction hr {margin-bottom: 20px;margin-top: 10px;}
#advance .advance-right p {
margin-top: 20px;
margin-bottom: 30px;
}

#kpi .nav { display: flex; width: 870px; }
#kpi .indicatorstabs { overflow: scroll; width: 99%; margin-top: 20px; }
#kpi .graphTitle h2 .cr {position: relative;top:0px;}

#kpi .swiper-button-next, #kpi .swiper-button-prev {
top: 350px;
}

#businessSegment {
padding: 20px 0px;
}

#businessSegment .businessSegmentLeft {padding: 30px 10px;}
#businessSegment .WholesaleBanking {
margin-top: 10px;
}
#Governance p br { display: none; }
#Governance .GovernanceCards {padding: 20px;height: 450px;}
#Governance .swiper-button-next {left: 100px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 30px;}

#download-Center .downloadlink ul li a .download-icon {
top: 10px;
transform: scale(0.7);
}
#Governance {padding: 50px 0px;}
#stakeholder_matriality hr {margin-top: 20px;margin-bottom: 20px;}
#stakeholder_matriality .ProgressCards { display: block; }
#stakeholder_matriality .ProgressCards p {padding-top: 10px;}

#banner .container .banner-download { right: 0px; margin: auto; bottom: 50px; }
}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)   {

.row { margin: 0px; }
#header .container .axislogo img {
width: 160px;
}
#header .container .axisdownload img {
width: 150px;
}
.common-ttle,.common-ttle2 {
font-size: 34px;
}
.common-ttle,.common-ttle2 br { display: none; }
#banner  { overflow: hidden; text-align: center; }
#banner .container {display: block;}
#banner .container .scroll-bt {
left: 10px;
bottom: 100px;
display: none; 
}

#banner .container .bannertext h1 {font-size: 90px; padding-top: 113px; }

#banner .container .banner-rightBox {
position: relative;
right: 0px;
bottom: 0px;
width: 300px;
}

#banner .container .bannertext h6 {margin-bottom:0px;font-size: 22px; padding-left: 0px;}
#banner .container .bannertext h5 {
font-size: 28px;
font-size: 20px;
height: auto;
margin-top: 0px;
padding-left: 0px;
}

#Years-Leading { padding: 40px 0px; }
#Years-Leading p {padding: 0px 10px;}

#about-axis {
padding: 30px 0px;
} 

.common-ttle,.common-ttle2 {font-size: 30px;}
.sub-ttle.linetitle { background-image: none; height: auto; }
.sub-ttle.linetitle { padding-left: 10px; }
#about-axis .nav-tabs {margin-top: 40px;}
#about-axis .nav-tabs .nav-link {width: 150px;}
#about-axis #myTabContent {padding: 60px  20px;height: auto;}
#about-axis #myTabContent #mission p { padding: 0px; }
#about-axis #myTabContent #mission .col-lg-4,#about-axis #myTabContent #value .col-lg-4 .valueBox {border-bottom: solid 1px #000000; border-right:none; padding-top: 10px; }
.mt-5 {
margin-top: 1rem !important;
}
#about-axis #myTabContent #value .valueBox {
padding-left: 0px;
margin-bottom: 10px;
}
#about-axis #myTabContent #value .valueBox .common-desc {height: 50px;}
#IntegratedBusiness .nav-tabs {gap: 0px;margin-top: 40px;margin-bottom: 10px;}
#IntegratedBusiness .nav-tabs .nav-link {width: 150px;padding: 10px 0px;font-size: 15px; background-color: #f3f3f3;
height: 60px; margin-bottom: 20px;}
#IntegratedBusiness .nav-tabs .nav-link.active:before {width: 100%;}
#IntegratedBusiness .mid {
padding: 20px 0px;
}

#IntegratedBusiness {
padding-bottom: 50px;
}

#Presence { padding:10px; }
#Presence .container {
padding: 10px 0px;
}
#Presence .Presence-top {
display: none;
}

#Presence .PresenceRight {
padding: 0px 0px 10px 10px;
margin-top: 50px;
}

.gallery-thumbs { display: none; }
#chairman-persons .chairperson-right {
padding: 20px;
}


#enerdilse .enerdilse-bg {left: 0%;}
#enerdilse .enerdilse-bg span {transform: translateX(0%);}
#enerdilse .enerdilse-bg span img { object-fit: cover; width: 100%; height: 600px; }

#perfromace { background-color: #97144D; height: auto;}
#perfromace .dilseleft {
margin-top: 40px;
padding-right: 0px;
} 
#perfromace .perfromace-bg { display: none; }
#kpi {padding: 40px 0px;}

#kpi .swiper-button-next, #kpi .swiper-button-prev {
top:280px;
transform: scale(0.7);
}

#kpi .swiper-button-prev {
left: inherit;
right: 50px;
}

#pillers {
padding: 30px 0px;
}

#pillers .swiper-button-next, #pillers .swiper-button-prev {
top:500px;
}
#pillers .pillersSlider {
padding-top: 100px;
}
#pillers .pillerBox {height: 320px;}

#SixPiller .common-desc br { display: none; }
#oneAxis .OurOne span {padding: 10px 30px;}
#SixPiller .container { padding-left: 0px; padding-right: 0px; }
#SixPiller .container .col-lg-6 { padding-left: 0px; padding-right: 0px; }
#oneAxis .swiper-slide { border: none; }
#oneAxis .swiper-button-next,#oneAxis .swiper-button-prev {top: 73%;}
#oneAxis {
padding-bottom: 30px;
}


#Businessperformance {
padding: 40px 0px;
}

#Businessperformance .nav-tabs .nav-link {width: 150px;padding: 10px 0px;font-size: 15px;}
#Businessperformance .nav-tabs {margin-top: 50px;}
#Businessperformance #myTabContent4 .Possibilities {
padding: 30px 0px;
}


#advancedEsg .advancedEsgLeft,#our-approuch .dilseleft { width: 100%; }
#advancedEsg { padding: 20px; }
#enerdilse {height: 600px;}
#enerdilse .dilseleft {
margin-top: 40px;
padding-left: 0px;
}

#our-approuch,#governance { background-color: #97144D; height: auto; }
#our-approuch .dilseleft,#governance .dilseleft {
margin-top: 40px;
padding-left: 0px;
}

.our-approuch-bg,.governance-bg { display: none; }

#stakeholder {
padding: 40px 0px;
}

#stakeholder .stakeBox { margin-bottom: 30px; height: 430px; }
#stakeholder .stakeBox.matarial {
height: 330px; 
}

#stakeholder .matarial .stakepix {
bottom: -70px;
}

#LeadingChange {
padding: 40px 0px;
}

#LeadingChange .LeadingBox {height: 160px;}
#LeadingChange .swiper-button-next, #LeadingChange .swiper-button-prev {
top:73%;
}

#download-Center .cover {margin-top: 0px;}
#download-Center .download-title { height: auto; text-align: center; padding: 0px; margin-top: 10px; }
#download-Center .download-title .download-line,#download-Center .downloadlink ul li .download-line { display: none; }
#download-Center .downloadlink ul li a { padding-left: 0px; padding-bottom: 3px; font-size: 18px; border-bottom: solid 1px #f1f1f1; }
#download-Center .downloadlink ul li { height: auto; }

#chairman-persons .swiper-button-next, #chairman-persons .swiper-button-prev {
top: 20%;
}

#chairman-persons .swiper-button-next {
left: inherit;
right: 10px;
}

#stakeholder .stakeBox .stakepix { position: relative; }
#stakeholder .stakeBox .stakepix img {
width: 100%;
}

#download-Center { padding-bottom: 30px; }

#Businessperformance { padding: 20px; }

#oneAxis .common-desc br,#governance2 .common-ttle,.common-ttle2 br { display: none; }

#governance2 {
padding: 20px 0px;
}

#governance2 .governancelist { overflow: scroll; width: 98%;  margin: auto;}
#governance2 .governancelist .nav-tabs {flex-wrap: nowrap;display: flex;margin-bottom: 1px;gap: 10px;}
#governance2 .governancelist .nav-tabs .nav-link {font-size: 16px;padding-right: 10px;width: 190px;}
.PillerContainer { position: relative; opacity: 1; visibility: visible; }
.valuecreation { height: auto; }
.valuecreation .swiper-slide {
position: relative;
}

#oneAxis .auto-grid {--auto-grid-min-size: 10rem;}
#Redigining .row { margin: 0px; }
#Redigining .col-12 { padding-left: 0px; padding-right: 0px; }
.openmobile { margin-bottom: 30px; }

#businessModel {
padding: 30px 0px;
}

#kpi .swiper-slide .col-lg-3  { margin-bottom: 20px; }

.common-ttle,.common-ttle2 br,.ttle-36 br,#strategy-action .Gsptabs .GsptabsLeft .nav-tabs .nav-link.active:before { display: none; }
.ttle-36 {font-size: 28px;}

#strategy-action .Gsptabs .tab-content {
padding: 30px 10px;
}

#strategy-action .Gsptabs .right-br {
border-right: none; 
border-bottom: solid 1px #5E5E5E;
}

#strategy-action .Gsptabs .tab-content .whitepatch p {padding-right: 0px; padding-bottom: 10px; }
#strategy-action .Gsptabs .tab-content .whitepatch {padding: 12px;}
#strategy-action .Gsptabs .GsptabsLeft { padding:20px 10px; }
#strategy-action .Gsptabs .GsptabsLeft .nav-tabs {
display: flex;
flex-wrap: wrap;justify-content: center;
}
#strategy-action .Gsptabs .GsptabsLeft .nav-tabs .nav-link {font-size: 14px; padding: 10px 10px;text-align: center; width: 147px; height: 80px; }
#strategy-action .Gsptabs .tab-content { height: auto; }
#strategy-action .Gsptabs .right2-br {border-right:none; border-bottom: solid 1px #5C0031; margin-bottom: 20px; }
#stakeholder .stakeBox .common-ttle,.common-ttle2 { height: auto;font-size: 30px; }  

#governance2 .tab-content > .tab-pane .common-cta { position: relative; right: 0px; bottom: 0px; }

#Presence .PresenceRight .col-lg-3:nth-child(5) .infonumb-card, #Presence .PresenceRight .col-lg-3:nth-child(6) .infonumb-card, #Presence .PresenceRight .col-lg-3:nth-child(7) .infonumb-card, #Presence .PresenceRight .col-lg-3:nth-child(8) .infonumb-card {
margin-bottom: 20px;
}

#header .DownloadCenterBt { position: relative; right: 0px; left: 0px; margin-top: 0px; top: 0; padding: 0px; border-bottom: solid 1px #971a4d; border-right:none; padding-bottom: 5px; }
#header .DownloadCenterBt img {
width: 107px;
}
#header .container .axislogo {
margin-top: 0px;

}

#banner .container .dil-se {width: 325px;left: -69px; top: 115px;}
#banner .bannerBottomVet img { width: 100%; } 
#bannerBottom {padding: 30px 0px;}
#bannerBottom h2 {font-size: 30px;}
#bannerBottom h2 br { display: none; }
#bannerBottom .desc { margin-top: 20px; font-size: 22px; }
#ApproachReporting {padding: 15px;}
#ApproachReporting .ApproachReporting {padding:10px 10px;}
#ApproachReporting .ApproachReporting .capitals svg { display: none; }
#ApproachReporting .ApproachReporting .capitals .capital-item { position: relative; left: 0px !important; top: 0px !important; }
#ApproachReporting .ApproachReporting .ApproachReportingLeft {
transform: translateY(0px);
}
#ApproachReporting .ApproachReporting .capitals {margin-top: 30px;}
#ApproachReporting .ApproachReporting .capitals .capital-item:nth-child(1),#ApproachReporting .ApproachReporting .capitals .capital-item:nth-child(4),#ApproachReporting .ApproachReporting .capitals .capital-item:nth-child(5) { width: 100%; text-align: left; }
#ApproachReporting .ApproachReporting .capitals .capital-item .capitalIcon { position: relative; left: 0px !important; top: 0px !important; margin-bottom: 10px; }

.common-cta {font-size: 15px;}
#aboutAxis {padding: 20px 0px;}
#aboutAxis #horizontal-scoll {
padding: 0px 0;
margin-top: 30px;
}
#aboutAxis .horizontal-scoll-wrapper {
overflow: hidden;
height: 100%;
transform: translate(0px, 0px);
}
#aboutAxis .horizontal>div:first-child {
padding: 0px;
margin-left: 0px;
margin-top:0px;

}
#aboutAxis .horizontal .card { width: 95%; margin: auto; padding: 20px 20px; }
#aboutAxis .horizontal {gap:0px;}
.aboutAxisBottom { margin-top: 20px; }

#IntegratedBusiness {
padding: 30px 0px;
}

#IntegratedBusiness .item { position: relative; }
#IntegratedBusiness .wrapper { height: 100%; }
#IntegratedBusiness .interatedCards {padding: 20px 10px;}
#IntegratedBusiness .item_content {padding-top: 10px;}
#IntegratedBusiness .interatedCards .revenueInfo,#chairmanMessage .swiper.Bodslider .swiper-slide { height: auto; }
#IntegratedBusiness .wrapper {margin-top: 30px;}
#chairmanMessage {padding-top: 30px; padding: 10px;}
#chairmanMessage .chairmanMessageInner,#chairmanMessage .swiper-pagination {display: block;}
#chairmanMessage .swiper.slider-thumbnail { display: none; }
#chairmanMessage .bodcontent {
padding: 30px 20px;
}
#strategicpillars {padding: 30px 0px;}
#strategicpillars .strategic-right {
margin-top: 0px;
}
#strategicpillars .strategicpillars_wrap {
transform: translateX(0px);
}
#strategicpillars .strategicpillarsSlider {
padding: 20px;
padding-top: 0px;
}
#strategicpillars .strategicpillarsSlider .swiper-slide .strategicpillarsCards {height: 270px;}
.vetbottom img,.vettop2 img { width: 100% !important; }
.vettop2 {top: -3px;}
#presence .presenceLeft, #presence .presenceRight {padding-top: 60px;}
#presence .presenceCards h3::before {top: 15px;}
#presence .presenceCards h3 {margin-bottom: 14px;}
#presence .presenceRight { padding-top: 20px; }
#stakeholder_matriality {padding: 30px 0px;}
#stakeholder_matriality .stakeholder_matrialityCards {padding: 20px; height: auto; padding-bottom: 0px; }
#stakeholder_matriality .bottomimg { position: relative; margin-top: 30px; }
#stakeholder_matriality .stakeholder_matrialityCards.matrialityCards2 { margin-top: 30px; }
#Buildinglovedbrand .img-container {clip-path: inset(0% 0% round 0px);}
#ValueCreaction .img-container2 {clip-path: inset(0% 0% 0% 0%);height: 100%; display: none; }
#ValueCreaction .container { position: relative; padding-top: 0px; }
#ValueCreaction .anim2 {
opacity: 1;
transform: translateY(0px);
}
#ValueCreaction { background: url(../images/valueCreactionBg.webp) no-repeat center center; background-size: cover; padding-top: 30px; }
#ValueCreaction .container .valpix1 { margin-top: 20px;
position: relative;
bottom: 0px;
left: 0px;
}
#ValueCreaction .container .valpix1 img { width: 100%; }
#ValueCreaction .container .valpix2 { display: none; }
#ValueCreaction .container .valueCreationRight { margin-top: 20px; }  
#valueCreationModel {padding: 40px 0px;}
#stakeholder_matriality2 { padding: 30px 0px; }
#stakeholder_matriality2 .stakeholder_matrialityCards { height: auto; padding: 0px; padding-top: 20px; margin-bottom: 20px; }
#stakeholder_matriality2 .bottomimg { position: relative; }
#stakeholder_matriality2 .matriality {
margin-top: 0px;
}
#stakeholder_matriality2 .matriality .MaterialIssues-container .column,#stakeholder_matriality2 .matriality .MaterialIssues-container {display: block;}
#stakeholder_matriality2 .matriality .MaterialIssues-container .column { margin-bottom: 10px; }
#stakeholder_matriality2 .matriality .MaterialIssues-container .item {font-size: 14px;margin-bottom: 10px;} 
#strategyaction .fs22 {
font-size: 16px;
}
#strategyaction .Outperformance {padding: 10px;}
#advance .advancePix { position: relative; }
#advance .advancePix img { width: 100%; }
#advance {height: auto;padding: 40px 0px;}
#strategyaction {padding: 50px 0px;}
#strategyaction hr {margin-bottom: 20px;margin-top: 10px;}
#advance .advance-right p {
margin-top: 20px;
margin-bottom: 30px;
}

#kpi .nav { display: flex; width: 870px; }
#kpi .indicatorstabs { overflow: scroll; width: 99%; margin-top: 20px; }
#kpi .graphTitle h2 .cr {position: relative;top:0px;}

#kpi .swiper-button-next, #kpi .swiper-button-prev {
top: 350px;
}

#businessSegment {
padding: 20px 0px;
}

#businessSegment .businessSegmentLeft {padding: 30px 10px;}
#businessSegment .WholesaleBanking {
margin-top: 10px;
}
#Governance p br { display: none; }
#Governance .GovernanceCards {padding: 20px;height: 450px;}
#Governance .swiper-button-next {left: 100px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 30px;}

#download-Center .downloadlink ul li a .download-icon {
top: 10px;
transform: scale(0.7);
}
#Governance {padding: 50px 0px;}
#stakeholder_matriality hr {margin-top: 20px;margin-bottom: 20px;}
#stakeholder_matriality .ProgressCards { display: block; }
#stakeholder_matriality .ProgressCards p {padding-top: 10px;}

#banner .container .banner-download { right: 0px; margin: auto; bottom: 50px; }
}

/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {

.row { margin: 0px; }
#header .container .axislogo img {
width: 160px;
}
#header .container .axisdownload img {
width: 150px;
}
.common-ttle,.common-ttle2 {
font-size: 34px;
}
/* .common-ttle br,.common-ttle2 br { display: none; } */
#banner  { overflow: hidden; text-align: center; }
#banner .container {display: block;}
#banner .container .scroll-bt {
left: 10px;
bottom: 100px;
display: none; 
}

#banner .container .bannertext h1 {font-size: 90px; padding-top: 113px; }

#banner .container .banner-rightBox {
position: relative;
right: 0px;
bottom: 0px;
width: 300px;
}

#banner .container .bannertext h6 {margin-bottom:0px;font-size: 22px; padding-left: 0px;}
#banner .container .bannertext h5 {
font-size: 28px;
font-size: 20px;
height: auto;
margin-top: 0px;
padding-left: 0px;
}

#Years-Leading { padding: 40px 0px; }
#Years-Leading p {padding: 0px 10px;}

#about-axis {
padding: 30px 0px;
} 

.common-ttle,.common-ttle2 {font-size: 30px;}
.sub-ttle.linetitle { background-image: none; height: auto; }
.sub-ttle.linetitle { padding-left: 10px; }
#about-axis .nav-tabs {margin-top: 40px;}
#about-axis .nav-tabs .nav-link {width: 150px;}
#about-axis #myTabContent {padding: 60px  20px;height: auto;}
#about-axis #myTabContent #mission p { padding: 0px; }
#about-axis #myTabContent #mission .col-lg-4,#about-axis #myTabContent #value .col-lg-4 .valueBox {border-bottom: solid 1px #000000; border-right:none; padding-top: 10px; }
.mt-5 {
margin-top: 1rem !important;
}
#about-axis #myTabContent #value .valueBox {
padding-left: 0px;
margin-bottom: 10px;
}
#about-axis #myTabContent #value .valueBox .common-desc {height: 50px;}
#IntegratedBusiness .nav-tabs {gap: 0px;margin-top: 40px;margin-bottom: 10px;}
#IntegratedBusiness .nav-tabs .nav-link {width: 150px;padding: 10px 0px;font-size: 15px; background-color: #f3f3f3;
height: 60px; margin-bottom: 20px;}
#IntegratedBusiness .nav-tabs .nav-link.active:before {width: 100%;}
#IntegratedBusiness .mid {
padding: 20px 0px;
}

#IntegratedBusiness {
padding-bottom: 50px;
}

#Presence { padding:10px; }
#Presence .container {
padding: 10px 0px;
}
#Presence .Presence-top {
display: none;
}

#Presence .PresenceRight {
padding: 0px 0px 10px 10px;
margin-top: 50px;
}

.gallery-thumbs { display: none; }
#chairman-persons .chairperson-right {
padding: 20px;
}


#enerdilse .enerdilse-bg {left: 0%;}
#enerdilse .enerdilse-bg span {transform: translateX(0%);}
#enerdilse .enerdilse-bg span img { object-fit: cover; width: 100%; height: 600px; }

#perfromace { background-color: #97144D; height: auto;}
#perfromace .dilseleft {
margin-top: 40px;
padding-right: 0px;
} 
#perfromace .perfromace-bg { display: none; }
#kpi {padding: 40px 0px;}

#kpi .swiper-button-next, #kpi .swiper-button-prev {
top:280px;
transform: scale(0.7);
}

#kpi .swiper-button-prev {
left: inherit;
right: 50px;
}

#pillers {
padding: 30px 0px;
}

#pillers .swiper-button-next, #pillers .swiper-button-prev {
top:500px;
}
#pillers .pillersSlider {
padding-top: 100px;
}
#pillers .pillerBox {height: 320px;}

#SixPiller .common-desc br { display: none; }
#oneAxis .OurOne span {padding: 10px 30px;}
#SixPiller .container { padding-left: 0px; padding-right: 0px; }
#SixPiller .container .col-lg-6 { padding-left: 0px; padding-right: 0px; }
#oneAxis .swiper-slide { border: none; }
#oneAxis .swiper-button-next,#oneAxis .swiper-button-prev {top: 73%;}
#oneAxis {
padding-bottom: 30px;
}


#Businessperformance {
padding: 40px 0px;
}

#Businessperformance .nav-tabs .nav-link {width: 150px;padding: 10px 0px;font-size: 15px;}
#Businessperformance .nav-tabs {margin-top: 50px;}
#Businessperformance #myTabContent4 .Possibilities {
padding: 30px 0px;
}


#advancedEsg .advancedEsgLeft,#our-approuch .dilseleft { width: 100%; }
#advancedEsg { padding: 20px; }
#enerdilse {height: 600px;}
#enerdilse .dilseleft {
margin-top: 40px;
padding-left: 0px;
}

#our-approuch,#governance { background-color: #97144D; height: auto; }
#our-approuch .dilseleft,#governance .dilseleft {
margin-top: 40px;
padding-left: 0px;
}

.our-approuch-bg,.governance-bg { display: none; }

#stakeholder {
padding: 40px 0px;
}

#stakeholder .stakeBox { margin-bottom: 30px; height: 430px; }
#stakeholder .stakeBox.matarial {
height: 330px; 
}

#stakeholder .matarial .stakepix {
bottom: -70px;
}

#LeadingChange {
padding: 40px 0px;
}

#LeadingChange .LeadingBox {height: 160px;}
#LeadingChange .swiper-button-next, #LeadingChange .swiper-button-prev {
top:73%;
}

#download-Center .cover {margin-top: 0px;}
#download-Center .download-title { height: auto; text-align: center; padding: 0px; margin-top: 10px; }
#download-Center .download-title .download-line,#download-Center .downloadlink ul li .download-line { display: none; }
#download-Center .downloadlink ul li a { padding-left: 0px; padding-bottom: 3px; font-size: 18px; border-bottom: solid 1px #f1f1f1; }
#download-Center .downloadlink ul li { height: auto; }

#chairman-persons .swiper-button-next, #chairman-persons .swiper-button-prev {
top: 20%;
}

#chairman-persons .swiper-button-next {
left: inherit;
right: 10px;
}

#stakeholder .stakeBox .stakepix { position: relative; }
#stakeholder .stakeBox .stakepix img {
width: 100%;
}

#download-Center { padding-bottom: 30px; }

#Businessperformance { padding: 20px; }

#oneAxis .common-desc br,#governance2 .common-ttle,.common-ttle2 br { display: none; }

#governance2 {
padding: 20px 0px;
}

#governance2 .governancelist { overflow: scroll; width: 98%;  margin: auto;}
#governance2 .governancelist .nav-tabs {flex-wrap: nowrap;display: flex;margin-bottom: 1px;gap: 10px;}
#governance2 .governancelist .nav-tabs .nav-link {font-size: 16px;padding-right: 10px;width: 190px;}
.PillerContainer { position: relative; opacity: 1; visibility: visible; }
.valuecreation { height: auto; }
.valuecreation .swiper-slide {
position: relative;
}

#oneAxis .auto-grid {--auto-grid-min-size: 10rem;}
#Redigining .row { margin: 0px; }
#Redigining .col-12 { padding-left: 0px; padding-right: 0px; }
.openmobile { margin-bottom: 30px; }

#businessModel {
padding: 30px 0px;
}

#kpi .swiper-slide .col-lg-3  { margin-bottom: 20px; }

.common-ttle br,.common-ttle2 br,.ttle-36 br,#strategy-action .Gsptabs .GsptabsLeft .nav-tabs .nav-link.active:before { display: none; }
.ttle-36 {font-size: 28px;}

#strategy-action .Gsptabs .tab-content {
padding: 30px 10px;
}

#strategy-action .Gsptabs .right-br {
border-right: none; 
border-bottom: solid 1px #5E5E5E;
}

#strategy-action .Gsptabs .tab-content .whitepatch p {padding-right: 0px; padding-bottom: 10px; }
#strategy-action .Gsptabs .tab-content .whitepatch {padding: 12px;}
#strategy-action .Gsptabs .GsptabsLeft { padding:20px 10px; }
#strategy-action .Gsptabs .GsptabsLeft .nav-tabs {
display: flex;
flex-wrap: wrap;justify-content: center;
}
#strategy-action .Gsptabs .GsptabsLeft .nav-tabs .nav-link {font-size: 14px; padding: 10px 10px;text-align: center; width: 147px; height: 80px; }
#strategy-action .Gsptabs .tab-content { height: auto; }
#strategy-action .Gsptabs .right2-br {border-right:none; border-bottom: solid 1px #5C0031; margin-bottom: 20px; }
#stakeholder .stakeBox .common-ttle,.common-ttle2 { height: auto;font-size: 30px; }  

#governance2 .tab-content > .tab-pane .common-cta { position: relative; right: 0px; bottom: 0px; }

#Presence .PresenceRight .col-lg-3:nth-child(5) .infonumb-card, #Presence .PresenceRight .col-lg-3:nth-child(6) .infonumb-card, #Presence .PresenceRight .col-lg-3:nth-child(7) .infonumb-card, #Presence .PresenceRight .col-lg-3:nth-child(8) .infonumb-card {
margin-bottom: 20px;
}

#header .DownloadCenterBt { position: relative; right: 0px; left: 0px; margin-top: 0px; top: 0; padding: 0px; border-bottom: solid 1px #971a4d; border-right:none; padding-bottom: 5px; }
/* #header .DownloadCenterBt img {
width: 107px;
} */
#header .container .axislogo {
margin-top: 0px;

}

#header .headerRight {right: 10px;display: block;top: 7px;}
#header .headerRight .DownloadCenterBt {padding-bottom: 0px;}
#header .headerRight .DownloadCenterBt.reports {padding-left: 0px; border-left: none;line-height: 20px;border-top: solid 1px #fff; }
#header .headerRight .DownloadCenterBt a {font-size: 12px;}
#banner .container .dil-se {width: 325px;left: -69px; top: 115px;}
#banner .bannerBottomVet img { width: 100%; } 
#bannerBottom {padding: 30px 0px;}
#bannerBottom h2 {font-size: 30px;}
#bannerBottom h2 br { display: none; }
#bannerBottom .desc { margin-top: 20px; font-size: 22px; }
#ApproachReporting {padding: 15px;}
#ApproachReporting .ApproachReporting {padding:10px 10px;}
#ApproachReporting .ApproachReporting .capitals svg { display: none; }
#ApproachReporting .ApproachReporting .capitals .capital-item { position: relative; left: 0px !important; top: 0px !important; }
#ApproachReporting .ApproachReporting .ApproachReportingLeft {
transform: translateY(0px);
}
#ApproachReporting .ApproachReporting .capitals {margin-top: 30px;}
#ApproachReporting .ApproachReporting .capitals .capital-item:nth-child(1),#ApproachReporting .ApproachReporting .capitals .capital-item:nth-child(4),#ApproachReporting .ApproachReporting .capitals .capital-item:nth-child(5) { width: 100%; text-align: left; }
#ApproachReporting .ApproachReporting .capitals .capital-item .capitalIcon { position: relative; left: 0px !important; top: 0px !important; margin-bottom: 10px; }

.common-cta {font-size: 15px;}
#aboutAxis {padding: 20px 0px;}
#aboutAxis #horizontal-scoll {
padding: 0px 0;
margin-top: 30px;
}
#aboutAxis .horizontal-scoll-wrapper {
overflow: hidden;
height: 100%;
transform: translate(0px, 0px);
}
#aboutAxis .horizontal>div:first-child {
padding: 0px;
margin-left: 0px;
margin-top:0px;

}
#aboutAxis .horizontal .card { width: 95%; margin: auto; padding: 20px 20px; }
#aboutAxis .horizontal {gap:0px;}
.aboutAxisBottom { margin-top: 20px; }

#IntegratedBusiness {
padding: 30px 0px;
}

#IntegratedBusiness .item { position: relative; }
#IntegratedBusiness .wrapper { height: 100%; }
#IntegratedBusiness .interatedCards {padding: 20px 10px;}
#IntegratedBusiness .item_content {padding-top: 10px;}
#IntegratedBusiness .interatedCards .revenueInfo,#chairmanMessage .swiper.Bodslider .swiper-slide { height: auto; }
#IntegratedBusiness .wrapper {margin-top: 30px;}
#chairmanMessage {padding-top: 30px; padding: 10px;}
#chairmanMessage .chairmanMessageInner,#chairmanMessage .swiper-pagination {display: block;}
#chairmanMessage .swiper.slider-thumbnail { display: none; }
#chairmanMessage .bodcontent {
padding: 30px 20px;
}
#strategicpillars {padding: 30px 0px;}
#strategicpillars .strategic-right {
margin-top: 0px;
}
#strategicpillars .strategicpillars_wrap {
transform: translateX(0px);
}
#strategicpillars .strategicpillarsSlider {
padding: 20px;
padding-top: 0px;
}
#strategicpillars .strategicpillarsSlider .swiper-slide .strategicpillarsCards {height: 270px;}
.vetbottom img,.vettop2 img { width: 100% !important; }
.vettop2 {top: -3px;}
#presence .presenceLeft, #presence .presenceRight {padding-top: 60px;}
#presence .presenceCards h3::before {top: 15px;}
#presence .presenceCards h3 {margin-bottom: 14px;}
#presence .presenceRight { padding-top: 20px; }
#stakeholder_matriality {padding: 30px 0px;}
#stakeholder_matriality .stakeholder_matrialityCards {padding: 20px; height: auto; padding-bottom: 0px; }
#stakeholder_matriality .bottomimg { position: relative; margin-top: 30px; }
#stakeholder_matriality .stakeholder_matrialityCards.matrialityCards2 { margin-top: 30px; padding-bottom: 20px; }
#Buildinglovedbrand .img-container {clip-path: inset(0% 0% round 0px);}
#ValueCreaction .img-container2 {clip-path: inset(0% 0% 0% 0%);height: 100%; display: none; }
#ValueCreaction .container { position: relative; padding-top: 0px; }
#ValueCreaction .anim2 {
opacity: 1;
transform: translateY(0px);
}
#ValueCreaction { background: url(../images/valueCreactionBg.webp) no-repeat center center; background-size: cover; padding-top: 30px; }
#ValueCreaction .container .valpix1 { margin-top: 20px;
position: relative;
bottom: 0px;
left: 0px;
}
#ValueCreaction .container .valpix1 img { width: 100%; }
#ValueCreaction .container .valpix2 { display: none; }
#ValueCreaction .container .valueCreationRight { margin-top: 20px; }  
#valueCreationModel {padding: 40px 0px;}
#stakeholder_matriality2 { padding: 30px 0px; }
#stakeholder_matriality2 .stakeholder_matrialityCards { height: auto; padding: 0px; padding-top: 20px; margin-bottom: 20px; }
#stakeholder_matriality2 .bottomimg { position: relative; }
#stakeholder_matriality2 .matriality {
margin-top: 20px;
}
#stakeholder_matriality2 .matriality .MaterialIssues-container .column,#stakeholder_matriality2 .matriality .MaterialIssues-container {display: block;}
#stakeholder_matriality2 .matriality .MaterialIssues-container .column { margin-bottom: 10px; }
#stakeholder_matriality2 .matriality .MaterialIssues-container .item {font-size: 14px;margin-bottom: 10px;} 
#strategyaction .fs22 {
font-size: 16px;
}
#strategyaction .Outperformance {padding: 10px;}
#advance .advancePix { position: relative; }
#advance .advancePix img { width: 100%; }
#advance {height: auto;padding: 40px 0px;}
#strategyaction {padding: 50px 0px;}
#strategyaction hr {margin-bottom: 20px;margin-top: 10px;}
#advance .advance-right p {
margin-top: 20px;
margin-bottom: 30px;
}

#kpi .nav { display: flex; width: 870px; }
#kpi .indicatorstabs { overflow: scroll; width: 99%; margin-top: 20px; }
#kpi .graphTitle h2 .cr {position: relative;top:0px;}

#kpi .swiper-button-next, #kpi .swiper-button-prev {
top: 350px;
}

#businessSegment {
padding: 20px 0px;
}

#businessSegment .businessSegmentLeft {padding: 30px 10px;}
#businessSegment .WholesaleBanking {
margin-top: 10px;
}
#Governance p br { display: none; }
#Governance .GovernanceCards {padding: 20px;height: 450px;}
#Governance .swiper-button-next {left: 100px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 30px;}

#download-Center .downloadlink ul li a .download-icon {
top: 10px;
transform: scale(0.7);
}
#Governance {padding: 50px 0px;padding-bottom: 120px;}
#stakeholder_matriality hr {margin-top: 20px;margin-bottom: 20px;}
#stakeholder_matriality .ProgressCards { display: block; }
#stakeholder_matriality .ProgressCards p {padding-top: 10px;}
#Governance .swiper-button-next, #Governance .swiper-button-prev {
    top: inherit;
    bottom: 50px;
}
#Governance .swiper-button-prev {left: 30px;}
#banner .container .banner-download { right: 0px; margin: auto; bottom: 50px; left: 0px; }

#footer .w-auto { margin: auto; }

#kpi #People .swiper-button-next,#kpi #People  .swiper-button-prev {
        top: 290px;
    }

#kpi #Community .swiper-button-next,#kpi #Community  .swiper-button-prev {
        top: 266px;
    }

    #kpi #Profit .swiper-button-next,#kpi #Profit .swiper-button-prev {
        top: 320px;
    }
#Governance .governanceSlider {
    padding: 0px 10px;
}
}

