@media screen and (max-width : 1800px) {
section.at-a-glance-banner {background-position: top center;}   
.market-leader-banner { background-position: center;}           
}

@media screen and (max-width: 1600px) {
.top-nav-right-list li {padding: 10px 15px;}  
.sustainability-slider-bullets { left: 25px;}   
.sustainability-intro-banner article { padding-left: 70px;}   

div#videoContentContainer {top:20%;}
div#videoContentContainer h1 {font-size: 40px;line-height: 40px;}
}

@media screen and (max-width: 1440px) {

.main-nav-list {
width: 77%;
}    

.market-leader-banner div {width: 50%;}
div#videoContentContainer { width: 90%;}  
.vision-list-block4 p {font-size: 23px;}  
.why-invest-inner-banner3 { background-position: 0px -50px;}    
}

@media screen and (max-width: 1380px) {


#videoContainer {height: 768px;}    
.home-video-banner article {min-height: 768px;position: relative;}
.videoBG {height: 768px;}    
.home-video-banner {min-height: 768px;}   
.search.open {width: 290px;}   

.top-nav-right-list {width: calc(18% - 5px);}
.top-nav-left-list {width: calc(82% + 5px);} 
.embedding-sustainability-banner div, .why-invest-inner-banner3 div { width: 66%;}   
ol.leading--zero li h3 {font-size: 19px;}  
.investor-banner div {width: 44%;}   
#sendsfeed { height: 940px;}  
.investor-banner div {transform: translateY(20%);}
}

