@charset "utf-8";

/* CSS Document */

@media only screen and (max-width:1254px) {
.max-width {
    padding: 0 15px;
}
.top-content {
    padding: 10px 15px !important;
}
.activities-content {
    padding: 25px;
}
.document_download {
    width: 95%;
}
.home-new-detail {
    width: 44%;
}
.footer6 {
    padding: 30px 20px !important;
}
#cssmenu-1>ul>li>a {
    padding: 17px 19px !important;
    font-size: 18px !important;
}
#cssmenu-1>ul>li>a:lang(en) {
    padding: 17px 29px;
    font-size: 16px;
}
}

@media (max-width:1254px) and (min-width:1024px) {
.zone_data .pd-tblr-34 {
    padding: 2% 3%
}
.manager {
    width: 270px;
    margin: 0 18px 30px;
}
.manager-main {
    width: 100%;
}
.executive-directors, .non-executive-directors {
    width: 270px;
}
.highlight {
    width: 50%;
}
.block-col-new, .news-block-detail-col {
    width: 22%;
}
.top-contact {
    width: 63% !important;
}
.welcome {
    padding: 0 30px;
}
.block-weather {
    padding: 18px 15px;
}
#cssmenu-1>ul>li>a:lang(en) {
    font-size: 16px;
}
.top-contact:lang(en) {
    width: 71% !important;
}
}

@media (max-width:1024px) and (min-width:1000px) {
.top-contact {
    width: 65% !important;
}
#cssmenu-1>ul>li>a {
    padding: 17px 7px;
}
.welcome {
    padding: 0 25px;
}
.block-weather {
    padding: 18px 15px;
}
.home-new-detail {
    width: 43%;
}
.download-group-btn {
    right: 10px;
}
.f-pd-03 {
    padding: 0 15px;
}
.f-pd-1030 {
    padding: 30px 15px;
}
.top-contact:lang(en) {
    width: 73% !important;
}
#cssmenu-1>ul>li>a:lang(en) {
    font-size: 16px;
}
.document_download .btn:lang(en) {
    width: 116px;
}
}

@media only screen and (max-width:1000px) {
.desktop {
    display: none;
}
.mobile {
    display: block;
}
.m-mobile {
    position: sticky;
    z-index: 2;
    bottom: 0;
    width: 100%;
}
.mm-next:after {
    right: 30px!important;
}
.swiper-wrapper img {
    width: 100%;
}
.fix-block-home .block-home {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.m-home-content-banner {
    position: absolute;
    bottom: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: rgba(0,0,0,.7);
    padding: 0 20px 10px;
    left: 0;
    right: 0
}
.m-home-content-banner h1 {
    font-size: 26px;
    line-height: 1.1;
    padding-top: 30px
}
.m-home-content-banner p {
    padding: 10px 0 20px;
    width: 84%;
    margin: 0 auto;
    text-align: center;
    font-size: 12px
}
.top-content {
    padding: 0
}
.max-width {
    margin-top: 74px
}
.lang-mobile select {
    color: #fff;
    border: #0971CE;
    padding: 4px 5px;
    width: 43px;
    border-radius: 5px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/lang-arrow.png) 26px 11px no-repeat #0971CE;
    font-size: 13px;
}
.award .column {
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 0
}
.highlight {
    width: 47%;
    height: 100%
}
.block-col-new, .news-block-detail-col {
    width: 22%;
    height: 100%
}
.box-img {
    height: 100%
}
.block-col-new .image {
    height: 134px;
    overflow: hidden
}
.block-col-new-detail {
    height: 150px
}
.activities-img {
    max-width: 100%
}
.activities-content {
    padding: 25px
}
.footer6 {
    padding: 30px 15px 20px
}
.lang-mobile {
    position: absolute;
    right: 60px;
    padding: 0;
    top: 26px
}
.box-new-detail {
    width: 90px
}
.home-new-detail {
    width: 43%
}
.document_download .btn:lang(en) {
    width: 116px
}
.toggle-button {
    top: 20px
}
.wrapper-content .add_data, .wrapper-content .address {
    width: 100%;
    border-right: 1px solid transparent
}
}

@media only screen and (max-width:791px) {
.aword-block {
    width: 100%
}
}

