@media screen and (min-width: 0px) and (max-width: 374px) {
  table.graph {
    zoom: 0.65 !important; }

  article.report-annual div.pdf-list-2 div.col-two {
    width: 100%;
    display: block;
    float: left;
    text-align: left; } }
@media screen and (min-width: 0px) and (max-width: 424px) {
  section, header, footer {
    margin: 0px 10px; }

  div.csr {
    width: 100%; }

  table.graph {
    zoom: 0.75; }

  /*table.graph-2 tr th:nth-child(n+3) , table.graph-2 tr td:nth-child(n+3) { display: none; }*/
  article.report-annual .col-three {
    width: 100%;
    padding: 10px;
    text-align: center; }
    article.report-annual .col-three p.title::after {
      left: 0px;
      right: 0px;
      margin-left: auto;
      margin-right: auto; }

  article.report-annual select {
    width: 127px !important; }

  article.report-annual div.pdf-list-2 img {
    max-width: 61px; }
  article.report-annual div.pdf-list-2 div.titledate {
    margin-left: 75px !important; }
    article.report-annual div.pdf-list-2 div.titledate p.title {
      margin: 0px 0px 15px 0px !important; }

  section.release {
    padding-bottom: 0px !important; }
    section.release article div.related-news {
      margin-bottom: 0px; }
      section.release article div.related-news div.col-two:last-child a.read-more {
        left: 0px; } }
@media screen and (min-width: 0px) and (max-width: 560px) {
  article.report-annual select {
    width: 127px !important; }

  article.report-annual div.pdf-list-2 {
    padding: 0px 0px 44px 0px !important; } }
@media screen and (min-width: 0px) and (max-width: 768px) {
  section.news div.trigger-anim {
    bottom: 70%; }

  div.popup-image {
    position: fixed;
    overflow: scroll;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10; }
    div.popup-image span.close {
      position: fixed;
      top: 20px;
      right: 20px;
      width: 25px;
      height: 25px;
      background-size: 100%;
      background-image: url("../img/material/close-white.png"); }
    div.popup-image img {
      max-width: 550px;
      margin-top: 100px; } }
