@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .hm-banner-wrap {
    position: relative;
    display: block;
    height: 800px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 10% 29%;
  }
}

@media only screen and (min-width: 1920px) {
  .popmenu-wrap {
    left: 301%;
    top: -20px;
  }

  .open .popmenu-wrap {
    width: 344% !important;
    left: -60%;
    top: -20px;
  }

  .banner-wrap {
    margin-top: 60px;
  }

  section.s2 .container:after {
    top: 0;
    left: 82% !important;
  }

  .leader-top p {
    max-width: inherit;
  }

  .thechairmanimage {
    left: 0;
  }

  .s-contents-wrap {
    margin-top: 145px;
  }

  .s-title {
    margin-top: 264px;
  }

  .stakeholder .s-title {
    margin-top: 225px;
  }

  .performance-col1 {
    max-width: 607px;
  }

  .sustainability-content {
    max-width: inherit;
    margin-left: 60px;
  }

  .sus-points {
    width: 100%;
  }

  .suspoint-box.sb2 {
    margin-top: -30px;
    margin-left: 0;
  }

  .suspoint-box.sb3 {
    left: 0;
    top: 10px;
  }

  .sus-point-line {
    top: 5px;
    width: 95%;
  }

  .sus-point-line img {
    width: 100%;
  }

  section.s14 {
    height: 1170px !important;
  }

  .portfolio-points:after {
    top: 45px;
    right: -315px;
  }

  .portfolio-points-col2 {
    margin-top: 96px;
    margin-left: 201px;
  }

  section.s9 {
    scroll-margin: 50px;
  }

  a.btn-download {
    position: sticky;
    top: 75px;
    display: block;
    color: #183c53;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 51px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    transform: rotate(90deg) translate(60%, -1490px);
    transition: 0.5s;
    z-index: 99999;
    width: max-content;
    margin-left: -20px;
  }
}

@media only screen and (min-width: 1500px) {
  section.s14 {
    height: 909px;
  }

  .open .popmenu-wrap {
    width: 440px;
  }

  section.s2 .container:after {
    top: 0;
    left: 89%;
  }

  a.btn-download {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1400px) {
  .popmenu-wrap {
    left: 301%;
    top: -20px;
  }

  /* .open .popmenu-wrap {
        width: 241%;
        left: -60%;
        top: -20px;
    } */

  .scrolled .open .popmenu-wrap {
    /* width: 241%; */
    left: -60%;
    top: 41px;
  }

  /* section.s2 .container:after {
        left: 90%;
    } */
}

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

  html,
  body {
    overflow-x: hidden;
  }

  .open .popmenu-wrap {
    left: -76%;
  }

  .hm-banner-wrap {
    height: 710px;
  }

  .mainimage {
    padding-top: 207px;
    left: 32px;
  }

  .pointer3 {
    top: -15px;
    left: 78%;
  }

  .abt-sec-col-1 {
    margin-left: 13px;
  }

  .s2top-col1 h3 {
    font-size: 47px;
    line-height: 56px;
  }

  .s2top-col2 p {
    font-size: 29px;
    line-height: 47px;
  }

  .vision-wrap {
    width: 400px;
    height: 400px;
    top: 0;
    left: 47px;
  }

  .vision-wrap h4 {
    font-size: 107px;
    line-height: 76px;
  }

  .ground-wrap {
    width: 100%;
  }

  img.ground {
    top: 309px;
    left: 116px;
  }

  img.thewicket {
    top: 430px;
    left: 250px;
  }

  .batsman {
    top: 84px;
    left: 451px;
  }

  .values-wrap h4 {
    font-size: 91px;
    text-align: center;
  }

  .values-wrap {
    bottom: -830px;
    left: 85px;
    width: 250px;
    height: 250px;
  }

  .values-wrap p {
    line-height: 23px;
    font-size: 15px;
  }

  .mission-wrap {
    bottom: -923px;
    right: 39px;
    width: 400px;
    height: 400px;
  }

  .mission-wrap h4 {
    font-size: 93px;
    line-height: 76px;
    margin-top: 129px;
    margin-left: 85px;
  }

  section.s2 {
    padding-bottom: 960px;
  }

  .image-mask {
    margin-top: 120px;
  }

  .awradtext {
    width: 100%;
    max-width: 665px;
    left: 24%;
    margin-top: 30px;
  }

  .awardswrapper {
    justify-content: center;
    flex-direction: column;
  }

  .awardswrapper h5 br {
    display: none;
  }

  .awardswrapper h5 {
    text-align: center;
    margin: 15px 0;
    color: #fff;
  }

  .award-points1 {
    position: absolute;
    top: 357px;
    left: 0;
  }

  .aw-point1 img {
    left: -154px;
    position: relative;
  }

  span.aw-point1 {
    top: -169px;
    right: -174px;
    width: 49px;
    overflow: hidden;
    padding-right: 81px;
    position: relative;
    display: block;
  }

  section.s6 {
    padding-left: 0;
  }

  .annu-report-imgwrap img {
    max-width: 100%;
  }

  .ar-wrap2 {
    top: 244px;
    left: 181px;
    width: 345px;
  }

  .ar-wrap3 {
    width: 300px;
    top: 264px;
    left: 618px;
    z-index: 1;
  }

  .scertify {
    padding-right: 0;
  }

  .sustain-report-imgwrap {
    padding-left: 0;
    z-index: -1;
  }

  span.sus-line1 {
    left: -2px;
  }

  .sus-wrap2 .susinner {
    top: -67px;
    left: 306px;
  }

  .ar-wrap4 {
    top: -85px;
    left: 605px;
    z-index: 1;
  }

  .thechairmanimage {
    left: -45px;
  }

  .chairmanwrap p {
    font-size: 28px;
    line-height: 45px;
  }

  .ceowrap {
    left: -37px;
  }

  .ceowrap p {
    font-size: 28px;
    line-height: 45px;
  }

  .ceowrap:before {
    top: -38px;
    left: 242px;
  }

  .plc-img2 {
    left: -15px;
  }

  .plc-text {
    width: 81%;
    margin-left: 180px;
    top: -81px;
  }

  .plc-vision {
    margin-top: 160px;
  }

  .charts-wrap {
    margin-top: 95px;
  }

  .s-title h2 {
    font-size: 60px;
  }

  .s-contents-wrap {
    width: 650px;
    margin-top: 57px;
  }

  span.s-content {
    font-size: 29px;
    line-height: 45px;
  }

  .player4 {
    top: 196px;
    right: 27px;
  }

  .strategy-points-wrapper {
    margin-top: 180px;
  }

  .strategy-points {
    width: 290px;
    margin-right: 33px;
  }

  .c-wrap {
    font-size: 60px;
  }

  .brate-row h3 {
    font-size: 37px;
  }

  .bc-rate span.counter,
  .subsymbol {
    font-size: 40px;
  }

  .bc-wrap {
    width: 205px;
  }

  section.s12 {
    padding-bottom: 0;
  }

  section.s14 {
    height: 606px;
  }

  .pp-col-row h4 {
    line-height: 56px;
  }

  section.s15 {
    padding-bottom: 0;
  }

  .governance-image {
    height: 474px;
    margin-top: 86px;
  }

  .rmanage-image {
    height: 475px;
  }

  .rmanage {
    margin-top: 120px;
  }

  .sustainability-top h2 {
    font-size: 50px;
    line-height: 75px;
  }

  .s2topsection {
    padding-left: 0;
  }

  .abt-sec-col-1 h4 {
    margin-top: 40px;
  }

  .s2top-col2 {
    width: 56%;
    margin-right: 54px;
  }

  section.s4 {
    padding-top: 40px;
  }

  .awards-wrap {
    left: 15px;
  }

  .s6 h2 {
    padding-top: 30px;
  }

  .leader-top {
    top: -50px;
  }

  @keyframes leadercicle {

    0%,
    100% {
      top: -36px;
      left: 349px;
    }

    75% {
      top: -30px;
      left: 320px;
    }

    50% {
      top: -40px;
      left: 300px;
    }
  }

  section.s8 {
    padding-top: 120px;
    padding-bottom: 90px;
  }

  .chart1 img,
  .chart2 img,
  .ballwrap img,
  .chart3 img {
    max-width: 100%;
  }

  .pc-mision-anim {
    top: -93px;
    left: -130px;
  }

  .s-title {
    margin-top: 140px;
  }

  .strategy {
    padding-top: 30px;
  }

  section.s11 {
    padding-bottom: 50px;
  }

  .performance-col1 {
    margin-top: 0;
  }

  .player5 {
    margin-left: 165px;
  }

  .brandrating-col1,
  .brandrating-col2 {
    margin-top: -95px;
  }

  section.s13 {
    padding-top: 40px;
  }

  .sustainability-top h2:before {
    top: -5px;
  }

  .sus-points {
    width: 100%;
  }

  .suspoint-box.sb3 {
    left: -19px;
    top: 10px;
  }

  .suspoint-box.sb2 {
    margin-top: -30px;
    margin-left: 0;
  }

  .portfolio-points-col2 {
    margin-top: 96px;
    margin-left: 157px;
  }

  .portfolio-points {
    padding: 0 15px;
  }

  .s15 h3 {
    margin-bottom: 15px;
  }

  .governance {
    max-width: 474px;
    margin-top: 71px;
  }

  .governance h4:after {
    top: -57px;
    left: 230px;
  }

  .pointer1:hover {
    transform: scale(1) !important;
  }

  .pointer2:hover {
    transform: scale(1) !important;
  }

  .pointer3:hover {
    transform: scale(1) !important;
  }

  .brandrating-col1 a.btn-fstatement {
    margin-bottom: 0;
    font-size: 16px;
  }



}