@media only screen and (max-width:768px) {
body {
    background-color: #F9F9F9
}
.container, .f-pd-03, .fixtop .container {
    padding: 0
}
.btn-more {
    float: none
}
.columns {
    margin: 0
}
.f-pd-1030 {
    padding: 10px 0
}
.pd-tblr-32 {
    padding: 30px 0
}
.m-center {
    margin: 0 auto;
    text-align: center
}
.m-mobile .column {
    width: 49%;
    display: inline-block;
    vertical-align: top
}
.mm-menu .mm-listview {
    display: block!important
}
.footer6 ul.sub-menu {
    display: none;
    margin-left: 20px
}
.footer6 ul.sub-menu.active {
    display: block
}
.link {
    display: inline-block;
    width: 100%;
    position: relative
}
.bg-office .is-1, .block-toggle-img, .zone_latest {
    display: none
}
.link:before {
    content: '๏ƒ—';
    position: absolute;
    font-family: FontAwesome;
    right: 0
}
.block-col-new p, .block-col-new-detail p, .chart-position, .stock_price {
    position: relative
}
.footer6 {
    padding: 30px 20px;
    margin-bottom: 40px
}
.footer6 .mobile a {
    color: #000
}
.footer6 ul.sub-menu a {
    color: #95989A
}
.footer6 .border-right, .footer6 .column {
    border: none;
    padding: 0
}
.footer6 .column p {
    padding: 0 15px 10px
}
.pdem-75 {
    padding: .75rem
}
.title {
    margin-top: 30px
}
.stock_price {
    top: 0;
    background: #5b5c5e;
    border-radius: 0;
    color: #fff
}
.welcome {
    padding: 10px 20px
}
.line-while-h {
    border-bottom: 2px solid #fff;
    height: 1px;
    width: 100%
}
.bg-body .mg-tb-50 {
    margin: 30px 20px
}
.pd-tb-30, .pd-tblr-34 {
    padding: 30px 0
}
.m-home-content-banner .pd-tblr-34 {
    padding: 5px 0
}
.m-home-content-banner p {
    padding: 10px 0
}
.pd-content {
    padding: 0
}
.pd-content ol {
    padding-left: 20px
}
.home-new img {
    max-width: 100%
}
.new_events_desktop {
    padding: 35px 20px;
    border-radius: 0;
    height: 100%
}
.zone_featured {
    margin-top: 30px;
    max-width: 100%
}
.zone_featured img {
    width: 100%;
    height: auto
}
.document_download {
    margin-left: 0;
    margin-top: 20px;
    padding: 0;
    max-width: 100%;
    height: 100%;
    width: 100%
}
.document_download .box-1, .document_download .box-2 {
    height: 100%
}
.block-col-new-detail, .chart-position {
    height: auto
}
.document_download .btn {
    width: 120px
}
.timeline:before {
    left: 0
}
.timeline li {
    width: 100%;
    margin-top: 0;
    padding: 20px
}
.timeline li:before {
    left: 0;
    right: initial;
    width: 20px
}
.timeline li h3 {
    float: left
}
.executive-directors, .executive-directors:first-child, .non-executive-directors {
    margin: 0 auto
}
.highlight-detail {
    background: rgba(22,101,192,1)
}
.block-content-new {
    padding: 0 20px;
    background: 0 0;
    border-radius: 0
}
.block-content-new .images {
    margin-top: 30px
}
.block-toggle {
    padding: 0
}
.toggle .toggle-title .title-link {
    right: -20px
}
.toggle .toggle-title .title-name {
    width: 60%;
    padding: 0;
    word-break: break-word;
    margin: 0 20px;
    float: left
}
.fileinput, .news1 .box-new {
    width: 100%
}
.des-carrers {
    padding: 20px 0
}
.des-carrers ol {
    padding-left: 20px
}
.careers .block-toggle-img {
    display: block;
    padding-top: 30px
}
.m-table td:nth-child(1), .stock_price .is-1 {
    display: none
}
.toggle .toggle-inner {
    padding: 20px
}
.carrers .column, .carrers .columns, .wrapper-content .column, .wrapper-content .columns {
    padding: 0
}
.select {
    margin-bottom: 5px
}
.carrers .pd-tb-10, .wrapper-content .pd-tb-10 {
    padding: 10px 0 0
}
.carrers .textright {
    text-align: left
}
.document_download .box, .footer-tel {
    text-align: center
}
.fileUpload {
    float: right
}
.input-check input {
    position: relative;
    min-height: auto
}
.wrapper-content {
    padding: 30px 20px
}
.wrapper-content .add_data, .wrapper-content .address {
    width: 100%;
    border-right: none;
    padding: 0
}
.wrapper-content .address {
    margin-top: 20px
}
.footer-socail {
    width: 30%;
    float: left;
    padding: 5px 0
}
.footer-tel {
    width: 70%;
    padding: 3px 0;
    margin: 0 auto
}
.footer-tel a {
    color: #fff;
    padding: 0 10px;
    font-size: 26px
}
.footer-tel img {
    vertical-align: middle;
    margin-top: -5px
}
.bg-office .mg-lr-100 {
    margin: 0 20px
}
.bg-office .pdp-tblr-60 {
    padding: 20px
}
.chart {
    margin-top: 0
}
.activities {
    margin-bottom: 30px
}
.activities-img {
    float: inherit;
    margin: 0 auto
}
.activities-content {
    float: inherit;
    max-width: 100%
}
#weather-today {
    width: 100%
}
.block-weather {
    padding: 0 15px
}
.block-col-new, .block-col-new .image, .highlight, .news-block-detail-col {
    width: 100%;
    height: 100%
}
#tabs-swipe-demo li:nth-child(2), #tabs-swipe-demo li:nth-child(3), #tabs-swipe-demo li:nth-child(4), .aword-more, .zone_data hr {
    width: auto
}
.tabs a {
    white-space: nowrap
}
.manager, .manager-end {
    margin: 0 auto;
    display: block
}
.highlight-detail a, .tab button {
    font-size: 16px
}
.zone_breadcrumb {
    margin-bottom: 20px
}
.timeline {
    margin-left: 0
}
.award .swiper-pagination-bullets {
    bottom: 3px!important
}
.aword-block-more {
    width: 100%
}
.swiper-button-next, .swiper-button-prev {
    margin-top: 0
}
.award .swiper-button-next, .award .swiper-button-prev {
    top: 0
}
.detail h1 {
    line-height: 1.1;
    padding-top: 20px
}
.carrers {
    padding: 30px 20px
}
.carrers .mg-lr-20 {
    margin: 0
}
.toggle .toggle-title h3 {
    padding: 20px 0;
    width: 100%
}
}

