.scrollable {
position: relative;
clear: both;
overflow: auto;
}
@media screen and (max-width : 1480px) {	
.leadership div.left-cont h3 {
margin-top: 55px;
}    


.scroll-block img { max-width: 80%;}
.scroll-block p {font-size: 1.7rem;}   
} 



@media screen and (max-width : 1370px) {	
.investor-case article h3 {padding-left:40px;}
.scroll-block img { max-width: 70%;}
.scroll-block p {font-size: 1.5rem;}   
.mega-menu {height: calc(140vh - 185px);}
header article {max-width: 1300px;}
.scroll-block img {max-width: 100%;}
.scroll-block p {font-size: 1.5rem;}   
}


@media screen and (max-width : 1280px) {	
.footer article {padding: 50px;}
}











@media screen and (max-width : 1080px) {
.profile-box {  min-height: 100px;}     
.directors-table {
display: table;
width: 100%;
} 
.front-name {
height: 78px;
}    
.card .front img {
max-height: 100%;
width: auto;
margin: 0 auto;
display: block;
}   
.directors-block {
width: calc(50% - 15px);
margin-right: 15px;
float: left;
margin-bottom: 20px;
position: relative;
height: 391px;
}   
.nav-trigger{display: block;position: relative;height: 2px;background:#000;width: 20px;cursor: pointer;z-index: 999;left: 30px;top: 20px;}
.nav-trigger:after{content: '';width: 100%;height: 100%;bottom: -6px;background: #000;position: absolute;}
.nav-trigger:before{content: '';width: 100%;height: 100%;top: -6px;background: #000;position: absolute;}
.submenu{ display: none;}

body .nav-list li:after {
    width: calc(24% - 120px)!important;
}
ul.nav-list li {
    display: block;
    text-align: center;
}
ul.nav-list {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 9;
    display: none;
}
   

    ul.nav-list li ul li:after{display: none}  
    
    ul.nav-list li ul li a{
    font-size: 1.4rem;
    font-size: clamp(1.1rem, calc(1.1 / 80 * 100vw), 1.4rem);}
 .submenu{overflow: hidden;padding: 0;transition: all linear .35s;}   
}
@media screen and (min-width : 1080px) {
.nav-trigger{ display: none; transition: all linear .35s;}
.submenu{display: none;overflow: hidden;transition: all linear .35s;}  
.figure-row .figure-column {
width: calc(25% - 4rem);
margin-right: 4.0rem;
padding: clamp(1.5rem, calc(3 / 50 * 100vw), 3rem);
box-sizing: border-box;
}   
.figure-row.clearfix {
display: flex;
}   


}
@media screen and (max-width : 980px) {	
.figure-row .figure-column {width: calc(50% - 0px); float: left; margin-right: 0px; padding: 30px; box-sizing: border-box;}
.col-3 {float: none; width:calc(100% - 0px); margin-right: 0px;}
.col-3 img {display:none;}
.press-box {min-height: auto; margin-bottom: 40px;}
.press-box div a {display:none;}
ul.financial-list li {min-height: auto;}

.footer article h3 {margin-top: 0px;}
ul.footer-list li {float: none;width: 100%; margin-right: 0%; margin-bottom: 30px;}
.regional-table div a.regional-button {width: 90%;}
    
 .scroll-block p {
    font-size: 2.0rem;
    font-size: clamp(1.3rem, calc(1.3 / 80 * 100vw), 2.0rem);
    padding: 15px;
}   
.scroll-block {
    min-height: 260px;
}    
 .scroll-left {
    min-height: 260px;

}   
.scroll-right {
    min-height: 260px;
}   
.scroll-container {
    min-height: 260px;
}    
 .scroll-shift {
    width: 410%;
    max-height: 260px;
}
    
.dropdown-box:after {display:none;}    
.dropdown-box:hover .dropdown-content {display: block; left: 40%;top: 40px;}
.banner-row-15.row-15:after {display:none;}    
.sustain article {margin-bottom:0px; padding:0px 30px 0px 30px;}
.scroll-left:after {left: 10%;}
.scroll-right:after {right: 10%;}    
.media-row article {padding: 0px 35px;}    
select {width: 100%;}
    
    
    
    
}


@media only screen and (max-width: 876px) {
#map {
left: 0;
bottom: 50%;
}

#locations-panel {
top: 50%;
right: 0;
width: unset;
}
}


@media only screen and (max-width: 800px) {
.banner-row-2 article p {
max-width: 100%;
}   
.banner-row-2 {
min-height: auto;    
}
.banner-row-2 article {
padding: 30px 60px 80px 60px;
}    

.strategy div.right-cont {
padding: 30px 30px 60px 60px;
min-height: auto; 
width: 100%;
}   
.strategy div.left-img {min-height: 300px;width: 100%;display: none;}

.leadership div.right-img {
width: 100%;
max-height: 350px;
}    

.leadership div.left-cont {
width: 100%;
padding: 30px 30px 30px 60px;
}   

.btp article div span {
font-size: 1.6rem;
font-size: clamp(1.1rem, calc(1.1/ 80 * 100vw), 1.6rem);
top: 4px;
left: 25px;
}    
.banner-row-12 article ul li {
min-height: 100px;
}    
.banner-row-12 article ul li div {
font-size: 2.0rem;
font-size: clamp(1.4rem, calc(1.4 / 80 * 100vw), 2.0rem);
color: #365D6E;
}    
.banner-row-10 article ul li {
position: relative;
display: block;
float: none;
width: 100%;
margin-right: 0;
box-sizing: border-box;
margin-bottom: 30px;
}

.banner-row-10 article ul li ul li {margin-bottom: 2px;}   
.banner-row-10 article ul li p {font-size: 1.8rem;font-size: clamp(1.3rem, calc(1.3 / 80 * 100vw), 1.8rem);}
.banner-row-10 article ul li div:first-of-type {min-height: auto;}
.banner-row-10 article ul li div:last-of-type {min-height: auto;} 
.banner-row-12 article ul li {float: none; width: 100%; margin-right:0%; min-height: auto; margin-bottom: 30px;}
}




@media screen and (max-width: 767px) {
#ewf_subscriptionForm_gxbTNwyfcF {
width: 80%;
top: 10%;
left: 10%;
}
.markets article {padding: 35px;}
.markets article div.col-2 {width: 100%; float: none;}	
.share-price p:nth-child(1) {color: #4D4D4F; margin-bottom: 0px; font-weight: bold;}
.regional-table div {display: block; width: 100%; margin-right: 0%;}    


.divSquare.one {
    border-right: 0px solid #707070;
}
    
 .divSquare {
    width: 100%;
    float: none;
    min-height: auto;
}   
.divSquare.one:after {
    transform: rotate(-45deg) translateX(-50%);
    bottom: -4px;
    left: 50%;
}
    
 .divSquare.two:after {
    transform: rotate(-45deg) translateX(-50%) translateY(0);
    top: auto;
    left: 50%;
    bottom: -4px;
}  
    
    
 .divSquare.three {
    border-right: 0px solid #707070;
    border-bottom: 1px solid #707070;
}   
 .divSquare.three:after {
    transform: rotate(-45deg) translateX(-50%) translateY(0);
    top: auto;
    bottom: -4px;
    right: 50%;
}   
    
.divSquare.four:after {display: none;}
    
    
    .divSquare img {
    margin: 0 auto;
    display: block;
} 
    
   .divSquare ul {
    max-width: 50%;
    margin: 0 auto;
} 
.divSquare h4 {
    text-align: center;
}    
 .banner-row-18 article div:before {
    
    left: -25px;
}   
 
.banner-row-16 article ul li div span {
    
    padding: 10px;
    font-size: clamp(1.1rem, calc(1.1 / 80 * 100vw), 1.5rem);
}   
 .banner-row-21 article div:before {

    left: -25px;
} 
    
.investor-strip div.left-img {
    min-height: 300px;
    width: 100%;
}    
.investor-strip div.right-cont {
    width: 100%;
    padding: 30px;
}    
    
    
    
    .icetab img{ max-width: 100%;} 
    
 .icetab {
    
    padding: 5px;
    margin-right: 20px;
    max-width: calc(24% - 20px);
}   
 .investors-grid-3 a {
    bottom: 0px;
}   
 .investors-grid-3 {
    width: calc(52% - 0px);
    min-height: 400px;
    margin: 0 auto;
    margin-bottom: 30px;
    float: none;
} 
    .investors-grid-3:last-of-type {
    margin-right: auto;
}
.dropdown-content {
    top: 31px;
    left: 50%;
    transform: translateX(-50%);
} .dropdown-box {
    display: inline-block;
    position: relative;
}   
.dropdown-box:after {
    content: '';
    right: -37px;
    top: 6px;
}    
.banner-row article {
    max-width: 1158px;
    padding: 35px 35px;
}    
.banner-row article p, .home-main-banner article p {
    max-width: 100%;
    margin-bottom: 30px;
}    
.banner-row article h3, .home-main-banner article h3, .investors article h3, .home-figures article h3 .value-chain article h3 {
    font-size: 4.5rem;
    font-size: clamp(2.5rem, calc(2.5 / 80 * 100vw), 4.5rem);
    font-weight: 900;
    margin-bottom: 35px;
    margin-top: 60px;
}    
.home-main-banner article {
    max-width: 1158px;
    padding: 35px 35px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
} 
    
    .home-main-banner {
    min-height: auto;
    width: 100%;
    margin-top: 160px;
}
 .press {
    margin-bottom: 45px;
}   
.media-table li {
    display: block;
    width: 100%;
}    
.latest-news-right {
    padding: 40px;
    box-sizing: border-box;
    width: 100%;
    float: left;
}
.latest-news-left {
    min-height: 400px;
    width: 100%;
    display: none;
}    
 .investors article {
    padding: 35px 35px;
}   
    
 .logo-col {
    width: calc(100% - 0px);
    margin-right: 0;
    float: left;
    text-align: center;
}   
 .store-col {
    width: calc(100% - 0px);
    margin-right: 0px;
    padding: 20px 30px 20px 30px;
    text-align: center;
}   
 .store-col:after {
    left: 30px;
    top: 50%;
    font-size: 3.0rem;
    font-size: clamp(1.8rem, calc(1.8 / 80 * 100vw), 3.0rem);
    transform: translateY(-50%);
}   
    
    
.col-22-left {
    float: none;
    width:50%;
	margin-bottom:30px
}    
    
    
}


@media screen and (min-width: 768px) {
#ewf_subscriptionForm_gxbTNwyfcF {
width: 70%;
top: 15%;
left: 15%;
}
}
/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
    
    
.scroll-shift {
    width: 320%;
    max-height: 260px;
}    
    
    
header .logo img {    max-width: 100%;}    
.timeline::after {left: 31px;}
.container {width: 100%; padding-left: 70px; padding-right: 25px;}
.container::before {left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent;}
.left::after,.right::after {left: 15px;}
.right {left: 0%;}
header { height: 45px;}  

