﻿.homeSlider .homeSliderCaption .summary, .homeValueCreationContainer .sectionSummayInner { width:auto;}
.footerMenuBtnContainer span::after { width:380px;}
.footerCopyContainer .footerCopyMenu a { padding:0 5px;}
.summaryInLeftBoxContainer {flex-direction: column;gap: 20px;}
.detailContent p { padding: 0 0 25px 0;}
.footerMenu .item {width: 100%;}
.detailContent h1 {font-size: 25px;}
.detailHeaderContentContainer .title::after { width:120px; }
.detailHeaderContentContainer .title { font-size:34px;}
.detailHeaderContentContainer .summary { font-size:18px;}
.jointVenturesContainer .itemContainer {width: calc(100% - 60px); padding:20px 30px;}
.valuesContainer .item {width: calc(100% / 2 - 40px);}
.summaryInLeftBoxContainer .summary.globalPresenceList {width: 100%;}
.valuesContainer .item i {font-size: 20px;}
.downloadCenterContainer a {width: 100%;height: auto;padding: 25px 70px 25px 25px;}
.committeesSemaContainer {flex-wrap: wrap;}
.committeesSemaContainer .column {width: 100%;}
.committeesSemaContainer .columnBig ul {width: calc(50% - 20px);}
.thumb.tableContainer {overflow-x: auto;display: block;width: fit-content;max-width: 100%;}
.summaryInLeftBoxContainer .summary.greenText {font-size: 20px;}
.humanCapitalStrategyContainer .item {width: 100%;}
.humanChartContainer .chartContainer .chartItem {width: 100%;text-align: center;}
.humanChartContainer .chartContainer .chartItem .item {justify-content: center;}
.totalTrainingContainer .chartContainer .chartItem {width: calc(50% - 20px);}
.detailContent h3 {font-size: 20px;margin-bottom: 20px;}
.listDecarbonizationLeversContainer .listDecarbonizationLeversItems .item {width: calc(100% / 2 - 30px);}
.boxContainer {flex-wrap: wrap;}
.circularTopContainer .item {width: calc(33.33% - 37px);padding: 10px;font-size: 14px;min-height: 100px;}
.circularBottomContainer .item {font-size: 14px;}
.transSlogan {font-size: 20px;}
.greenBannerBoxContent {padding: 30px 20px;}
.summaryInLeftBigBoxContainer .summary {font-size: 20px;}
.detailContent h2 {font-size: 20px;}
.listDecarbonizationLeversContainer .title {font-size: 20px;}
.energyClimateContainer .energyClimateContent {flex-wrap: wrap;}
.verticalinvestedContent {flex-wrap: wrap;gap: 20px;}
.growthPlatformsContainer .column.growthBoxContainer {width: 100%;}
.growthPlatformsContainer .growthBoxContainer .item {align-content: center;flex-wrap: wrap;}
.growthNumberContainer {width: 100%;}
.energyClimateContainer .energyClimateContent .item {width: 50%;margin-bottom: 25px;}
.energyClimateContainer .title {font-size: 20px;}
.verticalinvestedContent .column .columnFlex { width: 100%;padding: 0;gap: 20px;}
.menu-item {width: 100%;flex-direction: column;}
.submenu {width: 100%;position: relative;left: 0; padding-left: 0; top:auto;}
.submenu li {padding-left: 10px;}
.menu-item a:hover {color: #ffffff !important;font-weight: bold;}
.menu-item.active {;position: relative;}
.header-menu-bottom { margin-bottom: 200px;}
.menu-wrapper {height: 100%;overflow: scroll;}
.materialityMatrixContainer {flex-wrap: wrap; margin-bottom: 20px;}
.columnBigBoxes {flex-wrap: wrap;}
.columnBoxes {flex-wrap: wrap;}
.strategicDirectionsContainer {flex-wrap: wrap;}
.strategicDirectionsContainer .column .item {flex-direction: column;}
.strategicDirectionsContainer .column .item img {transform: rotate(90deg);}
.strategicDirectionsContainer .column:nth-of-type(3) .item {flex-direction: column-reverse;}
/*.twoBasicBox {gap: 0;flex-direction: column;}*/
.strategicBusinessUnitContainer {width:auto;}
.howExecuteContainer .summary {flex-direction: column;}
.ourStakeholdersContainer .summary .item, .ourStakeholdersContainer .summary.threeColumn .item {width: calc(50% - 30px);flex-direction: column;text-align: center;}
.approachToSustContainer .content {overflow-x: auto;display: block;width: fit-content;max-width: 82%;}
.approachToSustContainer .title {writing-mode: inherit;transform: none;margin-bottom: 20px;}
.atGlance .column {width: calc(33.3% - 13px);}
.columnBoxes .itemContainer .item {padding: 20px 0;}
.columnBoxes {flex-direction: column;}
.columnBoxes .itemContainer .item i {top: 15px;position: absolute;right: 20px;}
/*.homeAnmContainer { display:none;}*/

.layerTitle { }
.layerTitle i:nth-child(1) { width:100%;} 
.layerTitle i:nth-child(2) { display:none;}
.valueLayerContentContainer .column.mobile { display:block;}
.layerContent .column .icon { display:none;}

.header-menu-bottom .item-left {position:relative;}
.header-menu-bottom {justify-content: space-between;}

.committeesSemaContainer .columnBig .listGroup { flex-direction:column;}
.committeesSemaContainer .columnBig ul { width:100%;}