@media screen and (min-width: 1px) and (max-width: 1019px) {
  div.trigger-anim {
    bottom: 60%; } }
@media screen and (min-width: 768px) and (max-width: 1019px) {
  body {
    background: #fff; }

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

  .wrapper {
    width: 85%; }

  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; }

  header {
    min-height: 100px; }
    header .wrapper {
      width: 100%;
      padding-bottom: 28px; }
    header .fl {
      position: absolute;
      left: 23px;
      top: 20px; }
      header .fl img.logo {
        width: 80px;
        margin-top: -5px; }
    header .bottom > ul li a {
      font-size: 12px !important;
      padding: 0px 30px !important; }
      header .bottom > ul li a:last-child {
        padding: 0px 0px 0px 30px !important; }

  section.about {
    padding: 57px 0px; }
    section.about div.wrapper {
      width: 95%; }
    section.about div.basket img.bg {
      width: 80%;
      margin-left: 20px; }
    section.about div.basket img.img-basket {
      width: 65%;
      top: -44%;
      left: -11%; }
    section.about div.about-content h1 {
      margin-top: 0px;
      font-size: 24px;
      margin-bottom: 41px; }
      section.about div.about-content h1::after {
        width: 75px;
        height: 6px;
        top: 76px; }
    section.about div.about-content p {
      font-size: 14px;
      line-height: 24px; }
    section.about div.about-content ul li a {
      font-size: 14px;
      padding-left: 5px;
      padding-right: 25px; }
    section.about div.about-content ul li span.arrow-orange {
      right: 2px; }

  section.projects #sliderProjects .owl-item {
    height: 447px; }
    section.projects #sliderProjects .owl-item h4 {
      font-size: 30px !important;
      width: 100% !important;
      margin-bottom: 33px !important; }
    section.projects #sliderProjects .owl-item a {
      font-size: 14px !important;
      padding: 16px 21px !important; }

  section.news {
    padding-bottom: 0px;
    background-size: 400px; }
    section.news .half {
      width: 100%; }
      section.news .half .top {
        margin-right: 0px !important; }
      section.news .half .news-content {
        width: 50%;
        margin-right: 0px !important;
        margin-top: 33px;
        float: left;
        min-height: 330px;
        /*&:nth-child(3) { display: none; }*/ }
        section.news .half .news-content img {
          width: 82px; }
        section.news .half .news-content .title-container {
          margin-left: 94px;
          margin-right: 20px;
          margin-top: -7px; }
          section.news .half .news-content .title-container p.title {
            font-size: 16px; }
          section.news .half .news-content .title-container p.description {
            font-size: 14px; }
      section.news .half:first-child::after {
        position: absolute;
        bottom: 50px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
        width: 280px;
        height: 1px;
        background: #d7d7d7;
        content: ""; }
      section.news .half:last-child::before {
        display: none !important; }
      section.news .half:last-child div {
        margin-left: 0px !important; }
      section.news .half:last-child .news-content {
        width: 50%;
        margin-right: 0px !important;
        margin-top: 33px;
        float: left;
        min-height: 330px;
        /*&:nth-child(3) { display: none; }*/ }
        section.news .half:last-child .news-content img {
          width: 82px; }
        section.news .half:last-child .news-content .title-container {
          margin-left: 94px !important;
          margin-right: 20px;
          margin-top: -7px; }
          section.news .half:last-child .news-content .title-container p.title {
            font-size: 16px; }

  section.company {
    padding-bottom: 69px; }
    section.company div.three {
      width: 50%; }
      section.company div.three:first-child {
        width: 100% !important;
        margin-bottom: 40px; }
        section.company div.three:first-child .shareprice-content {
          width: 50%; }
        section.company div.three:first-child .shareprice-container::after {
          display: block; }
        section.company div.three:first-child::after {
          display: none; }
      section.company div.three:nth-child(2) {
        padding-right: 30px; }
      section.company div.three:nth-child(3) {
        padding-left: 30px; }
      section.company div.three h5 {
        font-size: 20px; }
      section.company div.three .company-content {
        margin-left: 0px; }
      section.company div.three div.top {
        margin-right: 0px !important;
        margin-left: 0px; }
      section.company div.three div {
        margin-left: 0px; }
      section.company div.three .shareprice-container::after {
        display: none; }
      section.company div.three::after {
        display: none; }
    section.company .shareprice-container {
      width: 100%;
      position: relative; }
      section.company .shareprice-container::after {
        content: "";
        position: absolute;
        bottom: -23px;
        width: 91%;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
        opacity: 0.2;
        height: 45px;
        background-image: url(../img/material/shadow.png);
        background-repeat: no-repeat;
        background-size: 100%; }
      section.company .shareprice-container div.rate {
        min-height: 50px; }
        section.company .shareprice-container div.rate::after {
          display: none; }
    section.company .shareprice-content {
      width: 100%;
      float: left;
      margin-right: 0px !important; }
      section.company .shareprice-content:last-child {
        padding-top: 25px !important; }

  section.release article div.release-container p.title {
    font-size: 20px;
    line-height: 24px; }

  section.banner div.banner-bg h1 {
    font-size: 40px;
    margin-top: 13.4%; }

  section.sidebar-layout .wrapper {
    width: 90%; }
  section.sidebar-layout aside {
    width: 246px; }
    section.sidebar-layout aside ul:not(.recent) li {
      font-size: 16px; }
    section.sidebar-layout aside div.address {
      font-size: 12px; }
    section.sidebar-layout aside div.recent-news ul.recent {
      width: 100%; }
      section.sidebar-layout aside div.recent-news ul.recent li {
        font-size: 14px; }
  section.sidebar-layout article {
    margin-left: 265px;
    min-width: 300px;
    max-width: 600px;
    /*table.graph-2 {
    	tr {
    		td:nth-child(n+4) , th:nth-child(n+4){
    			display: none;
    		}
    	}
    } unmarked due to revision */ }
    section.sidebar-layout article h2.title {
      font-size: 24px;
      line-height: 30px;
      padding-bottom: 17px;
      margin-bottom: 27px; }
    section.sidebar-layout article h4 {
      font-size: 18px;
      margin-bottom: 22px; }
    section.sidebar-layout article p {
      font-size: 14px; }
    section.sidebar-layout article ul li {
      font-size: 14px; }
    section.sidebar-layout article .thumb {
      float: left !important; }
    section.sidebar-layout article ul.mixed-slider li {
      height: 154px;
      background-size: 100% !important; }
      section.sidebar-layout article ul.mixed-slider li iframe {
        width: 100%;
        height: 154px; }
    section.sidebar-layout article div.vision {
      margin-top: 0px; }
      section.sidebar-layout article div.vision p {
        margin-top: 0px;
        padding-top: 18px;
        font-size: 14px; }
      section.sidebar-layout article div.vision img {
        top: 239px;
        width: 40%; }
    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: 50%;
          margin: 0px auto; }
    section.sidebar-layout article div.box {
      display: block; }
    section.sidebar-layout article div.corporate-board {
      width: 50%; }
      section.sidebar-layout article div.corporate-board div.title-container {
        min-height: 70px;
        padding: 8px 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 p {
        font-size: 14px;
        margin-bottom: 19px;
        line-height: 18px; }
    section.sidebar-layout article div.corporate-board-detail div.image {
      width: 50%; }
    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.content-left {
      padding-right: 0px;
      padding-top: 300px; }
    section.sidebar-layout article div.content-pdf {
      right: inherit; }
      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 a.download {
        font-size: 14px; }
    section.sidebar-layout article div.search div.inline {
      float: left; }
      section.sidebar-layout article div.search div.inline select {
        width: 130px; }
    section.sidebar-layout article div.search div.padding-no-span {
      float: left; }
      section.sidebar-layout article div.search div.padding-no-span input {
        margin-left: 0px; }
      section.sidebar-layout article div.search div.padding-no-span span.icon-search {
        top: 43px; }
    section.sidebar-layout article div.pdf-list-2 {
      padding: 0px 0px 44px 0px !important; }
    section.sidebar-layout article div.responsive-table {
      overflow: scroll; }
    section.sidebar-layout article table.divident {
      zoom: 0.75; }
      section.sidebar-layout article table.divident tr td:nth-child(2), section.sidebar-layout article table.divident tr td:nth-child(3), section.sidebar-layout article table.divident tr th:nth-child(2), section.sidebar-layout article table.divident tr th:nth-child(3) {
        display: none; }
    section.sidebar-layout article.product div.col-three {
      width: 49.5%; }
      section.sidebar-layout article.product div.col-three .list {
        min-height: 380px; }
    section.sidebar-layout article.prod_det .product-det-img .thumb .list {
      width: 25%;
      float: left;
      padding: 3px; }
    section.sidebar-layout article.prod_det div.box-product .col-three {
      width: 50%; }
    section.sidebar-layout article.report-annual .col-three {
      width: 50%;
      padding: 10px; }

  section.investor article.gms-announcement {
    padding-right: 0px; }

  section.contact {
    padding-bottom: 0px; }
    section.contact .wrapper {
      width: 85%; }
    section.contact div.img-right, section.contact div.map {
      height: 285px; }
    section.contact div.four {
      width: 50% !important;
      min-height: 190px !important;
      margin-bottom: 30px !important; }

  section.career h4.center {
    font-size: 24px; }
  section.career table.career {
    width: 100%;
    zoom: 0.8; }
    section.career table.career th:first-child {
      min-width: 170px; }
    section.career table.career th span {
      right: 10px; }
  section.career div.qualification-top {
    font-size: 12px; }
    section.career div.qualification-top div.col-right a {
      padding: 16px 53px; }
    section.career div.qualification-top div.col-right .left {
      float: right; }
    section.career div.qualification-top div.col-right .right {
      display: none; }
  section.career div.qualfication-bottom {
    width: 100%; }
    section.career div.qualfication-bottom p, section.career div.qualfication-bottom ul li {
      font-size: 14px; }
    section.career div.qualfication-bottom ul li {
      margin-bottom: 21px; }

  footer .wrapper {
    position: relative; }
  footer div.company-contact {
    text-align: right;
    width: 100%;
    padding-top: 28px;
    text-align: left; }
  footer ul.socmed {
    position: absolute;
    right: 0;
    top: 30px; }
  footer ul.menu-footer li {
    margin-bottom: 3px !important; }
    footer ul.menu-footer li:first-child a {
      padding-left: 0px !important; }
  footer p {
    margin: 1px 0px 37px 0px; } }

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