@media screen and (min-width: 0px) and (max-width: 767px) {
  body {
    background: #fff; }

  .wrapper {
    width: 100%; }

  header {
    min-height: 60px; }

  header .fl img.logo {
    width: 50px;
    padding: 7px 0px; }

  span.hamburger {
    display: block; }

  h4.hasicon {
    font-size: 24px !important;
    padding-top: 3px; }

  h4.hasicon-2 {
    font-size: 24px !important;
    padding-top: 3px; }

  h4.hasborder {
    font-size: 24px !important;
    margin-top: 0px; }

  div.majority-content {
    width: 100%;
    float: left;
    display: block;
    margin-left: 0px !important; }

  div.list-item h5 {
    font-size: 20px !important;
    line-height: 18px; }

  div.list-item b.name {
    margin-bottom: 10px; }

  div.responsive-table {
    overflow: scroll; }

  table.divident tr th, table.divident tr td {
    padding: 15px 2px !important;
    font-size: 11px !important; }
  table.divident tr td:nth-child(2), table.divident tr td:nth-child(3), table.divident tr th:nth-child(2), table.divident tr th:nth-child(3) {
    display: none; }

  .menu-container {
    position: absolute;
    top: 70px;
    background-color: #333;
    background-image: url("../img/material/bg-menu-mobile.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
    z-index: 11;
    color: #fff;
    width: 100%;
    padding-bottom: 70px;
    display: none; }
    .menu-container div.top {
      width: 100%;
      max-width: 400px;
      margin: 0px auto; }
      .menu-container div.top ul.inline {
        width: 90%;
        margin: 20px auto;
        position: relative;
        overflow: auto;
        padding: 27px 0px; }
        .menu-container div.top ul.inline::before {
          position: absolute;
          top: 0px;
          content: '';
          width: 22px;
          height: 1px;
          background: #434343;
          left: 0px;
          right: 0px;
          margin-left: auto;
          margin-right: auto; }
        .menu-container div.top ul.inline::after {
          position: absolute;
          top: 60px;
          content: '';
          width: 22px;
          height: 1px;
          background: #434343;
          left: 0px;
          right: 0px;
          margin-left: auto;
          margin-right: auto; }
        .menu-container div.top ul.inline li {
          width: 33.3%;
          float: left;
          text-align: center;
          position: static; }
          .menu-container div.top ul.inline li a {
            width: 100%;
            display: block;
            padding: 0px;
            color: #fff; }
          .menu-container div.top ul.inline li.language {
            width: 50%;
            float: left;
            margin-top: 57px;
            position: relative; }
            .menu-container div.top ul.inline li.language .flag-id {
              right: inherit;
              left: 20px; }
            .menu-container div.top ul.inline li.language .flag-en {
              right: 2px; }
          .menu-container div.top ul.inline li.search-container {
            margin-top: 50px;
            width: 100%; }
          .menu-container div.top ul.inline li::after {
            display: none; }
    .menu-container div.bottom {
      float: left;
      width: 100%; }
      .menu-container div.bottom ul li {
        text-align: center;
        width: 100%; }
        .menu-container div.bottom ul li a {
          display: block;
          color: #fff;
          font-size: 16px;
          padding: 0px !important;
          margin-bottom: 22px; }

  section.slider .content h2 {
    font-size: 20px; }
  section.slider .content a {
    font-size: 14px;
    padding: 15px 23px; }
  section.slider ul.bxslider li {
    height: 464px !important;
    background-size: cover;
    background-position: center center; }
  section.slider .bx-wrapper .bx-controls-direction a {
    width: 28px;
    height: 28px; }
  section.slider .bx-wrapper .bx-prev {
    background-size: 35px;
    cursor: pointer; }
  section.slider .bx-wrapper .bx-next {
    right: 10px;
    background: url(../img/material/arrow-vertical.png) no-repeat 0 -23px;
    background-size: 35px;
    cursor: pointer; }
  section.slider .bx-wrapper .bx-pager.bx-default-pager a {
    width: 35px;
    height: 4px; }

  section.about {
    padding: 38px 0px; }
    section.about .basket {
      width: 100%;
      text-align: right; }
      section.about .basket img.bg {
        max-width: 80%;
        margin-right: 5%; }
      section.about .basket img.img-basket {
        top: -37%;
        left: 0%;
        width: 60%; }
    section.about .about-content {
      width: 100%; }
      section.about .about-content h1 {
        font-size: 18px;
        margin-top: 56px;
        margin-bottom: 35px; }
        section.about .about-content h1::after {
          width: 64px;
          height: 5px;
          top: 113px;
          left: 5px; }
      section.about .about-content p {
        font-size: 14px; }
      section.about .about-content ul li {
        margin-bottom: 15px; }
        section.about .about-content ul li a {
          font-size: 14px; }

  section.projects {
    overflow: hidden; }
    section.projects #sliderProjects .item {
      margin: 0px; }
      section.projects #sliderProjects .item .content h4 {
        font-size: 22px;
        margin-bottom: 25px; }
      section.projects #sliderProjects .item .content a {
        font-size: 12px;
        padding: 10px; }
    section.projects #sliderProjects .owl-item {
      height: 308px; }
    section.projects #sliderProjects .owl-controls .owl-prev {
      width: 28px;
      height: 28px;
      background: url(../img/material/arrow-vertical.png) no-repeat 0 0px;
      background-size: 35px;
      left: -8px;
      top: 4px; }
    section.projects #sliderProjects .owl-controls .owl-next {
      width: 28px;
      height: 28px;
      float: right;
      background: url(../img/material/arrow-vertical.png) no-repeat 0 -23px;
      background-size: 35px;
      position: absolute;
      right: -4px; }

  section.news .wrapper {
    padding: 0px 20px; }
  section.news .half {
    width: 100%;
    margin-bottom: 51px; }
    section.news .half:first-child div {
      margin-right: 0px; }
    section.news .half:last-child::before {
      display: none; }
    section.news .half:last-child div {
      margin-left: 0px; }
    section.news .half div.news-content .image {
      max-width: 73px; }
    section.news .half div.title-container {
      margin-left: 85px; }
      section.news .half div.title-container p.title {
        font-size: 16px;
        margin-top: -5px; }
      section.news .half div.title-container p.description {
        font-size: 14px; }

  section.map {
    padding: 0px;
    height: 550px;
    background-size: auto 100%; }
    section.map h4 {
      font-size: 22px; }
      section.map h4::after {
        width: 80px;
        top: 112px; }
    section.map p.desc {
      margin: 34px auto 23px;
      font-size: 14px;
      width: 90%;
      line-height: 24px; }

  section.company {
    padding-bottom: 10px; }
    section.company p.as-per {
      padding-top: 25px; }
    section.company .three {
      width: 100%;
      margin-bottom: 56px; }
      section.company .three .rate {
        min-height: 50px; }
      section.company .three .rate::after {
        display: none; }
      section.company .three div {
        margin-left: 0px; }
      section.company .three div.company-content div.image {
        max-width: 109px;
        margin-top: 66px; }
      section.company .three div.company-content p.title {
        padding-top: 120px; }
      section.company .three div.company-content p {
        margin-left: 120px; }
      section.company .three div.company-content a {
        margin-left: 10px; }
      section.company .three:not(:first-child)::after {
        display: none; }
      section.company .three:first-child div {
        margin-right: 0px; }
      section.company .three:first-child .rate::after {
        display: block; }
      section.company .three:first-child::after {
        width: 192px;
        height: 1px;
        top: inherit;
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        bottom: -20px; }
    section.company div.rate {
      margin-left: 0px !important;
      padding-right: 51px; }
      section.company div.rate::before {
        left: 0px; }
      section.company div.rate p.number, section.company div.rate p.rate {
        margin-left: 51px; }

  section.banner div.banner-bg h1 {
    font-size: 24px;
    margin-top: 9%;
    margin-left: 7%; }
    section.banner div.banner-bg h1::before {
      width: 50px;
      height: 3px;
      left: -3%;
      top: -8px; }

  section.career table.career tr th {
    font-size: 16px; }
  section.career table.career tr th:nth-child(n+3), section.career table.career tr td:nth-child(n+3) {
    display: none; }
  section.career table.career tr th span {
    right: 10px; }
  section.career div.career-detail div.qualification-top div {
    width: 100%; }
    section.career div.career-detail div.qualification-top div.col-left {
      margin-bottom: 25px; }
  section.career div.career-detail div.qualification-top div.col-right .left {
    margin-top: 30px;
    overflow: auto;
    display: block;
    text-align: center; }
  section.career div.career-detail div.qualification-top div.col-right .right {
    display: none; }
  section.career div.career-detail div.qualification-bottom, section.career div.career-detail div.qualfication-bottom {
    width: 100%;
    padding: 0px 10px; }
    section.career div.career-detail div.qualification-bottom div.form, section.career div.career-detail div.qualfication-bottom div.form {
      padding: 0px 0px 10px 0px; }
    section.career div.career-detail div.qualification-bottom div.col-two, section.career div.career-detail div.qualfication-bottom div.col-two {
      width: 100%; }

  section.career-app label {
    margin-top: 20px;
    margin-bottom: 10px; }

  section.contact {
    padding-bottom: 20px; }
    section.contact div.left, section.contact div.right {
      width: 100%;
      clear: both;
      float: left;
      margin-bottom: 20px; }
    section.contact div.left {
      height: 137px; }
    section.contact div.contact-detail div.four {
      width: 100%;
      min-height: auto; }

  section.sidebar-layout {
    padding-bottom: 78px; }
    section.sidebar-layout div.breadcrumb ul {
      padding: 0px 10px; }
      section.sidebar-layout div.breadcrumb ul li a {
        font-size: 11px;
        padding: 0px 8px; }
    section.sidebar-layout aside {
      width: 100%;
      box-sizing: border-box;
      padding: 0px 10px 0px 10px;
      margin-bottom: 54px;
      position: relative; }
      section.sidebar-layout aside h5 {
        font-size: 18px; }
      section.sidebar-layout aside ul:not(.recent) li {
        font-size: 16px; }
        section.sidebar-layout aside ul:not(.recent) li.active::before, section.sidebar-layout aside ul:not(.recent) li:hover::before {
          width: 6px;
          height: 40px;
          top: 4px; }
      section.sidebar-layout aside div.recent-news ul li a {
        font-size: 14px; }
      section.sidebar-layout aside div.address {
        display: none; }
    section.sidebar-layout article {
      padding: 0px 10px;
      max-width: 100%;
      min-width: 0px;
      clear: both;
      margin-left: 0px; }
      section.sidebar-layout article h2.title {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 24px; }
      section.sidebar-layout article h4 {
        font-size: 18px; }
      section.sidebar-layout article .bx-wrapper {
        margin: 0 auto 32px; }
      section.sidebar-layout article p, section.sidebar-layout article ul li {
        font-size: 14px; }
      section.sidebar-layout article ul li::before {
        top: 9px; }
      section.sidebar-layout article div.search {
        text-align: left; }
        section.sidebar-layout article div.search input {
          margin-left: 0px; }
      section.sidebar-layout article.product div.col-three {
        width: 100%; }
      section.sidebar-layout article.prod_det .thumb {
        width: 100%;
        overflow: scroll; }
        section.sidebar-layout article.prod_det .thumb .list {
          width: 25%;
          float: left;
          padding: 2px; }
          section.sidebar-layout article.prod_det .thumb .list span {
            font-size: 10px !important;
            padding: 0px 7px !important; }
      section.sidebar-layout article.prod_det div.box-product .col-three {
        width: 100%; }
      section.sidebar-layout article.gms-announcement {
        padding-right: 0px; }
      section.sidebar-layout article div.search div.padding-no-span {
        float: left; }
      section.sidebar-layout article ul.mixed-slider li {
        height: 154px;
        background-size: 100%; }
        section.sidebar-layout article ul.mixed-slider li iframe {
          width: 100%;
          height: 154px; }
      section.sidebar-layout article div.vision {
        margin-top: 0px;
        width: 100%;
        padding-bottom: 30px; }
        section.sidebar-layout article div.vision h4 {
          margin-top: 0px;
          font-size: 18px !important; }
        section.sidebar-layout article div.vision p {
          font-size: 12px;
          line-height: 20px;
          padding-top: 18px; }
        section.sidebar-layout article div.vision img.vision {
          position: relative;
          top: 0px;
          margin: 0px; }
      section.sidebar-layout article div.mission {
        margin-top: 0px; }
        section.sidebar-layout article div.mission div.col-three {
          margin-top: 0px;
          width: 100%; }
          section.sidebar-layout article div.mission div.col-three img {
            width: 80px; }
          section.sidebar-layout article div.mission div.col-three p {
            font-size: 14px;
            width: 70%;
            margin: 0px auto; }
      section.sidebar-layout article div.history-container div.history-list p.year {
        font-size: 24px; }
      section.sidebar-layout article div.box {
        display: block; }
      section.sidebar-layout article div.corporate-board {
        width: 100%;
        padding-right: 0px; }
        section.sidebar-layout article div.corporate-board img {
          width: 100%; }
        section.sidebar-layout article div.corporate-board div.title-container {
          min-height: 70px;
          padding: 30px 0px !important;
          bottom: -30px; }
          section.sidebar-layout article div.corporate-board div.title-container p.title {
            font-size: 16px;
            line-height: 16px; }
          section.sidebar-layout article div.corporate-board div.title-container p.role {
            font-size: 12px !important;
            line-height: 10px; }
        section.sidebar-layout article div.corporate-board div.desc-container {
          right: 0px; }
          section.sidebar-layout article div.corporate-board div.desc-container p {
            font-size: 20px;
            margin-bottom: 19px;
            line-height: 24px; }
          section.sidebar-layout article div.corporate-board div.desc-container a {
            font-size: 18px; }
      section.sidebar-layout article div.corporate-board-detail div.image {
        width: 100%; }
        section.sidebar-layout article div.corporate-board-detail div.image img {
          width: 100%; }
      section.sidebar-layout article div.corporate-board-detail div.content {
        clear: both;
        width: 100%;
        padding-top: 20px;
        margin-left: 0px; }
      section.sidebar-layout article div.release-container p.title {
        font-size: 20px;
        line-height: 24px; }
      section.sidebar-layout article div.related-news .col-two {
        width: 100%;
        margin-bottom: 60px;
        padding-right: 0px !important; }
        section.sidebar-layout article div.related-news .col-two:last-child {
          padding-left: 0px !important; }
      section.sidebar-layout article div.content-left {
        padding-right: 0px;
        padding-top: 300px; }
      section.sidebar-layout article div.content-pdf {
        text-align: center;
        margin: 0 auto;
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto; }
        section.sidebar-layout article div.content-pdf img {
          width: 122px; }
        section.sidebar-layout article div.content-pdf p.title {
          font-size: 14px;
          margin: 15px 0px; }
          section.sidebar-layout article div.content-pdf p.title::after {
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto; }
        section.sidebar-layout article div.content-pdf a.download {
          font-size: 14px; }

  footer div.company-title {
    padding-top: 10px;
    display: block; }
    footer div.company-title p.company-name {
      font-size: 12px; }
  footer div.company-contact ul.socmed {
    text-align: center;
    padding: 26px 0px;
    margin-bottom: 0px; }
  footer div.company-contact p {
    text-align: center;
    font-size: 11px;
    line-height: 20px; }
  footer ul.menu-footer {
    text-align: center;
    width: 100%;
    margin: 0px auto; }
    footer ul.menu-footer li:nth-child(3) a {
      padding-left: 0px !important; } }
@media screen and (min-width: 425px) and (max-width: 767px) {
  div.csr {
    width: 50%; }

  table.graph-2 tr th:nth-child(n+4), table.graph-2 tr td:nth-child(n+4) {
    display: none; }

  article.report-annual .col-three {
    width: 50%;
    padding: 10px; }

  section, header, footer {
    margin: 0px 20px; }

  table.divident tr th, table.divident tr td {
    padding: 15px 2px !important;
    font-size: 13px !important; }
  table.divident tr td:nth-child(2), table.divident tr td:nth-child(3), table.divident tr th:nth-child(2), table.divident tr th:nth-child(3) {
    display: none; }

  div.qualification-top div.col-left, div.qualification-top div.col-center {
    width: 50% !important; } }

/*# sourceMappingURL=style-mobile.css.map */