@media only screen and (max-width: 991px) {
  .inro h1 {
    font-size: 42px;
    line-height: 50px;
    text-align: center;
  }

  .inro h1 span {
    color: #d40025;
    display: unset;
  }

  .inro p {
    text-align: center;
    font-size: 15px;
  }

  a.logo {
    transform: scale(0.8);
  }

  section.s1 {
    scroll-margin: 100px;
  }

  section.s8 {
    scroll-margin: 100px;
  }

  div#ceo {
    scroll-margin: 100px;
  }

  .inro {
    padding-top: 170px;
  }

  .scrolled button.navbar-toggler.first-button {
    top: 80px;
  }

  .pointer2 {
    top: -9px;
    left: 46%;
  }

  .pointer3 {
    top: -3px;
    left: 77%;
  }

  .pointer1 {
    top: 86px;
    left: 44%;
  }

  .pointer3 .pointimg {
    left: 128px;
  }

  .toptext p {
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    text-align: center;
  }

  .toptext {
    padding-top: 17px;
    display: none;
  }

  .leader-top {
    top: 0;
  }

  .hm-banner-wrap {
    height: auto;
  }

  .mainimage {
    height: auto;
    padding-top: 234px;
    left: 32px;
  }

  .abt-sec-col-1 h4 {
    font-size: 40px;
    line-height: 58px;
    width: 670px;
  }

  .abt-wrap {
    margin-left: 0;
  }

  .abt-sec-col-1 p {
    margin-top: 30px;
    width: 100%;
  }

  .aboutimg1 .img-fluid {
    max-width: 100%;
    height: 600px;
    object-fit: cover;
  }

  section.s2 {
    padding-top: 57px;
  }

  .s2topsection {
    padding-left: 0;
  }

  .s2top-col1 h3 {
    font-size: 40px;
    line-height: 52px;
  }

  img.light2 {
    top: 80px;
    right: 0;
    z-index: 9;
  }

  img.light1 {
    left: 42%;
    margin-top: 83px;
  }

  .values-wrap {
    left: 3px;
    width: 250px;
    height: 250px;
  }

  .mission-wrap {
    bottom: -990px;
    right: 39px;
    width: 350px;
    height: 350px;
  }

  .mission-wrap h4 {
    font-size: 90px;
    margin-top: 71px;
    margin-left: 35px;
  }

  .mission-wrap p {
    font-size: 15px;
    line-height: 23px;
    margin-left: 42px;
  }

  .sustain-col2 h3 {
    font-size: 46px;
    line-height: 67px;
    text-align: center;
    margin-bottom: 30px;
  }

  .sustainable-line {
    display: none;
  }

  .image-mask {
    margin-top: 0;
  }

  .sustain-row {
    width: 80%;
  }

  .awards-wrap {
    left: 0;
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .award-points2 {
    top: 349px;
    left: 241px;
  }

  .award-points3 {
    top: 349px;
    left: 605px;
    width: 46%;
  }

  .bestcomm {
    max-width: 100%;
  }

  .commecial {
    left: 0;
    margin-top: 20px;
  }

  .commecial h5 {
    font-size: 54px;
    line-height: 71px;
  }

  .sawards {
    margin-top: -77px;
    left: -7px;
    z-index: 1;
  }

  .sawards img {
    max-width: 122%;
  }

  video#bgvid {
    height: 514px;
    object-fit: cover;
  }

  .bestcomm-video {
    margin-top: 33px;
  }

  .annual-reports {
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .s6 h2 {
    padding-top: 15px;
  }

  .ar-wrap1 {
    width: 407px;
    top: 0;
    left: 90px;
  }

  .annu-report-imgwrap {
    margin-top: 130px;
    padding-bottom: 148px;
  }

  .ar-wrap2 {
    top: 293px;
    left: 122px;
  }

  .ar-wrap2 {
    width: 347px;
  }

  span.ar-line2 {
    margin-top: -169px;
    margin-left: -40px;
  }

  .ar-wrap4 {
    top: 15px;
    left: 549px;
    z-index: 1;
    width: 195px;
  }

  span.ar-line3 {
    margin-top: -208px;
    margin-left: 223px;
    height: 175px;
    overflow: unset;
  }

  .ar-wrap3 {
    width: 242px;
    top: 301px;
    left: 466px;
    z-index: 1;
  }

  span.ar-line4 {
    margin-top: -40px;
    margin-left: -38px;
  }

  section.s6 {
    padding-bottom: 15px;
  }

  .scertify h3 {
    text-align: left;
  }

  .sustain-report-imgwrap img {
    max-width: 100%;
  }

  .scertify {
    padding-right: 0;
    margin-bottom: 120px;
  }

  .sus-wrap2 .susinner {
    top: -67px;
    left: 226px;
  }

  .sus-wrap2 .susinner {
    top: -67px;
    left: 226px;
    width: 248px;
  }

  span.sus-line2 {
    left: -160px;
    top: 22px;
  }

  span.sus-line3 {
    left: 158px;
    top: -128px;
  }

  .sus-wrap3 .susinner {
    width: 206px;
    top: 45px;
  }

  .leader-top h2 {
    font-size: 60px;
    line-height: 82px;
  }

  .leaderinner {
    margin-left: 0;
  }

  .chairmanwrap {
    margin-left: 0;
    width: 400px;
  }

  .ceowrap {
    left: 0;
    margin-top: 0;
  }

  .thechairmanimage {
    left: 28px;
    top: -26px;
  }

  .thechairmanimage img {
    width: 100%;
  }

  .chairmanwrap p {
    font-size: 23px;
    line-height: 40px;
  }

  .chairmanwrap:before {
    left: 0;
  }

  .leader-top {
    padding-bottom: 65px;
  }

  .ceoimage img {
    max-width: 100%;
  }

  .ceoimage {
    position: relative;
    display: block;
    margin-top: 35px;
  }

  .ceowrap p {
    font-size: 23px;
    line-height: 40px;
    margin-bottom: 26px;
  }

  span.ceoposition {
    font-size: 16px;
    line-height: 24px;
  }

  .ceowrap:before {
    top: 2px;
    left: 103px;
  }

  .awradtext p {
    font-size: 24px;
    line-height: 38px;
    text-align: center;
  }

  .awradtext {
    width: 100%;
    max-width: 100%;
    left: 0;
    margin-top: 30px;
  }

  .awradtitle {
    padding-left: 0;
    text-align: center;
  }

  .plc-top h3 {
    width: 100%;
    top: 60px;
    left: 14%;
    font-size: 72px;
    line-height: 79px;
  }

  .plc-img2 {
    left: 80px;
    top: 15px;
  }

  .plc-text {
    width: 100%;
    margin-left: 0;
    top: 0;
    margin-top: 50px;
  }

  .plc-img1 {
    left: -65px;
  }

  .charts-wrap {
    margin-top: 455px;
  }

  .plc-vision {
    margin-top: 240px;
  }

  .plc-mission {
    margin-left: -102px;
    margin-top: 425px;
  }

  .plc-mission {
    margin-left: -180px;
    margin-top: 525px;
  }

  .ballwrap {
    left: 0;
  }

  .chart2 {
    left: 0;
  }

  .charts-wrap img {
    max-width: 100%;
  }

  .chart3 img {
    max-width: 100%;
  }

  .s-contents-wrap {
    width: 100%;
    margin-top: 80px;
  }

  .s-title h2 {
    font-size: 50px;
  }

  .s-contents-wrap {
    width: 100%;
    padding: 54px 30px 54px 107px;
  }

  span.s-content {
    font-size: 24px;
    line-height: 40px;
  }

  .strategy h3 {
    font-size: 50px;
    margin-top: 0;
  }

  /* .strategy-points {
        width: auto;
        margin-right: 30px;
        margin-left: 30px;
    } */

  .strategy-points {
    width: 130px;
    margin-right: 30px;
    margin-left: 30px;
  }

  .strategy-points h5 {
    font-size: 19px;
  }

  .performance-col1 h3 {
    font-size: 60px;
    line-height: 70px;
  }

  .c-wrap {
    font-size: 44px;
  }

  .player5 {
    margin-left: 146px;
    margin-top: 0;
  }

  .bc-rate span.counter,
  .subsymbol {
    font-size: 34px;
  }

  .bc-rate p {
    font-size: 15px;
    line-height: 24px;
  }

  .bc-wrap {
    width: 180px;
  }

  .brate-row h3 {
    font-size: 28px;
  }

  .bc-wrap:nth-child(odd) {
    margin-right: 0;
  }

  .performance-col2 {
    height: 555px;
    background-position: -95px center;
  }

  .sustainability-content {
    max-width: 100%;
    margin-left: 0;
  }

  .suspoint-box.sb2 {
    margin-top: 0;
    margin-left: 0;
  }

  .suspoint-box.sb3 {
    left: 0;
    top: 6px;
  }

  .suspoint-box.sb1 img,
  .suspoint-box.sb2 img,
  .suspoint-box.sb3 img {
    width: 100%;
  }

  .sus-points {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-around;
    width: 100%;
  }

  section.s14 {
    height: 460px;
  }

  .sustainability-point-wrap {
    margin-bottom: 257px;
  }

  .abt-sec-col-1 {
    margin-left: 0;
    max-width: 100%;
    padding-top: 0;
    padding: 0 15px;
  }

  .abt-sec-col-1 h4 {
    width: 100%;
    text-align: center;
    margin-top: 33px;
  }

  a.btn-readmore {
    margin: 0 auto;
  }

  .aboutimg1 img.img-fluid {
    width: 100%;
  }

  section.s1 {
    padding-bottom: 0;
  }

  .s1 .col-md-12 {
    padding: 0;
  }

  section.s2 {
    padding-bottom: 1020px;
  }

  .sustain-row:nth-child(1),
  .sustain-row:nth-child(2),
  .sustain-row:nth-child(3),
  .sustain-row:nth-child(4) {
    left: 80px;
    top: unset;
    margin-bottom: 15px;
  }

  section.s3 {
    padding-bottom: 40px;
  }

  section.s4 {
    padding-top: 40px;
  }

  section.s5 {
    padding-bottom: 45px;
    scroll-margin: 100px;
  }

  section.s8 {
    padding-top: 70px;
    padding-bottom: 60px;
  }

  .leader-top h2:before {
    width: 200px;
    height: 200px;
  }

  section.s9 {
    padding-top: 28px;
    padding-bottom: 87px;
  }

  .stakeholder {
    height: 830px;
  }

  /* .s-title {
        margin-top: 126px;
    } */
  .s-title {
    margin-top: 122px;
  }

  .stakeholder .s-title {
    margin-top: 127px;
  }

  .materiality {
    height: 980px;
  }

  section.s11 {
    padding-bottom: 40px;
  }

  .sustainability-top h2:before {
    top: -18px;
  }

  section.s13 {
    padding-top: 50px;
  }

  .sustainability-content a.btn-readmore {
    margin: 0;
  }

  .sustainability-point-wrap {
    margin-top: 20px;
  }

  section.s15 {
    padding-top: 50px;
  }

  .s15 h3:before {
    top: -27px;
  }

  .governance-image {
    margin-top: 85px;
  }

  .governance {
    margin-top: 82px;
  }

  .governance h4:after {
    top: -52px;
    left: 230px;
  }

  .rmanage-image {
    margin-top: 75px;
  }

  .rmanage {
    margin-top: 78px;
  }

  .rmanage p {
    font-size: 25px;
    margin-left: 27px;
    margin-bottom: 70px;
  }

  .rmanage-image {
    height: 553px;
  }

  .supplementary-content h4 {
    font-size: 60px;
    margin-bottom: 42px;
    line-height: 77px;
  }

  .supplementary-content {
    padding-top: 75px;
  }

  section.s17 {
    background-position: 58% 92%;
  }

  .supp-iiner {
    margin-left: 0;
  }

  .s18 h4 {
    font-size: 36px;
    line-height: 50px;
  }

  section.s18 {
    padding-top: 40px;
  }

  .governance p {
    font-size: 23px;
    line-height: 40px;
  }

  .governance h4,
  .rmanage h4 {
    margin-top: 0;
    font-size: 45px;
    margin-bottom: 11px;
  }

  a.btn-fstatement.gap2 {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .scrolled button.navbar-toggler.first-button {
    top: 70px;
  }

  .scrolled .logo img {
    margin: 0px 0 4px 0;
  }

  .menu ul>li {
    margin-bottom: 15px;
  }

  .popmenu-wrap {
    height: 110vh;
  }

  .toptext {
    display: none;
  }

  .logo img {
    max-width: 100px;
  }

  button.navbar-toggler.first-button {
    width: 48px;
    height: 42px;
    color: transparent !important;
    background-image: url(../img/menuicon-mobile.png);
    background-position: 12px center;
    left: -10px;
    text-indent: -99999px;
  }

  button.navbar-toggler.first-button:hover {
    background-position: 15px;
  }

  .open .popmenu-wrap {
    width: 280px;
    left: -416%;
    top: -20px;
  }

  .scrolled .open .popmenu-wrap {
    top: 33px;
    height: 110vh;
  }

  .menu ul>li>a {
    font-size: 18px;
    line-height: 38px;
  }

  .inro {
    padding-top: 140px;
    padding-right: 20px;
    display: block;
  }

  .mainimage-mobile {
    margin-top: -70px;
    display: block;
  }

  .mainimage {
    display: none;
  }

  .mainimage-mobile img {
    max-width: 100%;
  }

  .home-bannerwrap .container {
    padding: 0;
  }

  .hm-banner-wrap {
    height: auto;
  }

  .pointwrap1 {
    margin-top: 0;
  }

  .pw.pointer1 h5 {
    font-size: 13px;
    position: relative;
  }

  .pw.pointer1 {
    top: 265px;
    left: 0%;
  }

  .pointer1 .pointimg,
  .pointer2 .pointimg,
  .pointer3 .pointimg {
    display: none;
  }

  .pw.pointer1 h5:before {
    position: absolute;
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #000;
    border-radius: 50px;
    top: -21px;
    left: 26px;
  }

  .scrolled a.logo {
    transform: scale(0.8);
    margin-top: 43px;
    top: 0;
  }

  .pointer2 {
    top: 200px;
    left: 40%;
  }

  .pointer2.pw h5,
  .pointer2.pw h6 {
    text-align: left;
    color: #fff;
  }

  .pointer2.pw h5,
  .pointer3.pw h5 {
    position: relative;
  }

  .pw.pointer3 {
    left: 125px;
    top: 370px;
  }

  .pointer2:hover h5,
  .pointer3:hover h5 {
    color: #000 !important;
  }

  .pw.pointer2 h5:before {
    position: absolute;
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 50px;
    top: 14px;
    left: -31px;
  }

  .pw.pointer3 h5:before {
    position: absolute;
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 50px;
    top: 16px;
    left: 179px;
  }

  .pw.pointer3 h5,
  .pw.pointer3 h6 {
    text-align: left;
    color: #fff;
  }

  .pw.pointer3 h6 {
    font-weight: 300;
    text-align: right !important;
  }

  .abt-sec-col-1 h4 {
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 31px;
    margin-top: 33px;
  }

  .abt-sec-col-1 {
    margin-left: 0;
    max-width: 100%;
    padding-top: 0;
    padding: 0 25px;
  }

  .abt-sec-col-1:before {
    width: 243px;
    height: 243px;
    animation: circleanim 3s infinite;
  }

  @keyframes circleanim {

    0%,
    100% {
      top: -90px;
      left: -90px;
    }

    50% {
      top: -90px;
      left: -80px;
    }
  }

  .abt-sec-col-1:after {
    width: 243px;
    height: 243px;
    animation: circleanim2 3s infinite;
  }

  @keyframes circleanim2 {

    0%,
    100% {
      top: -90px;
      left: 82px;
    }

    50% {
      top: -90px;
      left: 70px;
    }
  }

  .abt-sec-col-1 p {
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    margin-top: 22px;
  }

  a.btn-readmore {
    width: 100%;
    height: 43px;
    font-size: 15px;
    line-height: 37px;
    margin-top: 27px;
  }

  .abt-sec-col-2 {
    padding-top: 50px;
  }

  section.s1 {
    padding-bottom: 0;
  }

  .s1 .container {
    padding: 0;
  }

  .s2topsection {
    flex-direction: column;
  }

  .s2top-col1 {
    width: 100%;
    margin-bottom: 23px;
  }

  .s2top-col1 h3 {
    text-align: center;
    font-size: 31px;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: -0.64px;
  }

  section.s2 {
    padding-top: 60px;
  }

  a.btn-download {
    display: none;
  }

  a.btn-download-mobile {
    background-color: #fff;
    display: block;
    /* width: 300px; */
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    /* padding-left: 30px; */
    /* padding: 30px; */
    color: #df0024;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 51px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    text-align: center;
  }

  .s2top-col2 {
    width: 100%;
    margin-right: 0;
    margin-top: -20px;
  }

  .s2top-col2 p {
    text-align: center;
    font-size: 20px;
    line-height: 31px;
    font-weight: 500;
  }

  .s2top-col1:before {
    top: -72px;
    left: -84px;
    width: 155px;
    height: 155px;
    animation: circleanim3 3s infinite;
  }

  @keyframes circleanim3 {

    0%,
    100% {
      top: -44px;
      left: -14px;
    }

    50% {
      top: -44px;
      left: 14px;
    }
  }

  .vision-wrap {
    width: 233px;
    height: 233px;
    top: 294px;
    left: 0;
    z-index: 1;
  }

  .vision-wrap h4 {
    margin-top: 47px;
    margin-left: 0;
    text-align: center;
    font-size: 70px;
    font-weight: 300;
    line-height: 76px;
    letter-spacing: -4.2px;
    margin-bottom: 0;
  }

  .vision-wrap p {
    color: #3d3b3b;
    text-align: left;
    font-family: var(--inter);
    font-size: 14px;
    line-height: 22px;
    max-width: 313px;
    width: 313px;
    margin-left: 43px;
  }

  img.light2 {
    display: none;
  }

  .values-wrap {
    top: 535px;
    left: 110px;
    width: 233px;
    height: 233px;
  }

  img.light1 {
    max-width: 70px;
    left: 20%;
    margin-top: 0;
  }

  img.ground {
    top: 182px;
    left: -2px;
    max-width: 145%;
  }

  img.thewicket {
    top: 267px;
    left: 96px;
    max-width: 73%;
  }

  .batsman {
    top: 64px;
    left: 192px;
  }

  .batsman img {
    max-width: 62%;
  }

  .values-wrap h4 {
    font-size: 72px;
    font-weight: 300;
    line-height: 76px;
    letter-spacing: -4.32px;
    margin-left: -45px;
  }

  .values-wrap p {
    line-height: 23px;
    font-size: 15px;
    width: 330px;
    text-align: left;
    margin-left: -115px;
    margin-top: 0;
  }

  .values-wrap p br {
    display: none;
  }

  .mission-wrap {
    top: 805px;
    bottom: 0;
    right: 130px;
    width: 233px;
    height: 233px;
  }

  .mission-wrap h4 {
    font-size: 69px;
    font-weight: 300;
    line-height: 76px;
    letter-spacing: -4.14px;
    margin-top: 24px;
    margin-left: 40px;
    margin-bottom: 0;
  }

  .mission-wrap p {
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    width: 322px;
    margin-top: 0;
  }

  section.s2 {
    padding-bottom: 1120px;
  }

  .image-mask {
    margin-top: 35px;
  }

  .sustainable-image {
    height: auto;
  }

  .sustain-col2 h3:before {
    width: 160px;
    height: 160px;

    top: -82px;
    left: 184px;
    z-index: -1;
    animation: circleanim4 5s infinite;
  }

  .sustain-col2 {
    padding-top: 40px;
    padding-bottom: 0;
  }

  @keyframes circleanim4 {

    0%,
    100% {
      top: -95px;
      left: 18px;
    }

    50% {
      top: -80px;
      left: 20px;
    }
  }

  .sustain-col2 h3 {
    font-size: 38px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    margin-bottom: 20px;
  }

  .sustainable-line {
    display: none;
  }

  .sustain-row {
    width: 100%;
  }

  .sustain-row:nth-child(1),
  .sustain-row:nth-child(2),
  .sustain-row:nth-child(3),
  .sustain-row:nth-child(4) {
    left: 41px;
    top: unset;
    margin-bottom: 15px;
  }

  .sustain-row:before {
    position: absolute;
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    top: 3px;
    left: -35px;
    background-image: url(../img/point-img-mobile.svg);
    background-repeat: no-repeat;
  }

  .sustain-row {
    top: 45px;
    left: 62px;
    color: #3d3b3b;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 157.143% */
    width: 87%;
  }

  .fireworks {
    display: none;
  }

  section.s4 {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .awradtitle h3 {
    font-size: 37px;
    font-weight: 500;
    line-height: 82px;
    text-align: center;
    letter-spacing: -0.74px;
  }

  .awradtitle {
    padding-left: 0;
    padding-top: 0;
  }

  .awradtext {
    width: 100%;
    max-width: 100%;
    left: 0;
    margin-top: 0;
  }

  .awradtext p {
    font-size: 20px;
    font-weight: 600;
    line-height: 31px;
    /* 155% */
  }

  .awardswrapper h5 {
    text-align: center;
    margin: 15px 0;
    color: #fff;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    /* 224% */
  }

  .awards img {
    max-width: 125%;
  }

  .awards {
    position: relative;
    display: block;
    left: 60px;
  }

  .award-points1 p {
    font-size: 13px;
    line-height: 21px;
    max-width: 170px;
  }

  .award-points1 {
    position: absolute;
    top: 203px;
    left: 0;
  }

  .awards-wrap {
    left: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 107px;
  }

  span.aw-point1 {
    top: -161px;
    right: -86px;
    width: 32px;
    overflow: hidden;
    padding-right: 62px;
    height: 80px;
  }

  .award-points2 p {
    font-size: 13px;
    line-height: 21px;
    max-width: 264px;
    text-align: right;
  }

  .award-points2 p {
    max-width: 163px;
  }

  .award-points2 {
    top: 232px;
    left: 200px;
  }

  span.aw-point2 {
    top: -193px;
    right: -56px;
    overflow: hidden;
    height: 92px;
    display: block;
  }

  .award-points3 {
    top: 0;
    left: unset;
    width: 46%;
    right: -221px;
  }

  .award-points3 p {
    font-size: 13px;
    line-height: 21px;
  }

  .award-points3 {
    top: 178px;
    left: unset;
    width: 46%;
    right: -207px;
  }

  span.aw-point3 {
    position: relative;
    top: -225px;
    right: -13px;
    height: 80px;
    display: block;
    overflow: hidden;
  }

  .col-md-6.order1 {
    order: 2;
  }

  video#bgvid {
    height: 320px;
    object-fit: cover;
  }

  .s5 .container {
    padding: 0;
  }

  .bestcomm {
    padding: 0 15px;
  }

  .commecial h4 {
    text-align: center;
    font-size: 21px;
    line-height: 42px;
    letter-spacing: -0.42px;
  }

  .commecial h4 br {
    display: none;
  }

  .commecial h5 {
    font-size: 39px;
    line-height: 44px;
    letter-spacing: -0.78px;
    max-width: 98%;
  }

  .btnwatch {
    width: 180px;
    height: 48px;
  }

  .sawards img {
    max-width: 100%;
  }

  .s6 h2 {
    padding-top: 15px;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 82px;
    /* 328% */
  }

  .annual-reports p {
    font-size: 13px;
    line-height: 22px;
  }

  .annu-report-imgwrap img {
    max-width: 204%;
    margin-left: 72px;
  }

  .arlinemb {
    display: block;
  }

  .arlinedk {
    display: none;
  }

  .ar-wrap1 {
    width: 320px;
    top: 0;
    left: 0;
  }

  span.ar-line1 {
    position: relative;
    display: block;
    margin-top: -13px;
    margin-left: 38px;
  }

  .annu-report-imgwrap {
    margin-top: 116px;
  }

  .ar-wrap2 {
    top: 293px;
    left: 255px;
  }

  .ar-wrap2 {
    width: 233px;
    top: 306px;
    left: 204px;
  }

  .ar-wrap3 {
    width: 242px;
    top: 301px;
    left: 616px;
    z-index: 1;
  }

  .scertify h3 {
    text-align: left;
    font-size: 25px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.5px;
  }

  section.s6 {
    padding-bottom: 0;
  }

  .sustain-report-imgwrap img {
    max-width: 153%;
    margin-left: 66px;
  }

  .sus-wrap1 .susinner {
    position: absolute;
    width: 310px;
    top: -118px;
    left: 6px;
  }

  span.sus-line1 {
    left: 12px;
    width: 44px;
    overflow: hidden;
    top: -20px;
  }

  .sudinner {
    position: relative;
    display: block;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 120px 0;
  }

  .scertify {
    padding-right: 0;
    margin-bottom: 0;
  }

  .sus-wrap2 .susinner {
    top: -67px;
    left: 261px;
    width: 248px;
  }

  .susinner p {
    font-size: 15px;
  }

  .sus-wrap2 .susinner {
    top: -67px;
    left: 261px;
    width: 217px;
  }

  span.sus-line3 {
    left: 200px;
    top: -116px;
    width: 60px;
    overflow: hidden;
  }

  .sus-wrap3 .susinner {
    width: 206px;
    top: 2px;
    right: -404px;
    left: unset;
  }

  span.sus-line4 {
    left: 28px;
    top: -76px;
    width: auto;
  }

  section.s7 {
    position: relative;
    display: block;
    padding-bottom: 0;
  }

  .leader-top h2:before {
    width: 112px;
    height: 112px;
    animation: leadercicle 4s infinite;
  }

  @keyframes leadercicle {

    0%,
    100% {
      top: -31px;
      left: 81px;
    }

    75% {
      top: -25px;
      left: 70px;
    }

    50% {
      top: -20px;
      left: 75px;
    }
  }

  .leader-top h2 {
    font-size: 60px;
    line-height: 82px;
    text-align: center;
    font-size: 31px;
    font-weight: 400;
    line-height: 82px;
    margin-bottom: 0;
  }

  section.s8 {
    padding-top: 38px;
    padding-bottom: 30px;
  }

  .leader-top p {
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    z-index: 99;
  }

  a.btn-readmore-line.bt1 {
    width: 270px;
    margin: 0 auto 16px auto;
    display: block;
    text-align: center;
  }

  a.btn-readmore-line.bt2 {
    width: 326px;
    margin: 0 auto;
    display: block;
    text-align: center;
  }

  .col-md-7.ord2 {
    order: 1;
  }

  .col-md-5.ord1 {
    order: 2;
  }

  .thechairmanimage {
    left: 0;
    text-align: center;
    z-index: 99;
  }

  .thechairmanimage img {
    width: 100%;
    max-width: 320px;
  }

  .chairmanwrap:before {
    position: absolute;
    background-image: url(../img/quote1.svg);
    content: "";
    width: 112px;
    height: 150px;
    top: -70px;
    left: -33px;
    display: block;
    z-index: -1;
    background-size: cover;
  }

  .ceowrap:before {
    position: absolute;
    content: "";
    background-image: url(../img/quote2.svg);
    width: 112px;
    height: 150px;
    top: -81px;
    left: -33px;
    display: block;
    background-size: cover;
    z-index: -1;
  }

  .chairmanwrap {
    width: 87%;
    margin: 25px auto;
  }

  .chairmanwrap p {
    font-size: 21px;
    line-height: 31px;
  }

  .ceoimage {
    position: relative;
    display: block;
    margin-top: 35px;
    text-align: center;
    z-index: 1;
  }

  .ceoimage img {
    width: 100%;
    max-width: 320px;
  }

  .ceowrap p {
    font-size: 21px;
    line-height: 31px;
  }

  .ceowrap {
    width: 87%;
    margin: 23px auto;
    padding-top: 25px;
  }

  section.s9 {
    padding-top: 30px;
  }

  .plc-img1 {
    left: -35px;
    max-width: 150px;
  }

  .plc-img1 img {
    width: 100%;
  }

  .plc-top h3 {
    font-size: 37px;
    line-height: 50px;
    margin-top: -40px;
  }

  .plc-img2 {
    left: 80px;
    top: 49px;
    max-width: 100%;
  }

  .plc-img2 img {
    max-width: 100%;
  }

  .plc-text p {
    font-size: 14px;
    line-height: 23px;
  }

  .plc-text {
    width: 100%;
    top: 0;
  }

  .plc-vision-content {
    position: absolute;
    top: -194px;
    left: 160px;
    display: block;
    width: 250px;
    height: 250px;
    border-radius: 289.01px;
    background: #b4e0de;
  }

  .pc-vision-anim {
    position: relative;
    display: block;
    transform: scale(0.9);
    left: -36px;
  }

  .plc-vision-content h4 {
    font-size: 70px;
  }

  .plc-vision-content p {
    font-size: 14px;
    line-height: 24px;
    width: 95%;
    left: 32px;
    top: -27px;
  }

  .pc-vision-anim {
    transform: scale(0.8);
    left: -51px;
  }

  .plc-mission {
    margin-left: 0;
    margin-top: 140px;
  }

  .pc-mision-anim {
    top: -93px;
    left: 0;
    z-index: 9;
    width: 100%;
  }

  .pc-mision-content {
    width: 300px;
    height: 300px;
    left: -36px;
  }

  .pc-mision-anim img {
    max-width: 100%;
  }

  .pc-mision-content h4 {
    font-size: 70px;
    font-weight: 300;
    letter-spacing: -2.8px;
    top: 10px;
    position: relative;
    left: 60px;
    max-width: 288px;
  }

  .pc-mision-content p {
    font-size: 16px;
    line-height: 24px;
    position: relative;
    margin-top: 0;
    max-width: 352px;
    left: 66px;
  }

  .chart-innwrap {
    display: none;
  }

  .chart-innwrap.mobile {
    display: block;
  }

  .charts-wrap {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .charts-wrap {
    margin-top: 320px;
  }

  .ballwrap {
    left: 0;
    margin: 30px 0;
  }

  .chart3 {
    text-align: center;
    margin-top: 30px;
  }

  .stakemobile {
    display: block;
  }

  .stakedk {
    display: none;
  }

  .stakeholder {
    height: auto;
  }

  .s-title {
    margin-top: 0;
    z-index: 1;
    left: 0;
    height: 300px;
    background-size: cover;
  }

  .s-title h2 {
    font-size: 42px;
    text-align: center;
    top: 104px;
  }

  .s-contents-wrap {
    width: 100%;
    padding: 40px 20px;
    margin-top: 0;
  }

  .stakeholder .container,
  .materiality .container {
    height: 100%;
    color: #fff;
    padding: 0;
  }

  span.s-content {
    font-size: 22px;
    line-height: 33px;
  }

  .s-contents-wrap a.btn-readmore {
    width: 170px;
    display: inline-block;
  }

  .strategy:before {
    display: none;
  }

  .strategy {
    padding-top: 35px;
  }

  .strategy h3 {
    font-size: 33px;
    line-height: 42px;
    text-align: center;
  }

  .materiality {
    height: auto;
  }

  .strategy p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    position: relative;
    margin-bottom: 36px;
  }

  a.btn-readmore.dark {
    width: 170px;
    margin: 0 auto;
  }

  .strategy-points-wrap {
    flex-direction: column;
    border-left: 1px solid #ccc;
  }

  .strategy-points h5 br {
    display: none;
  }

  .strategy-points {
    width: 100%;
    margin-bottom: 33px;
  }

  .strategy-points h5:before {
    top: 0;
    left: -36px;
    transform: rotate(-90deg);
  }

  .player4 {
    top: 370px;
    right: -9px;
    max-width: 240px;
  }

  .player4 img {
    width: 100%;
  }

  .strategy-points-wrapper {
    margin-top: 0;
    border: 0;
  }

  .s12 .container-fluid {
    padding-right: 0;
    overflow-x: unset;
    padding-left: 0;
  }

  section.s12 {
    padding-top: 0;
    padding-bottom: 48px;
  }

  .performance-col1 h3 {
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    font-size: 38px;
    font-style: normal;
    font-weight: 300;
    line-height: 54px;
  }

  .performance-col1 h3 br {
    display: none;
  }

  .performance-col1 h4 {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 3.9px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
  }

  .profit {
    text-align: center;
  }

  .c-wrap {
    font-size: 44px;
  }

  .profit {
    margin-bottom: 25px;
  }

  .player5 {
    margin-left: 42px;
    display: none;
  }

  .performance-col1 {
    max-width: 100%;
    width: 100%;
    padding-top: 47px;
  }

  .brandrating-col1 {
    margin-top: 85px;
    text-align: center;
  }

  .performance-col1:before {
    top: 108%;
    left: 50%;
    transform: translateX(-50%);
  }

  .bc-wrap {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
  }

  .bc-rate span.counter,
  .subsymbol {
    font-size: 37px;
    font-style: normal;
    font-weight: 900;
    line-height: 34px;
  }

  .bc-rate p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
  }

  .bc-wrap:nth-child(1) {
    order: 1;
  }

  .bc-wrap:nth-child(2) {
    order: 3;
  }

  .bc-wrap:nth-child(3) {
    order: 2;
  }

  .bc-wrap:nth-child(4) {
    order: 4;
  }

  .btn-fstatement.mobile {
    display: none;
  }

  .btn-fstatement.mobile {
    display: block;
    margin-top: 0;
    max-width: 292px;
    width: 100%;
    margin: 0 auto;
  }

  .btn-fstatement {
    display: none;
  }

  a.btn-fstatement {
    display: none;
  }

  .brandrating-col2 {
    margin-top: 35px;
    margin-left: 0;
  }

  section.s11 {
    padding-bottom: 35px;
  }

  .sustainability-top h2 {
    text-align: center;
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 22px;
  }

  .sustainability-top h2 br {
    display: none;
  }

  section.s13 {
    padding-top: 48px;
  }

  .sustainability-top h2:before {
    top: 30px;
    left: 268px;
  }

  .sustainability-content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 26px;
  }

  /* .sus-point-line.mobile {
        display: block;
        position: relative;
        top: 24px;
        left: 32%;
    } */

  .sus-point-line.mobile {
    display: block;
    position: relative;
    top: 24px;
    left: 0;
    width: auto;
    text-align: center;
  }

  .sus-point-line {
    display: none;
  }

  .sus-points {
    flex-direction: column;
  }

  .suspoint-box.sb1 img,
  .suspoint-box.sb2 img,
  .suspoint-box.sb3 img {
    width: 100%;
    max-width: 220px;
  }

  .suspoint-box {
    text-align: center;
    margin-bottom: 61px;
  }

  .suspoint-box:last-child {
    margin-bottom: 0;
  }

  section.s14 {
    display: none;
  }

  .sustainability-point-wrap {
    margin-bottom: 0;
  }

  section.s15 {
    padding-bottom: 0;
    background: #f6f6f6;
    padding-top: 12px;
  }

  .s15 h3 {
    font-size: 33px;
    line-height: 80px;
    margin-bottom: 15px;
  }

  .s15 h3:before {
    display: none;
  }

  .portfolio-points {
    flex-direction: column;
  }

  .pp-col-row {
    max-width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }

  .pp-col-row h4 {
    text-align: center;
    font-size: 24px;
    z-index: 99;
  }

  .pp-col-row p {
    font-size: 14px;
    line-height: 25px;
    max-width: 315px;
    margin: 0 auto;
  }

  .portfolio-points:after {
    display: none;
  }

  .portfolio-points-col2 {
    margin-top: 0;
    margin-left: 0;
  }

  .pp-col-row h4:before {
    position: absolute;
    content: "";
    display: block;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    top: unset;
    left: unset;
    z-index: -1;
  }

  .p1 h4:before {
    left: 95px !important;
    top: -11px !important;
  }

  .p2 h4:before {
    left: 123px !important;
    top: -11px !important;
  }

  .p3 h4:before {
    left: 75px !important;
    top: -19px !important;
  }

  .p4 h4:before {
    left: 95px !important;
    top: -11px !important;
  }

  .p5 h4:before {
    left: 95px !important;
    top: -11px !important;
  }

  .p6 h4:before {
    left: 87px !important;
    top: -17px !important;
  }

  .p7 h4:before {
    left: 112px !important;
    top: -12px !important;
  }

  .p8 h4:before {
    left: 150px !important;
    top: -11px !important;
  }

  .g-order1 {
    order: 2;
  }

  .g-order2 {
    order: 1;
  }

  .governance-image {
    height: 353px;
    margin-top: 0;
  }

  section.s16 {
    padding-bottom: 60px;
    margin-top: 0;
  }

  .governance {
    margin-top: 24px;
  }

  .governance h4,
  .rmanage h4 {
    margin-top: 0;
    text-align: center;
    font-size: 33px;
    line-height: 60px;
    margin-bottom: 30px;
  }

  .governance p,
  .rmanage p {
    margin-left: 0;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    padding: 0 15px;
    margin-bottom: 50px;
  }

  .governance h4:before {
    width: 186px;
    height: 186px;
    top: 14px;
    left: -94px;
  }

  .governance h4:after {
    width: 186px;
    height: 186px;
    top: 58px;
    left: 68px;
  }

  .governance a.btn-readmore,
  .rmanage a.btn-readmore {
    margin-left: 0;
    max-width: 170px;
    margin: 0 auto;
  }

  .rmanage-image {
    margin-right: 0;
    margin-top: 50px;
  }

  .rmanage-image {
    margin-right: 0;
    margin-top: 50px;
    height: 327px;
  }

  .rmanage {
    margin-top: 40px;
  }

  .rmanage p {
    padding: 0 15px;
  }

  .rmanage h4:after {
    width: 186px;
    height: 186px;
    top: 61px;
    left: 347px;
    z-index: -1;
  }

  .rmanage h4:before {
    width: 186px;
    height: 186px;
    top: 0;
    left: 115px;
  }

  section.s17 {
    background: none !important;
    height: auto;
    padding-bottom: 30px;
  }

  .supplementary-content {
    padding-top: 30px;
  }

  .supplementary-content h4 {
    text-align: center;
    font-size: 33px;
    line-height: 46px;
    margin-bottom: 20px;
  }

  .supplementary-content p {
    font-size: 14px;
    line-height: 25px;
  }

  .btn-report {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 2px;
    width: 279px;
    height: 43px;
    padding: 20px 18px;
    margin: 0 auto;
    display: block;
  }

  .s18 h4 {
    text-align: center;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 14px;
  }

  .s18 p {
    font-size: 14px;
    line-height: 26px;
  }

  .s18 h4 br {
    display: none;
  }

  section.s18 {
    padding-top: 30px;
  }

  a.btn-investor {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
  }

  .fcol2 {
    margin-top: 50px;
  }

  .s18 h4 br {
    display: none;
  }

  .btn-report {
    width: 100%;
  }

  .supplementary-content .btn-report {
    width: 280px;
    margin-top: 30px;
  }

  .footer-col1 img {
    max-width: 114px;
  }

  .footer-col1 p {
    max-width: 100%;
    margin: 0 auto;
    font-size: 12px;
    line-height: 22px;
  }

  #backtop {
    bottom: 76px;
    right: 11px;
  }

  section.s2 .container:after {
    display: none;
  }

  .values-wrap {
    left: 163px;
  }

  .bestcomm-video {
    margin-top: 5px;
  }

  .annu-report-imgwrap {
    margin-top: 130px;
    padding-bottom: 92px;
  }

  section.s9 {
    padding-top: 28px;
    padding-bottom: 20px;
  }

  .performance-col2 {
    background-position: center;
    background-repeat: no-repeat;
  }

  .performance-col2 {
    height: 400px;
  }

  .sus-point-line.mobile img {
    height: 870px;
  }

  .s13,
  .s17 {
    scroll-margin: 100px;
  }

  .stakeholder .s-title {
    margin-top: 0;
  }

  a.logo {
    top: -10px;
  }

  .fcol2 {
    margin-left: 0;
  }

  .annual-reports {
    padding-bottom: 41px;
  }

  span.sus-line2 {
    left: -131px;
    top: 14px;
  }

  .chairman {
    font-size: 20px;
  }

  span.ceo {
    font-size: 20px;
  }

  .plc-text {
    margin-top: 30px;
  }

  .plc-vision {
    margin-top: 185px;
  }

  .bc-wrap .subsymbol {
    font-size: 36px;
  }

  a.btn-readmore-line.bt1.nm {
    width: auto;
    display: inline-block;
    text-align: center;
    margin: 0;
  }

  .banner-wrap {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column-reverse;
  }

  .maininner {
    position: relative;
  }

  a.btn-fstatement.gap2 {
    display: block;
    max-width: 292px;
    width: 100%;
    margin: 15px auto 0 auto;
}
}

@media only screen and (max-width: 393px) {
  .plc-vision-content p {
    font-size: 13px;
    line-height: 24px;
    width: 75%;
    left: 32px;
    top: -27px;
  }

  .values-wrap p {
    margin-left: -110px;
    margin-top: 0;
  }

  .ar-wrap2 {
    width: 295px;
  }
}

@media only screen and (max-width: 390px) {
  .batsman {
    top: 84px;
    left: 163px;
  }

  .batsman img {
    max-width: 56%;
  }

  img.thewicket {
    top: 258px;
    left: 82px;
    max-width: 73%;
  }

  .plc-vision-content {
    top: -194px;
    left: 153px;
  }

  .values-wrap {
    left: 120px;
  }

  .award-points2 {
    top: 211px;
    left: 200px;
  }

  .ar-wrap3 {
    left: 535px;
    z-index: 1;
  }

  .values-wrap p {
    margin-left: -65px;
    margin-top: 0;
  }

  .pw.pointer3 {
    left: 125px;
    top: 320px;
  }

  .pw.pointer1 {
    top: 265px;
    left: 0%;
  }

  .pointer2 {
    top: 163px;
    left: 34%;
  }

  .ar-wrap2 {
    width: 285px;
  }
}