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

.gallery-text div h5 {
    font-size: 1em;
}

ul.strategy-list {
   width: 100%;
}
    .vision-list-block4 p {
    padding: 0 80px;
}
    
    
    
.at-a-glance-banner {
    min-height: 400px;
}  
    
  .strategy-box {
   
    min-height: auto;
 
}  
    
   .col-2 div img.img-responsive {

    display: none;
} 
    
   .box22 > div ul li {
    font-size: 10px;
    width: 100%;
} 
.leadership-banner, .history-banner {
    min-height: 300px;
}   
  .sustainability-banner{
    min-height: 380px;
}  
   
    .ratings-list + br{ display: none;} 
    ul.ratings-list li:last-of-type {
    margin-right: 30px;
}
   ul.ratings-list li {
    width: calc(50% - 30px);
} 
   .box-ratings:hover {
    height: 300px;
    width: 100%;
} 
  .box-ratings {
    height: 300px;
    width: 100%;
}  
    
 .collapse .col-2 {
    width: calc(100% - 0%);
    margin-right: 0px;
    margin-bottom: 0px;
}   
.col-6 {
    width: calc(33.33% - 16px);
    margin-right: 16px;
    margin-bottom: 32px;
}   
 .col-6:nth-of-type(3n) {
    margin-right: 16px;
}   
    
  .transformation-banner {
    min-height: 600px;
    background-position: left;
}  
    
  .purpose-content {
    width: 100%;
    margin: 0 auto;
}  
    
 ul li {
    font-size: 11px;
    line-height: 1.5;
    color: #000;
}   
.region-block div {
    border-right: 0;
    padding: 0 15px;
    min-height: auto;
    margin-bottom: 30px;
}    
 .region-block {
    background: #fff;
    max-width: initial;
    box-shadow: 1px 1px 40px #000;
    position: absolute;
    top: 70%;
    right: 15%;
    height: auto;
    box-sizing: border-box;
    padding: 32px;
    border-radius: 4px;
    z-index: 12;
    width: 65%;
}
    .region-block:after {
    
    right: 50%;
  
}
  .mobile-menu {
    display: block!important;
}
    
    .market-leader-banner {
    min-height: 126px;
    background-position: top center;
}
    
  .general-banner h1 {
    font-size: 30px;
    line-height: 1.2;
}  
   .strategy-banner {
    min-height: 290px;
} 
   .slide {
    transition: all linear .55s;
    min-height: 200px;
    position: relative;
} 
.slider-block {
    background: #fff;
    padding: 32px;
    max-width: 760px;
    box-sizing: border-box;
    min-height: 350px;
    border-radius: 4px;
}   
    
  .creation-table {
    display: block;
    width: 100%;
} 
    
  .creation-table-cell:first-of-type {
    width: 100%;
    margin-bottom: 30px;
}
    .creation-table-cell {
    display: block;
    vertical-align: top;
}
    
    
    
ul.blue-square-list li p {
    font-size: 13px;
}    
    
 .creation-table-cell:last-of-type {
    width: 100%;
}   
  ul.execute-list li {
    float: left;
    width: 33%;
    margin-bottom: 32px;
    }
 ul.strategy-list li {
    float: left;
    width: 25%;
    cursor: pointer;
}  
    
.col-4 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none;
    padding-right: 250px;
}   
.col-4:nth-of-type(even) {
    margin-right: auto;
}    
.slider-content-col {
    width: calc(100% - 32px);
}    
.slider-img-col {
    display: none;
}
    
    .slider-content-col p{ font-size: 12px;}    
    
 h2 {
    font-size: 13px;
    line-height: 18px;
}   
    
.slider-content-col div a {
    font-size: 12px;
}    
.slider-content-col div {

    min-height: 280px;
}    
.slider-bullets {
    position: absolute;
    bottom: -10px;
    right: 41%;
}   
.two-col-slider {
    padding-right: 45px;
    bottom: -2px;
    max-width: calc(100% - 45px);
}    
 
    
    
    
 .sens-banner + section article #sendsfeed {
    height: 2062px;
}    
    
    #sendsfeed {
    height: 4504px;
}
div#videoContentContainer h1 {
    color: #fff;
    font-weight: 300;
    font-size: 25px;
    line-height: 1.4;
}    
    