@media screen and (max-width: 1280px) {
h4 {font-size: 19px;}
.general-banner h1 {font-size: 45px;}
.home-invest-blocks{ padding: 16px}
.home-invest-blocks ul li{font-size: 15px}
.vision-list-block2 h2 {font-size: 20px;}  
.vision-list-block2 p { font-size: 16px;}    
#sens-home {height: 195px;}   
#sharesens {height: 195px;}   
.box22 > div ul li {font-size: 12px;}   
.box22 > div { padding: 20px;}
.box22 {height: 220px;width: 220px;margin-top: 32px;}   
ul.advantage-list2 li {width: 220px;margin-right: 32px;}  
.box22 p { padding-top: 70px;max-width: 90%;margin: 0 auto;font-size: 20px;}
.box22:hover > div {height: 220px; width: 220px;}     
.box22:hover { height: 220px; width: 220px;}   
.box-callout figure:hover figcaption { height: 90%;}  

.box-callout figure {min-height: 400px;}    
.box-callout { min-height: 400px;}   
.box-callout figcaption p { font-size: 11px!important;}   
.box-callout figure img.img-responsive {
-webkit-transform: scale(1.5) rotate(0) translateY(0);
-moz-transform: scale(1.5) rotate(0) translateY(0);
-o-transform: scale(1.5) rotate(0) translateY(0);
-ms-transform: scale(1.5) rotate(0) translateY(0);
transform: scale(1.5) rotate(0) translateY(0);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.box33 { height: 220px; width: 220px; }    
.box33 p { font-size: 19px;padding-top: 65px;}    
.box33:hover > div {height: 220px; width: 220px;} 
.box33:hover { height: 220px; width: 220px;}   
.bee-box { height: 207px; width: 100%;} 

.grey-bg-highlights p{font-size: 14px;}    
.general-button { margin-bottom: 16px}  
.adr-banner { min-height: 356px;}   

.history-banner div {width: 45%; float:left;}  
ul.logo-list li {width: 30%!important;}
}


@media screen and (max-width: 1100px) {
#sens-home { height: 210px;}
.home-sens-box { min-height: 320px;}
.sustainability-intro-banner { background-position: center;}
.press-box h4{ font-size: 20px;}
.press-box p:last-of-type {color: #000; font-size: 14px;}
.documents-box h4{ font-size: 18px;}   
.general-button { font-size: 14px;}  
.home-invest-blocks  h4{ font-size: 18px;}    
.home-invest-blocks ul li { font-size: 12px;}    
h2 {font-size: 30px;line-height: 37px;}   
p { font-size: 14px;}   
.general-banner h1 { font-size: 45px; line-height: 50px;}   
.at-a-glance-banner div { width: 50%;}   
.at-a-glance-banner { min-height: 515px;}  
.strategy-banner div { width: 60%;}
.strategy-banner {min-height: 420px;}   
.vision-list-container3 { margin-bottom: 30px;}    
.vision-list-block3 p {font-size: 20px;}   
.sustainability-banner div {width: 60%;}    
.sustainability-banner { min-height: 470px;}    
.box-callout figure { min-height: auto; height: 250px;}   
.box-callout { min-height: auto; height: 250px;width: calc(50% - 32px);}   
.box-callout figure:hover figcaption { height: 100%;  padding: 40px;  width: 100%; box-sizing: border-box;}   
.dedicated-banner { min-height: 446px; background-position: right;}   
.dedicated-banner div { width: 70%;}
ul.footer-list li {font-size: 12px;}  
.history-banner div { width: 50%; float: right; transform: translateY(29%);}   
.history-banner { min-height: 450px;}    
.foundation-banner2 div {width: 50%;}    
.foundation-banner2 {    min-height: 280px;}   
.transformation-banner {min-height: 420px;    background-position: left;}   
.grey-bg-highlights p {font-size: 12px;}  
.grey-bg-highlights { min-height: 200px;}   
.vision-list-container2 {  min-height: 130px;}    
.why-invest-inner-banner3 { background-position: 0px -150px; min-height: 270px;}    
.box2 > div ul li {font-size: 14px;}
.box2 {height: 230px; width: 100%;}    
.box2:hover {height: 230px; width: 100%;}   
.box2 p {    padding-top: 90px;}   
.embedding-sustainability-banner div, .why-invest-inner-banner3 div { width: 70%; transform: translateY(15%);}   
.table-name {width: 60%;}   
.row-name {width: 60%;}  

.financial-reporting-banner { min-height: 345px;}   
.financial-reporting-banner div { width: 50%}  

.row-heading { padding-left: 75px;}  

.mega-menu-left-col .sub-menu li {height: 50px;line-height: 50px;}  

.mega-menu-left-col { width: 60%;}
.mega-menu-right-col {width: 40%;}  
.shareholder-banner div {width: 55%;}   
.shareholder-banner {min-height: 354px;}   
.home-share-box {min-height: 240px;}  

#sharesens {height: 290px;} 

.home-sens-box {min-height: 380px;} 
#endofdaygraph {height: 465px;}   

.anual-results-banner {min-height: 300px;}   
ul.ir-list li p:nth-child(1) span { font-size: 13px;}   
.faqs-box a {bottom: 0px;}   
ul.envelope-list li {font-size: 13px;}   
.dividends-banner { min-height: 308px;}   

#sendsfeed { height: 1040px;}   
.adr-banner {
min-height: 300px;
}  
.adr-banner div {    transform: translateY(70%);}    
.governance-banner { min-height: 320px;}
.grey-bg-highlights {
min-height: 100px;
}   
.faq-banner div {width: 60%}   


.faq-banner {min-height: 330px;}

h4 {font-size: 20px;}

.investor-contact-banner {min-height: 220px;}


}




@media screen and (max-width: 980px) {
ul.three-list li {float:none; min-height:auto;}
ul.three-list li:nth-child(1) {width:100%;}
ul.three-list li:nth-child(2) {width:100%;}
ul.three-list li:nth-child(3) {width:100%;}
ul.three-list li div {min-height:auto;}
.circle {top:0px;}
ul.logo-list li {float:none; width:100%; margin-right:0;}


ul.guide-list li {float:none; width:100%; text-align:center; min-height:auto;}
ul.guide-list li:nth-child(3) {border-right:0px solid #0087CE; border-bottom:1px solid #0087CE; padding-bottom:30px;}
ul.guide-list li div p {width:100%; font-size:16px;}


ul.empower-list li {float:none; width:100%; text-align:center;}
ul.empower-list li div p {width:100%; font-size:16px;}

.invest-row-home .col-3 {float:none; width:100%;}

}