@media (max-width: 1279px) {

   /*tablet */
   .hideTablet {
      display:none;
   }


   .showTablet {
      display:block;
   }


   .desktop-break {
      display:inline;
   }
   .tablet-break {
      display: block;
   }
   .wrapper {
      padding: 0 10vw;
   }
   body {
      font-size: 2.083333333333333vw;
   }
   .hamburger {
      display: block;
   }
   .es .nav__logo img,
   .nav__logo img {
      width: 9.375vw;
      margin-bottom: 0.4em;
   }

   .nav__heading {
      font-size: 1.172vw;
   }
   .es .nav__left,
   .nav__left {
      width: 100%;
      flex-direction: column;
      -webkit-justify-content: center;
      justify-content: center;
   }
   .menu-open {
      position: absolute;
      overflow: hidden;
   }
   .menu {
      height: auto;
      margin-top: auto;
      margin-bottom: auto;
   }
   .es .nav__right,
   .nav__right {
      position: fixed;
      top:100%;
      width: 100%;
      height: calc(100vh - 7.4vw);
      background: #fff;
      left:0;
      overflow-y: auto;
      transition: all 0.5s ease;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column;
      flex-flow: column;
      pointer-events: none;
      opacity: 0;
   }
   .nav__right[aria-hidden="false"] {
      pointer-events: all;
      top: 7.35vw;
      opacity: 1;
   }
   .menu__list {
      display: block;
   }
   .menu__item {
      height: auto;
   }
   .menu__item a {
      font-size:2.734375vw;
      padding: 3vw 10vw;
   }

   .mobileLanguage {
      position: absolute;
      right: 4vw;
      top: 2.6vw;

   }
   .menu__label--language {
      font-size: 1.693vw;
   }
   .menu .menu__item--language {
      display: none;
   }
   .mobileDownload {
      margin-top:auto;
      background: #EDF1F2;
      padding: 3vw 10vw;
   }
   .mobileDownload .download__btn {
      font-size: 2.34375vw;
   }
   .mobileDownload .download__top {
      margin-bottom: 4vw;
   }
   .mobileDownload .download__cover__icon {
      display: none;
   }
   .mobileDownload .download__cover {
      float:left;
      width: 41.6%;
      margin-top: 0;

   }
   .mobileDownload .download__item {
      font-size: 1.4322916666667vw;
   }
   .mobileDownload .download__item__link {
      padding-right: 4vw;
   }
   .mobileDownload .icon-pdf {
      width: 2vw;
      height: 2vw;
   }
   .download__item .icon-excel {
      width: 2vw;
      height: 2vw;
      right: 2vw;
   }
   .mobileDownload .download__links {
      float:right;
      width: 58%;
      padding-left: 10%;
   }
   .mobileDownload .download__cover__flex {
      display: block;
   }
   .mobileDownload .download__cover__img {
      width: 100%;

   }
   .footer .wrapper {
      width: 100%;
      padding:0;
   }
   .footer__flex {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .footer__left {
      width: 100%;
      padding: 2vw 10vw 4vw;
      border-bottom: 1px solid #5B6770;
      margin-right: 0;
   }
   .footer__download__item {
      width: 100%;
      padding-right: 0;
   }
   .footer__download__link {
      font-size: 1.78vw;
      padding-right: 4vw;
   }
   .footer .icon-excel,
   .footer .icon-pdf {
      width: 2vw;
      height: 2vw;
   }
   .footer__download__item {

      margin-bottom: 1vw;
   }

   .footer__download__item .icon-excel {
      top: 0.4vw;
      right: 2vw;
   }
   .footer__download__item .icon-pdf {
      top: 0.4vw;

   }

   .footer__middle {
      width: 70%;
      padding: 3vw 10vw;
      border-right: 1px solid #5B6770;
   }
   .footer__right {
      width: 30%;
      border-left: 0;
      font-size: 1.4322916666667vw;
   }
   .footer__copy {
      font-size: 1.8229166666667vw;
      margin-top: 2vw;
   }
   .footer__links__item a {
      font-size: 1.4322916666667vw;
   }
   .scrolltop__icon {
      font-size: 3vw;
   }

   .homeintro__right {
      display: none;
   }
   .homeintro__left {
      width: 69%;
      padding: 0 10vw;
   }
   .homeintro__middle {
      width: 31%;
      padding-right: 0;
   }
   .homeintro__heading  {
      font-size: 9.1145833333333vw;
   }
   .homeintro__content p {
      font-size: 2.34375vw;
   }
   .scrollmore__label {
      font-size: 1.432291666666667vw;
   }
   .scrollmore__icon {
      width: 4vw;
      height: 4vw;
      margin-right: 1vw;
      font-size: 2.5vw;
      line-height: 4vw;
   }
   .featured__text__category {
      font-size: 1.432291666666667vw;
   }
   .featured__text__heading {
      font-size: 3.3vw;
   }
   .featured__text__heading strong {
      font-size: 10.416666666666667vw;
   }
   .btn {
      font-size: 1.432291666666667vw;
   }
   .featured__tab__category {
      font-size: 1.432291666666667vw;
   }
   .featured__tab__title {
      font-size: 2.34375vw;
   }
   .homeourbusiness__heading, .homeabout__heading {
      font-size: 4.6875vw;
   }
   .homeabout p {
      font-size: 2.34375vw;
   }
   .homeourbusiness {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .homeourbusiness__left {
      width: 100%;
      padding-top: 50%;
      background-image:url('../_img/home/our-business-mobile@2x.jpg');
   }
   .homeourbusiness__right {
      width: 100%;
      padding: 5vw 10vw;
   }
   .homeourbusiness p {
      font-size: 2.083333333333333vw;
   }
   .homeperformance {
      padding-top: 49%;
      background-size: 100%;
   }
   .homeperformance--financial {
      background-image: url('../_img/home/financial-performance-mobile@2x.jpg');
   }
   .homeperformance__text {
      width: 100%;
   }
   .homeperformance__top {
      background: rgba(29,37,45,1);
      padding: 5vw 10vw;
   }
   .homeperformance__heading {
      font-size: 4.6875vw;
   }
   .homeperformance__top p {
      font-size: 2.083333333333333vw;
   }
   .homeperformance__subheading {
      font-size: 2.34375vw;
   }
   .homeperformance__bottom {
      padding: 5vw 10vw;
   }
   .homeperformance__bottom p {
      font-size: 2.34375vw;
   }
   .homeperformance--esg {
      background-image: url('../_img/home/esg-performance-mobile@2x.jpg');
   }
   .homeperformance--esg .homeperformance__text {
      margin-left: 0%;
   }
   .story {
      padding: 5vw 6vw 5vw 10vw;
   }
   .story__img {
      width: 35%;
      padding-top: 35%;
   }
   .story__content {
      width: 55%;
      padding-left: 4vw;
   }
   .story__label {
      font-size: 1.432291666666667vw;
   }
   .story__title {
      font-size: 3.125vw;
   }
   .story__more__label {
      font-size: 1.432291666666667vw;
   }
   .storybrowser__pagination {

      width: 4vw;
      height: 4vw;
      font-size: 2.2vw;
      line-height: 3.8vw;
   }
   .text .h1 {
      font-size: 6vw;
   }
   .text .h2 {
      font-size: 4.6875vw;
   }
   .text .h3 {
      font-size: 3vw;
   }
   .text ol,
   .text ul,
   .text p {
      font-size: 2.083333333333333vw;
   }
   .text ul {
      margin-left: 2vw;
   }
   .intro__left {
      width: 100%;
      margin-bottom: 4vw;
   }
   .intro__right {
      display: none;
   }
   .expander__content__padding {
      padding: 4vw 0;
   }
   .expander__toggle__label {
      font-size: 1.43vw;
   }
   .expander__toggle__icon {
      width: 4vw;
      height: 4vw;
      line-height: 3.8vw;
      font-size: 2.2vw;
   }
   .storyintro,
   .storycontent,
   .esgcta,
   .sustperf,
   .financialhighlights,
   .ourvalues,
   .esgapproach,
   .ceocta,
   .keyaccomp {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .storyintro__left,
   .esgcta__image,
   .sustperf__right,
   .financialhighlights__right,
   .ourvalues__right,
   .esgapproach__left,
   .ceocta__left,
   .keyaccomp__left {
      width: 100%;
      padding-top: 50%;
   }

   .storyintro__right,
   .sustperf__left,
   .financialhighlights__left,
   .esgapproach__right,
   .keyaccomp__right {
      width: 100%;
      padding: 5vw 10vw;
   }

   .esgcta__heading,
   .sustperf__heading,
   .financialhighlights__heading,
   .ourvalues__heading,
   .esgapproach__heading,
   .businessact__heading,
   .keyaccomp__heading {
      font-size: 4.6875vw;
   }

   .sustperf__item p,
   .financialhighlights p,
   .businessact__item__heading,
   .businessact__item__content p,
   .ourvalues p,
   .esgapproach p,
   .keyaccomp p {
      font-size: 2.083333333333333vw;
   }

   .ceocta__left {
      background-image: url('../_img/our-business/ceo-peterk-mobile@2x.jpg');
   }
   .ceocta__right {
      width: 100%;
   }
   .ceocta__quote {
      font-size: 3vw;
      width: 55%;
   }
   .ceocta__name {
      font-size: 1.43vw;
   }


   .businessact__flex {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .businessact__item {
      width: 100%;
      margin-bottom: 4vw;
   }

   .esgapproach__left {
      background-image: url('../_img/home/esg-performance-mobile@2x.jpg');
   }
   .stats__item__content {
      font-size: 2vw;
   }
   .sustperf__left,
   .financialhighlights__left,
   .ourvalues__left {
      -webkit-order:2;
      order:2;
      width: 100%;
      padding: 5vw 0;
   }
   .sustperf__right,
   .financialhighlights__right,
   .ourvalues__right {
      -webkit-order:1;
      order:1;
   }
   .ourvalues__heading {
      padding-top: 0;
   }
   .ourvalues__right {

      background-image: url('../_img/our-business/ourvalues-right-mobile@2x.jpg');
   }
   .es .ourvalues__right {
      background-image: url('../_img/our-business/ourvalues-right-mobile-es@2x.jpg');
   }
   .financialhighlights__right {
      background-image: url('../_img/home/financial-performance-mobile@2x.jpg');
   }
   .fourstats {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .fourstats__item {
      width: calc(50% - 0.2vw);
      margin-bottom: 0.4vw;
      font-size: 2.4vw;
   }
   .datatable {
      font-size: 1.822916666666667vw;
   }
   .datatable__title {
      font-size: 2.6vw;
   }
   .datatable__title-note {
      font-size: 1.6vw;
   }
   .datatable th, .datatable td {
      padding: 2vw;
   }

   .datatable tfoot p {
      font-size: 1.43vw;
   }
   .datatable__headunit {
      display: block;
      margin-top: 0.5em;
   }
   .datatable td:first-child, .datatable th:first-child {
      padding-left: 10vw;
   }
   .datatable td:last-child, .datatable th:last-child {
      padding-right: 10vw;
   }
   .sustperf__right {
      background-image: url('../_img/home/esg-performance-mobile@2x.jpg');
   }
   .sustperf__left {
      padding-top:0;
   }
   .sustperf__item, .sustperf__heading {
      padding: 3vw 10vw;
   }
   .esgcta__text {
      width: 100%;
      -webkit-order: 2;
      order: 2;
   }
   .esgcta__image {
      -webkit-order: 1;
      order: 1;
   }
   .esgcta__text__top {
      font-size: 2.083333333333333vw;
      padding: 5vw 10vw;
   }
   .esgcta__text__bottom {
      font-size: 2.4vw;
      padding: 5vw 10vw;
   }
   .story {
      border-right: 0;
   }
   .storycontent__left {
      width: 100%;
   }
   .storycontent__right {
      width: 100%;
      padding: 0 10vw;
   }
   .storycontent__link {
      font-size: 1.42vw;
   }
   .storyintro__label {
      font-size: 1.43vw;
   }
   .storyintro__heading {
      font-size: 6vw;
   }
   .overlay__close {
      width: 4vw;
      height: 4vw;
      line-height: 4vw;
   }
   .homeperformance {
      margin-top: 0;
   }
   .esgcta + .esgcta {
      margin-top: 0;
   }
   .storybrowser {
      border-top: 0vw solid #fff;
      border-bottom: 0vw solid #fff;
   }
   .esgcta__text__top {
      margin-bottom: 0;
   }
   .signature {
      width: 30vw;
   }
}
@media (max-width: 899px) {

}