div#videoContentContainer {
    box-sizing: border-box;
    padding-right: 32px;
    top: 30%;
    width: 88%;
}    
   .press-box a {
    font-size: 14px;
    color: #2E8ED3;
    position: absolute;
    bottom: 10px;
    font-weight: bold;
} 
    
    
  .home-video-banner {
    margin-bottom: 32px;
    min-height: 665px;
}  
    
    
.col-3:last-of-type {
    margin-right: auto!important;
}   
.col-3 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none;
    margin-bottom: 32px;
}   
    
.strategy-box-outer img {
 
    width: 100%;
}    
.table-name {
    display: inline-block;
    margin-right: 20px;
    color: #0075C9;
    width: 55%;
}
    .row-name {
    width: 55%;
    color: #000;
    display: inline-block;
    margin-right: 20px;
}
    
   .row-heading {
    padding-left: 50px;
} 
  #sharesens {
    height: 210px;
}  
.press-box {
    min-height: auto;
    padding-bottom: 60px;
}
    .strategy-box-outer { margin-bottom: 32px}   
 
    .shareholder-banner {
    min-height: 272px;
}
  .home-share-box {
    float: none;
    width: calc(70%);
    min-height: 280px;
    margin: 30px auto;
  }
  .home-sens-box {
    float: none;
    width: calc(70%);
    min-height: 303px;
    margin: 30px auto;
  }
  .home-key-docsbox {
    float: none;
    width: calc(70%);
    min-height: 248px;
    margin: 30px auto;
  }   
    
  .col-5 {
    width: calc(100% - 16px);
    margin-bottom: 32px;
}  
    .calendar-bg-highlights {
    min-height: 132px;
    width: 70%;
}
    .sustainability-intro-banner h2 + p{ font-size: 13px;}    
    .slide a {
    bottom: -80px;
   
}.share-list li:nth-child(2) {
    width: 100%;
    padding-right: 0;
}
    
.top-nav-right-list {
    width: calc(25% - 5px);
    display: none;
}     
.top-nav-left-list {
    width: calc(100% + 0px);
}    
    
    
 .top-nav-left-list li {
    margin-right: -3px;
    width: 25%;
    text-align: center;
}   
    
.documents-box {min-height:auto;}   
.invest-blueblock {min-height: auto;}
}


@media screen and (max-width: 585px) {
.general-banner div {padding-left: 10px;}
  .strategy-banner div {
    transform: translateY(30%);
    width: 100%;
}  
.box-callout {
    width: calc(100% - 32px);
    float: left;
    margin: 15px 16px;
    padding: 0;
}    
    
article {
    padding: 0 20px;
}    
    
  .box-callout h3 {

    font-size: 15px !important;
}  
a#navBtn {
    margin: 15px 0 0 15px;
}
  
.history-banner div {
    width: 100%;
}
 
 
    
    
    
    
.showOnDesktop {display: block;}
.hideOnDesktop {display: hide;}
.hideOnMobile {display: none;}
.showOnMobile {display: block;}
  
 
    
.vision-list-block p {
    text-align: center;
    color: #6D6E70;
    font-size: 18px;
    padding: 0 45px;
    box-sizing: border-box;
}    
    
.col-6 {
    width: calc(50% - 16px);
    margin-right: 16px;
}  
    
 .col-6:nth-of-type(even) {
    margin-right: 0px;
} 
    
.col-6:nth-of-type(3n) {
    margin-right: 16px;
}    
    
.share-list li:nth-child(1) {
    width: 100%;
    padding-right: 0px;
} 
  .home-invest-blocks {
    padding-right: 0px;
}
 .at-a-glance-banner div {
    transform: translateY(20%);
    width: 95%;
    padding-left: 15px;
}   
 .strategy-box-outer img {    width: 100%;}   
}
@media screen and (max-width: 480px) {
   
    
ul.tabs {
    height: 200px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 0;
}
  
   #interactiveshare {
    position: relative;
    z-index: 9;
    background: #fff;
    height: 1100px;
} 
    
 #endofdaygraph {
    position: relative;
    z-index: 9;
    height: 420px;
}   
    
    
    
    
    
    
  .background-white ul.tabs li {
    font-size: 10px;
    width: 100%!important;
    margin-bottom: 16px;
}  
    
 .home-video-banner {
    margin-bottom: 32px;
    min-height: 737px;
}   
    