header .logo {    height: 45px;width: 70%;margin: 0 auto;}    


.banner-row-18 article div:before {
    display: none;
}
.banner-row-18 article div {
    padding: 30px;
}    
    
 .banner-row-16 article ul li {
    float: left;
    width: 100%;
}   
 .banner-row-21 article div:before {
display: none;
}   
 .banner-row-21 article div {
    padding: 30px;
}   
.banner-row-18 article ul.four-blocks li {
    width: calc(50% - 15px);
    margin-right: 30px;
    min-height: 100px;
    margin-bottom: 30px;
}  
    .banner-row-18 article ul.four-blocks li:nth-of-type(2){ margin-right: 0;}    
    
   
.sustain-grid-3, .sustain-grid-33  {
    width: calc(100% - 0px);
    min-height: 300px;
    margin-bottom: 30px;
}    
    
.dropdown-box:after {
    content: '';
   
    right: 0px;
    
}   
    
    
    
    
    
}
@media screen and (max-width : 500px) {
.regional-table div a.regional-button {width: 100%;}
.icon-table div {    display: block;
width: 100%;
margin-bottom: 35px;
text-align: center;}
.footer article {
padding: 50px;
text-align: center;
} 
.investors-grid-3 {
    width: calc(70% - 0px);
}




}
@media screen and (max-width : 440px) {
.investors-grid-3 {
    width: calc(90% - 0px);
}    
.directors-block {
width: calc(50% - 15px);
margin-right: 15px;
float: left;
margin-bottom: 20px;
position: relative;
height: 426px;
}    

.figure-row.clearfix {
display: block;
text-align: center;
}
.figure-row .figure-column {
width: calc(100% - 0rem);
margin-right: 0rem;
}    
.banner-row-18 article ul.four-blocks li {
    width: calc(100% - 0px);
    margin-right: 0px;
    min-height: auto;
    margin-bottom: 30px;
}
.banner-row-18 article ul.two-blocks li {
    width: 100%;
    margin-right: 0;
    min-height: auto;
    margin-bottom: 30px;
}
 
 
   
    
}
@media screen and (max-width : 380px) {
    
.investors-grid-3 div {
    bottom: 50px;

}    

.directors-block {
width: calc(80% - 0px);
float: none;
position: relative;
height: 391px;
margin: 30px auto;
}    
.directors-tablecell {
display: block;
width: 100%;
}   


}