@media (min-width: 1920px) and (max-width: 2560px) {



}

@media (min-width: 1600px) and (max-width: 1919px) {



}


@media  screen and (max-width: 1440px) {
  .container-1360-wrp {width: 1300px;}
  a.common-cta-white {    padding: 12px 20px;}



}

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




}

/* ipad air landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape){

  .container-1360-wrp { width: 100%; }
  #banner { text-align: center; padding-top: 130px; height: auto; padding-bottom: 30px; }
  #banner .bannerleft h2 {font-size: 60px;line-height: 58px; font-weight: inherit; }
  #About {padding-top: 30px;padding-bottom: 30px;}
  #About p {
  padding: 10px; margin-top:10px;
  }

  #EShighlights {padding-top: 40px;padding-bottom: 40px;}
  .bigTitle { font-size: 40px; line-height: 45px; }
  .mb50 {
  margin-bottom: 20px !important;
  }

  .infonosBox h2 { font-size: 36px; line-height: 42px; }

  #chairman .chairmanright {
  padding: 20px;
  }

  #Enviroment .swiper-banners,#social .swiper-banners2,#Governance .swiper-banners3 { display: none; }
  #otherAdd { padding-top: 20px; padding-bottom: 20px;  }
  .mobile-img { width: 100%; }
  #otherAdd .common-cta-blue { margin-bottom: 30px; }
  #downloadCenter {padding-top: 0px;}

  #Enviroment,#social,#Governance{ height: auto; margin-bottom: 30px; }
  #Enviroment .EnviromentLeft,#social .SocialtLeft,#Governance .GovernancetLeft { width: 100%; margin-top: 200px; }
  #Enviroment .swiper-slide.slide1,#social .swiper-slide.slide1,#Governance .swiper-slide.slide1 {background-position: center top;background-size: 1100px;}

  #mobile-en,#mobile-social,#mobile-gover { display: block; }
  #Enviroment .swiper-slide,#social .swiper-slide,#Governance .swiper-slide { display: block; background-color: transparent; }

  #Enviroment .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #e4e4e4;
  }
  #Enviroment .swiper-pagination-bullet-active::after {width: 12px;height: 12px; border-radius: 100px; background-color: #017dc3; background-image: none;}


  #social .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #e4e4e4;
  }
  #social .swiper-pagination-bullet-active::after {width: 12px;height: 12px; border-radius: 100px; background-color: #017dc3; background-image: none;}

  #Governance .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #e4e4e4;
  }
  #Governance .swiper-pagination-bullet-active::after {width: 12px;height: 12px; border-radius: 100px; background-color: #017dc3; background-image: none;}


}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {


  .container-1360-wrp { width: 100%; }
  #banner { text-align: center; padding-top: 130px; height: auto; padding-bottom: 30px; }
  #banner .bannerleft h2 {font-size: 60px;line-height: 58px; font-weight: inherit; }
  #About {padding-top: 30px;padding-bottom: 30px;}
  #About p {
  padding: 10px; margin-top:10px;
  }

  #EShighlights {padding-top: 40px;padding-bottom: 40px;}
  .bigTitle { font-size: 40px; line-height: 45px; }
  .mb50 {
  margin-bottom: 20px !important;
  }

  .infonosBox h2 { font-size: 36px; line-height: 42px; }

  #chairman .chairmanright {
  padding: 20px;
  }

  #Enviroment .swiper-banners,#social .swiper-banners2,#Governance .swiper-banners3 { display: none; }
  #otherAdd { padding-top: 20px; padding-bottom: 20px;  }
  .mobile-img { width: 100%; }
  #otherAdd .common-cta-blue { margin-bottom: 30px; }
  #downloadCenter {padding-top: 0px;}

  #Enviroment,#social,#Governance{ height: auto; margin-bottom: 30px; }
  #Enviroment .EnviromentLeft,#social .SocialtLeft,#Governance .GovernancetLeft { width: 100%; margin-top: 200px; }
  #Enviroment .swiper-slide.slide1,#social .swiper-slide.slide1,#Governance .swiper-slide.slide1 {background-position: center top;background-size: 1100px;}

  #mobile-en,#mobile-social,#mobile-gover { display: block; }
  #Enviroment .swiper-slide,#social .swiper-slide,#Governance .swiper-slide { display: block; background-color: transparent; }

  #Enviroment .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #e4e4e4;
  }
  #Enviroment .swiper-pagination-bullet-active::after {width: 12px;height: 12px; border-radius: 100px; background-color: #017dc3; background-image: none;}


  #social .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #e4e4e4;
  }
  #social .swiper-pagination-bullet-active::after {width: 12px;height: 12px; border-radius: 100px; background-color: #017dc3; background-image: none;}

  #Governance .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #e4e4e4;
  }
  #Governance .swiper-pagination-bullet-active::after {width: 12px;height: 12px; border-radius: 100px; background-color: #017dc3; background-image: none;}
  #banner .rightEsg {
    position: absolute;
    right: 50px;
    bottom: 50px;
}

}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {


  .container-1360-wrp { width: 100%; }
  #banner { text-align: center; padding-top: 130px; height: auto; padding-bottom: 30px; }
  #banner .bannerleft h2 {font-size: 60px;line-height: 58px; font-weight: inherit; }
  #About {padding-top: 30px;padding-bottom: 30px;}
  #About p {
  padding: 10px; margin-top:10px;
  }

  #EShighlights {padding-top: 40px;padding-bottom: 40px;}
  .bigTitle { font-size: 40px; line-height: 45px; }
  .mb50 {
  margin-bottom: 20px !important;
  }

  .infonosBox h2 { font-size: 36px; line-height: 42px; }

  #chairman .chairmanright {
  padding: 20px;
  }

  #Enviroment .swiper-banners,#social .swiper-banners2,#Governance .swiper-banners3 { display: none; }
  #otherAdd { padding-top: 20px; padding-bottom: 20px;  }
  .mobile-img { width: 100%; }
  #otherAdd .common-cta-blue { margin-bottom: 30px; }
  #downloadCenter {padding-top: 0px;}

  #Enviroment,#social,#Governance{ height: auto; margin-bottom: 30px; }
  #Enviroment .EnviromentLeft,#social .SocialtLeft,#Governance .GovernancetLeft { width: 100%; margin-top: 200px; }
  #Enviroment .swiper-slide.slide1,#social .swiper-slide.slide1,#Governance .swiper-slide.slide1 {background-position: center top;background-size: 850px;}

  #mobile-en,#mobile-social,#mobile-gover { display: block; }
  #Enviroment .swiper-slide,#social .swiper-slide,#Governance .swiper-slide { display: block; background-color: transparent; }

  #Enviroment .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #e4e4e4;
  }
  #Enviroment .swiper-pagination-bullet-active::after {width: 12px;height: 12px; border-radius: 100px; background-color: #017dc3; background-image: none;}


  #social .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #e4e4e4;
  }
  #social .swiper-pagination-bullet-active::after {width: 12px;height: 12px; border-radius: 100px; background-color: #017dc3; background-image: none;}

  #Governance .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #e4e4e4;
  }
  #Governance .swiper-pagination-bullet-active::after {width: 12px;height: 12px; border-radius: 100px; background-color: #017dc3; background-image: none;}

  #banner .rightEsg {
    position: relative;
    right: 0px;
    bottom: 0;
    margin-top: 20px;
  }

}


/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {

.container-1360-wrp { width: 100%; }
#banner { text-align: center; padding-top: 130px; height: auto; padding-bottom: 30px; }
#banner .bannerleft h2 {font-size: 60px;line-height: 58px; font-weight: inherit; }
#About {padding-top: 30px;padding-bottom: 30px;}
#About p {
padding: 10px; margin-top:10px;
}

#EShighlights {padding-top: 40px;padding-bottom: 40px;}
.bigTitle { font-size: 40px; line-height: 45px; }
.mb50 {
margin-bottom: 20px !important;
}

.infonosBox h2 { font-size: 36px; line-height: 42px; }

#chairman .chairmanright {
padding: 20px;
}

#Enviroment .swiper-banners,#social .swiper-banners2,#Governance .swiper-banners3 { display: none; }
#otherAdd { padding-top: 20px; padding-bottom: 20px;  }
.mobile-img { width: 100%; }
#otherAdd .common-cta-blue { margin-bottom: 30px; }
#downloadCenter {padding-top: 0px;}

#Enviroment,#social,#Governance{ height: auto; margin-bottom: 30px; }
#Enviroment .EnviromentLeft,#social .SocialtLeft,#Governance .GovernancetLeft { width: 100%; margin-top: 200px; }
#Enviroment .swiper-slide.slide1,#social .swiper-slide.slide1,#Governance .swiper-slide.slide1 {background-position: center top;background-size: 850px;}

#mobile-en,#mobile-social,#mobile-gover { display: block; }
#Enviroment .swiper-slide,#social .swiper-slide,#Governance .swiper-slide { display: block; background-color: transparent; }

#Enviroment .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #e4e4e4;
}
#Enviroment .swiper-pagination-bullet-active::after {width: 12px;height: 12px; border-radius: 100px; background-color: #017dc3; background-image: none;}


#social .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #e4e4e4;
}
#social .swiper-pagination-bullet-active::after {width: 12px;height: 12px; border-radius: 100px; background-color: #017dc3; background-image: none;}

#Governance .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #e4e4e4;
}
#Governance .swiper-pagination-bullet-active::after {width: 12px;height: 12px; border-radius: 100px; background-color: #017dc3; background-image: none;}

#banner .rightEsg {
  position: relative;
  right: 0px;
  bottom: 0;
  margin-top: 20px;
}

#Enviroment .EnviromentLeft,#social .SocialtLeft,#Governance .GovernancetLeft,#otherAdd .AdditionalBox {padding: 20px;}

#Enviroment .swiper-slide.slide1 {background-image: url(../images/mobilebanner1.jpg);}
#social .swiper-slide.slide1 {background-image: url(../images/mobilebanner2.jpg);}
#Governance .swiper-slide.slide1 {background-image: url(../images/mobilebanner3.jpg);}

}