ul.bee-list li {
    float: left;
    width: 100%;
    margin-right: 0%;
}    
  .slider-block {
    background: #fff;
    padding: 32px;
    max-width: 760px;
    box-sizing: border-box;
    min-height: 490px;
    border-radius: 4px;
}  
    
    
.highlights {font-size: 16px;}  
.slider-content-col div {min-height: 330px;} 
.col-6 .highlights + p{ font-size: 14px;}    
.tabs {display: block;}
.tab_drawer_heading {background-color: #ccc;color: #fff;border-top: 1px solid #333;margin: 0;padding: 5px 20px;display: none;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;
-ms-user-select: none;user-select: none;}
.d_active {background-color: #666;color: #fff;}
      
.two-col-slider {
    padding-right: 45px;
    bottom: 0px;
    max-width: calc(100% - 45px);
}    
    
.at-a-glance-banner {
    min-height: 390px;
}  
    
.blue-bg-highlights {

    margin-bottom: 24px;
    min-height: 60px;
}    
    
 .col-6 {
    width: calc(100% - 16px);
    margin-right: 16px;
}   
 .investor-banner div {
    transform: translateY(36%);
    width: 100%;
    padding: 0;
} 
.col-4 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none;
    padding-right: 80px;
}    
.investor-banner {
    min-height: 458px;
    background-position: center;
} 
    
    
.investor-banner + section article .slider-content-col div {
    min-height: 250px;
}    
    
.investor-banner + section article .slider-bullets {
    position: absolute;
    bottom: -38px;
    right: 41%;
}   
    
 .foundation-banner2 div {
    width: 84%;
}   
  .foundation-banner2 div h1 {
    color: #fff;
    font-size: 30px;
    line-height: 1.4;
}  
   .foundation-banner2 {
    min-height: 189px;
} 
  ul.advantage-list2 li {
    width: 46%;
    margin-right: 15px;
}
 .slider-content-col {
    width: calc(100% - 0px);
    margin-right: 32px;
}   
    
    .our-vision .col-3 *{ text-align: center;}
    
    
    
    
    .our-vision .col-3 .highlights:after {
   
    left: 50%;
    transform: translateX(-50%);
   
} 
 .leadership-banner div {
    width: 100%;
    transform: translateY(27%);
}   
.why-invest-inner-banner1 {
    
    min-height: 200px;

}  
   .financial-reporting-banner {
    min-height: 224px;
} 
  .why-invest-inner-banner2 {
    min-height: 182px;
}  
  .row-name {
    width: 50%;
    color: #000;
    display: inline-block;
    margin-right: 20px;
}  
    
.table-name {
    display: inline-block;
    margin-right: 20px;
    color: #0075C9;
    width: 50%;
}    
    
 .span_6 {
    width: 100%;
    float: left;
    margin-top: 32px;
}   
 .span_5 {
    width: 100%;
    float: right;
    margin-top: 32px;
   
    }
     
  ul.journey-list li {
    min-height: 315px;
    margin-bottom: 32px;
    width: 100%;
}   
     
 .journey-list-block {
    width: 100%;
}    
     
.col-6-journey {
    
    width: 31%;
    margin-right: 2%;
    
} 
 .embedding-sustainability-banner div {
    width: 100%;
}   
    