@media screen and (max-width:768px) and (orientation:portrait) {
.fixtop .is-3 {
    text-align: center;
    padding: 0
}
.fix {
    height: 80px!important
}
.fix img {
    width: auto!important
}
.mp-banner {
    margin-top: 50px;
    margin-bottom: -7px
}
.toggle .toggle-title .title-link {
    bottom: 20px;
    min-width: 150px;
    margin: 15px 0 0 15px;
    float: right
}
.toggle .toggle-title .title-name {
    max-width: 100%;
    width: 88%
}
.policy .toggle .toggle-inner {
    padding: 0 20px
}
.toggle .toggle-title h3 {
    margin-bottom: 50px
}
.toggle-button {
    top: 16px
}
}

@media only screen and (max-width:320px) {
.m-home-content-banner h1 {
    padding-top: 20px;
    font-size: 24px
}
.m-home-content-banner p {
    padding: 0 0 20px
}
.tab button {
    font-size: 13px
}
.tabcontent h1, .wrapper-content h1 {
    font-size: 26px
}
.executive-directors, .manager, .non-executive-directors {
    width: 260px
}
.zone_data hr {
    margin: 20px 15px
}
.bg-office .mg-lr-100, .pd-content img {
    margin: 0
}
.title {
    margin-top: 0;
    font-size: 24px
}
.corruption .toggle .toggle-title .title-name {
    padding: 0 10px
}
.toggle {
    width: 100%
}
.careers .toggle .toggle-title .title-link {
    right: 20px
}
.toggle .toggle-inner {
    margin: 36px 0 35px
}
.toggle-button {
    top: -56px
}
}

@media only screen and (max-width:1220px) and (min-width:1199px) {
#cssmenu-1>ul>li>a {
    padding: 17px 21px
}
#cssmenu-1>ul>li>a:lang(en) {
    padding: 17px 28px
}
}

@media only screen and (max-width:1198px) and (min-width:1165px) {
#cssmenu-1>ul>li>a {
    padding: 17px 19px
}
#cssmenu-1>ul>li>a:lang(en) {
    padding: 17px 26px
}
}

@media only screen and (max-width:1164px) and (min-width:1133px) {
#cssmenu-1>ul>li>a:lang(en) {
    padding: 17px 24px
}
}

@media only screen and (max-width:1160px) and (min-width:1111px) {
#cssmenu-1>ul>li>a {
    padding: 17px !important;
}
#cssmenu-1>ul>li>a:lang(en) {
    padding: 17px 22px
}
}

@media only screen and (max-width:1132px) and (min-width:1110px) {
#cssmenu-1>ul>li>a:lang(en) {
    padding: 17px 22px
}
}

@media only screen and (max-width:1108px) and (min-width:1099px) {
#cssmenu-1>ul>li>a {
    padding: 17px 14px !important;
}
#cssmenu-1>ul>li>a:lang(en) {
    padding: 17px 21px
}
}

@media only screen and (max-width:1098px) and (min-width:1063px) {
#cssmenu-1>ul>li>a:lang(en) {
    padding: 17px 19px
}
#cssmenu-1>ul>li.item-122:lang(en) {
    width: 13%
}
}

@media only screen and (max-width:1062px) and (min-width:1035px) {
#cssmenu-1>ul>li>a:lang(en) {
    padding: 17px
}
#cssmenu-1>ul>li.item-122:lang(en) {
    width: 13.5%
}
}

@media only screen and (max-width:1034px) and (min-width:1000px) {
#cssmenu-1>ul>li>a:lang(en) {
    padding: 17px 14px
}
#cssmenu-1>ul>li.item-122:lang(en) {
    width: 15.7%
}
}

@media only screen and (max-width:1098px) and (min-width:1000px) {
#cssmenu-1>ul>li>a {
    padding: 17px 11px !important;
}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
#cssmenu-1>ul>li>a {
    padding: 17px 10px !important;
}
#cssmenu-1>ul>li>a:lang(en) {
    padding: 17px
}
}

@media only screen and (max-width:1000px) {
.m-home-content-banner {
    display: none
}
.mh-head.mh-sticky {
    position: fixed;
    border-top: 2px solid #0a71ce
}
.mh-head.mh-sticky.mh-scrolledout {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.banner {
    margin-top: 70px
}
}