.embedding-sustainability-banner div h2 {
    font-size: 25px;
    line-height: 27px;
}    
    
 .strategy-banner div {
    transform: translateY(16%);
    width: 100%;
    padding-left: 0;
}   
    
 .general-banner h1 {
    font-size: 25px;
    line-height: 1.2;
}   
    
    
 .market-leader-banner {
    min-height: 190px;
    background-position: top center;
}   
    
 ul.execute-list li {
    float: none;
    width: 100%;
    margin-bottom: 32px;
}   
  ul.blue-square-list li {
    float: left;
    width: 46%;
    min-height: 120px;
    margin-right: 4%;
    background: #2E8ED3;
    border-radius: 4px;
    color: #fff;
    box-sizing: border-box;
    padding: 24px;
    margin-bottom: 16px;
}  
ul.strategy-list li {
    float: none;
    width: 100%;
    cursor: pointer;
}    
 .strategy-cont div p {
    font-size: 22px;
    text-align: center;
}   
  
    
.main-nav-list li {
 
    font-size: 15px;

}    
 .main-nav-list li a {

    font-size: 15px;
}   
    
 .top-nav-left-list li {
    font-size: 10px;
    display: inline-block;
    padding: 10px 10px;
    color: #939BA4;
    box-sizing: border-box;
} 
 .top-nav-left-list {
    width: calc(100% + 0);
}      
    
 .top-nav-right-list li {
    padding: 10px 10px;
    font-size: 10px;
}   
    
 .mega-menu-left-col {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
}   
 .mega-menu-left-col h1 {
    color: #fff;
    font-weight: 100;
    margin-top: 30px;
    margin-bottom: 16px;
    font-size: 38px;
}   
 .mega-menu-left-col .sub-menu li {
    font-size: 13px;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;

}
 .mega-menu-left-col p {
    color: #fff;
    margin-bottom: 16px;
    font-size: 12px;
}   
    
 .mega-menu-left-col .sub-menu {
    margin: 0;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 25px;
}   
    
  .sustainability-banner div {
    transform: translateY(20%);
    width: 100%;
}  
    
 .dedicated-banner div {
    transform: translateY(16%);
    width: 100%;
}   
    
 .purpose-content {
    width: 85%;
    margin: 0 auto;
}   
    
}
@media screen and (max-width: 425px) {
  .box-callout figcaption p {
    font-size: 9px!important;
}  
  
    
    
  .foundation-banner2 div h1 {
    color: #fff;
    font-size: 24px;
    line-height: 1.4;
}  
 .accordion-header {
   
    font-size: 12px;
    
}   
   .collapse .col-2 {
   
    padding-right: 16px!important;
} 
    
  .col-2Right {
    width: calc(100% - 0px);
}  
 .vision-list-block2 h2 {
    text-align: center;
    color: #000;
    font-size: 20px;
    padding: 0px 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
}   
    
 .vision-list-block2 p {
    text-align: center;
    color: #000;
    font-size: 16px;
    padding: 0 64px;
    box-sizing: border-box;
}   
    
  .why-invest-inner-banner3 div h2 {
    font-size: 20px;
}  
 ul.advantage-list li {
    float: left;
    width: calc(100% - 0px);
    margin-right: 0px;
}
    
.journey {
    width: calc(100% - 0px);
    float: left;
    margin-right: 0;
}    
 ul.journey-list li {
    min-height: auto;
   
}   
 .journey-list-block {
    margin: -64px auto 24px auto;
}
    
.custom-select {
    width: calc(100% - 80px);
}    
  .table-header {
   
    font-size: 13px;  
    }
    
   .table-name {
    width: 46%;
} 
 .row-name {
    width: 45%;

}   
 .table-row {

    font-size: 10px;
}   
    
.row-heading {
    padding-left: 35px;
    font-size: 12px;
}
    
.col-70 {
    float: none;
    width: calc(100% - 0px);
    margin-right: 0;
}    
    
  .col-30 {
    float: none;
    width: calc(100% - 0px);
    margin-right: 0;
}  
 .results-banner {
   /* min-height: 260px;*/

}   
  .body-h1 {
    font-size: 16px;
}  
.general-banner p {
    margin-bottom: 32px;
    font-size: 14px;
}
 .col-6-journey {
    width: 48%;
    margin-right: 2%;
}   
 .box-callout figure:hover figcaption {
    padding: 16px; 
}   
 .embedding-sustainability-banner div h2 {
    font-size: 18px;
    line-height: 27px;
}
    
    
.col-6-journey {
    width: 100%;
    margin-right: 0;
    margin-top: 16px;
    }
    
 .box-ratings:hover {
    height: 230px;
    width: 100%;
}   
  ul.ratings-list li {
    width: calc(100% - 0px);
    margin-right: 0;
    float: none;
}  
    
  .box-ratings {
    height: 230px;
    width: 100%;
}  
 .box-ratings {
    height: 230px;
    width: 100%;
    line-height: 170px;
}   
    
    ul.advantage-list2 li {
    width: 100%;
    margin-right: 0px;
}
    
  ul.advantage-list2 li:last-of-type {
    margin-right: 0;
    margin-bottom: 0px;
}  
.shareholder-banner div {
    transform: translateY(25%);
    float: left;
    padding-left: 16px;
    width: 100%;
}    
.shareholder-banner {
    min-height: 200px;
}    
   #sharesens {
    height: 240px;
} 
  
.home-share-box {
    float: none;
    width: calc(90%);
    min-height: 280px;
    margin: 30px auto;
}  
.home-sens-box {
    float: none;
    width: calc(90%);
    min-height: 340px;
    margin: 30px auto;
}    
    
.vision-list-container4 {
   
    min-height: 100px;
    
}
.faq-banner div {
    width: 100%;
    padding-left: 16px;
}    
    
 .faq-banner div p {
    color: #000;
    font-weight: 600;
    font-size: 11px;
}   
 .faq-banner {
    min-height: 266px;
}   
 .faq-banner div h1 {
    color: #fff;
    font-weight: 300;
}   
 .faq-banner div p {
    color: #fff;
    font-weight: 600;
    font-size: 11px;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}
    
    
    
@media screen and (max-width: 400px) {
    
.stakeholder-button {
   
    width: 80%;
  
}   
    
}
@media screen and (max-width: 380px) {
    ul.advantage-list2 li {
    width: 100%;
    margin-right: 0px;
}
   .general-button {
    font-size: 11px;
} 
    .general-banner h1 {
    font-size: 20px;
    line-height: 1.2;
}
  .general-banner p {
    margin-bottom: 32px;
    font-size: 10px;
}  
    
   .slider-content-col div {
    min-height: 400px;
} 
    .slider-content-col div {
    min-height: 400px;
    padding: 15px;
}
    
.two-col-slider {
    padding-right: 45px;
    bottom: -40px;
    max-width: calc(100% - 45px);
}    
    
  .execute-circle1 {width: 80px;height: 80px;}
.execute-circle2 {width: 80px;height: 80px;}
.execute-circle3 {width: 80px;height: 80px;}
.execute-circle4 {width: 80px;height: 80px;}
.execute-circle5 {width: 80px;height: 80px;}

.execute-circle1 span {width: 70px;height: 70px;top: 20px;left: 7%;font-size: 13px;}
.execute-circle2 span {width: 70px;height: 70px;top: 20px;left: 7%;font-size: 13px;}
.execute-circle3 span {width: 70px;height: 70px;top: 20px;left: 7%;font-size: 13px;}
.execute-circle4 span {width: 70px;height: 70px;top: 20px;left: 7%;font-size: 13px;}
.execute-circle5 span {width: 70px;height: 70px;top: 20px;left: 7%;font-size: 13px;}
  
    
    
   .vision-list-block3 p {
    padding: 0 20px;
    font-size: 13px;
} 
    
  .vision-list-block4 p {
    text-align: center;
    color: #000;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 20px!important;
}  
  .dedicated-banner div {
    transform: translateY(16%);
    width: 100%;
    padding-left: 0;
}  
.sustainability-intro-banner h2 + p {
    font-size: 11px;
}    
    .slider-content-col ul li{ font-size: 13px; }  
 .col-3 {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none;
}   
 .col-4 {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none;
    min-height: auto !important;
}   
    .home-invest-blocks ul li { font-size: 14px;}    
    
  .sustainability-banner div {
    transform: translateY(20%);
    width: 100%;
    padding-left: 0;
}  
}
@media screen and (max-width: 325px) {
}