/*body { text-align: justify;  }*/
h1,h2,h3,h4,h5, .dropdown-content-menu, nav {text-align: left;}
.table_auto {width: 100%; display: block;}
#menu-mb, #menu-for-mb, #box-subscribe-mb, .tab-year-ir{
    display: none
}
.footer-logo {width: 129px}
.bg-gray-product-detail p {text-align: justify;}
.shareholder-detail h3, .footer-address p, footer ul, .about-dropdown li a, .board-detail-box .education li, .board-detail-box ul li {text-align: left !important;}
.b-subscribe {padding:0 15px 0 0}
.breadcrumb a {font-size: 14px;  font-family: 'Kanit', sans-serif;}
.tb-mobile:before {display:none  !important}
.research-table tr td  span {display: none;}

.bg-career-caption h2 { text-align: center; }
.footer li , ul.governance-list li  {text-align: left !important;}
.index-product-col h3, .salogan-caption h2, .overview-middle h2{text-align: center;}
.showSalocan800 { display: none; } 
.copyright-box {height: 80px;}
.c-left {position: absolute; left: 15px;  width: 65%; text-align: left; font-size: 14px; line-height: 21px; font-family: arial}
.c-right {position: absolute; right: 15px;  width: 30%; text-align: right;}

.show-banner-mobile {display: none;}
.hide-banner-mobile {display: block;}
.w-100-mb {width: 100%}
.milestone { max-width: 1180px; margin: 0 auto; padding: 56px 0 }
.milestone .col-lg-8.pt-5, .milestone .col-lg-8.pb-5, .milestone .col-lg-8.pt-0 {padding-top: 0 !important}
.select-submn { display: none; }
 .pad-top {padding-top: 78px !important}
 .tab-year, .tab-gobal {display: none}
.faq-box {margin-bottom: 30px;}

 optgroup {background: #00adef !important; color: #fff !important}
 optgroup label {color: #fff; font-size: 18px;}

.product-cat-box .card:hover .product-cat-box .card-title { color: #26a537 !important}
.finance-box:hover a h5.product-cat-box .card-title { color: #26a537 !important}
.finance-box a:hover.product-cat-box .card-title { color: #26a537 !important} 
/*.greenhouse-table td a span {width: 85px}*/
.greenhouse-table { background: unset;}

.company-table {
/*  font-family: 'Kanit', sans-serif;*/
  background-color: #fff;
}
.text-head-form {display: none}
i.mr-3 { margin-right:3px !important}
.icn-load {-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%); width:22px; margin-right:6px}
.icn-load.tbl { margin-right:5px; display: inline-block; width: 20px}
.greenhouse-table td a span {width: auto !important;}
.icn-load.tbl:hover  {-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);}
.company-table td a:hover .icn-load.tbl  {-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);}


.icn-load-news { width: 35px; display: block; margin: 0 auto 5px auto }

.pl-term {padding-left:52px;}
/*.news-card:hover .icn-load {-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
filter: grayscale(0);  }*/

.company-table td a span {
  display: inline-block;
  min-width: 65px;
}

.company-table th {
  background-color: #4d4d4d;
  color: #fff;
  font-weight: 400;
  font-size: 14px; font-weight: bold;
}

.company-table th,
.company-table td {
  padding-left: 20px;
  padding-right: 20px;
  font-family: 'Kanit', sans-serif;
}

.company-table td {
  font-size: 14px;
  color: #666666;
}

.company-table td a {
  
  color: #666;
  text-decoration: none;
}

.company-table td a:hover {
  color: #666666;
}

/*.company-table td:nth-of-type(2) {
  text-align: right;
}*/

.company-table tbody tr:nth-of-type(2n+1) {
  background-color: #e6e6e6;
}

.company-table .name {
  width: 85%;
}

/*.faq-box {position: relative; overflow: hidden;}
.faq-box:after { content: ''; top: 0;  position: absolute; width: 95%; height: 100vh; z-index: 0; display: block; background: rgba(0,0,0,0.5); }

*/
 .shareholder-table tr td span,.dividend-table tr td span {display: none;}

ul.list-news li img.card-img-top {max-width: 100%; border: none;  }
.news-detail-button a.disable-btn {display: none}

@media screen and (max-width: 1192px) and (min-width:1000px){
    .stock_price li {width: 21%;}
	 .dropdown-content-th {right: -90px;height: 110px;top: 18px;}
     .showSalocan800 { display: block; text-align: center; font-size: 36px;
     color: #fff; margin:auto; 
        position: absolute; z-index: 2; width: 100%; height: 28px; top: 0; left: 0; right: 0; bottom: 0; }
    .salogan-col {position: relative;}
    .salogan-col:after{position: absolute; content: ''; display: block; height: 100vh; 
    width: 100%; background: rgba(0,0,0,0.3); top: 0; left: 0;  z-index: 1}
    .salogan-caption {display: none;}



    nav {padding-bottom: 0 !important}
    .navbar {padding: 0 !important}
    .txt-load {width: 80%;}
    


  [data-aos^="fade"][data-aos^="fade"].aos-animate {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
        opacity: 1 !important
    }
    .top-menu ul a, nav li a {
        font-size: 13px;
    }
    .nav-item {
        margin: 7px 0.5rem;
    }
    .salogan-col {
        height: auto;overflow: hidden;
    }
    .salogan-col > img {
        height: 100%;
        width: auto!important
    }
    .salogan-caption:hover .sub-salogan-caption {
        height: auto;
    }
    .news-card-img {
        height: 186px;
        overflow: hidden;
    }
    .news-card-img img {
        height: auto!important;
    }
    .news-card .card-title {
        height: 60px;
    }
    .w-100-mb {
        width: 100%; margin-bottom: 30px;
    }
    .btn-catalog .col-lg-10 {
        padding-left: 15px!important
    }
    .btn-catalog h2 {
        font-size: 17px;
    }
    .faq-box a:hover .faq-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

     
 
.faq-box br:nth-of-type(2) {display: none}

    .board-row .board-img {
        height: auto;
    }
    #affiliated-map-marker1 {
        top: 98px;
        right: 155px;
    }
    #affiliated-map-marker2 {
        top: 95px;
        right: 255px;
    }
    #affiliated-map-marker3 {
        top: 134px;
        right: 488px;
    }
    #affiliated-map-marker4 {
        top: 239px;
        right: 100px;
    }
    .faq-math-icon {
        margin-right: 15px;
    }
    .box-subcate-description {
        width: 480px!important;
        margin: 40px 0 40px 40px!important;
    }
    .investor-mb {
        margin-bottom: 0!important
    }
    .job-vacancy-table-mb td:first-child {
        width: 740px
    }
    .icon-new-set {right: -10px}
    .news-card .card-text {height: 180px}

}

@media screen and (min-width: 1601px) {

body {  font-size:19px;
  line-height: 1.5;
  color: #666;
  text-align: left;
  background-color: #fff;
}
.detail-text,.salogan-caption p {font-size:19px;line-height: 1.5;}
.affiliated-map-caption p {font-size: 18px;}
.accordion .card-body {font-size: 19px;line-height: 24px;}
.main-font {font-size: 20px;}
.test-font{font-size: 23px;line-height: 1.1;}
.news-card .card-text {height: 260px;}


footer li a {font-size: 19px;line-height: 24px;}

.news-detail-text p, .news-detail-text .news-date, .overview-list-text  { font-size:19px;
  line-height: 1.5;}

  .breadcrumb a, .dropdown-content-menu li.header {font-size: 19px;}
  .news-card .card-text {height: 190px}
.footer-address p {font-size: 19px !important; line-height: 24px !important}

.main-font {font-size: 16px;line-height: 24px;}
.product-enquiries .code-box a{font-size: 16px;}
.product-enquiries .code-box-2 {font-size: 16px;}
nav li a {font-size: 18px;}
.dropdown-content-menu a {font-size: 16px;}
.nav-breadcrumb{top: 95px;}

}
@media screen and (max-width: 1024px) {
	#table-finance{display: none;}
	.finance-box-text {font-size: 12px;bottom: 50px;}
	ul.box-finance li {width: 185px;}
	.h-box-2 {height: 292px;}
	
	#hide-banner-mobile video {display: none} 
}


@media screen and (max-width: 980px) {
    .stock_price li {
        width: 25%;}
	.pt-50 {padding-top: 5px !important;}
	.sustainable_mb {padding: 0 !important;margin-top: 40px;}
	.banner-subcate {height: 40vh}
	.ventilation-text img {width: 100% !important; height:  auto !important}
	.finance-cat-box{margin-bottom: 0;}
	.box-finance-overview{padding: 30px 30px 0 30px;}
	#table-finance {display: none;}
	.Consolidated{display: block}
	.news-detail-text img {width: 100%  !important; height: auto !important}
	ul.box-finance{float: none}
	ul.box-finance li{width: 100%}
	
	.QR-code {float: unset!important;width: 100%;}
.box-q {width: 83%; float: left;}
.text-head-form {display: block;} 
.icon-new-set-inner {
    position: absolute;
    right: 12px;
    top: -20px;
    left: unset;}
span.weblink { display: none; }
span.showlink {display: inline-block;}

.icon-load {width:100%; display: block; float: none; margin:0 auto 0 auto; }
.txt-load {width: 100%;display: block; float: none;}


    .col-lg-4.faq-box:last-child, .col-lg-6.faq-box:last-child { margin-bottom: 0 }
    .box-main .main-font {font-size: 30px; line-height: 40px;}
.box-main .main-font br { display: none;  }
    .mb-annual {margin-bottom: 25px !important} 
    .row .col-lg-3.mb-annual:last-child  {margin-bottom: 0 !important} 
    .pl-term {padding-left:0;}
    .pl-term .p-5 {padding: 56px 25px 0 25px !important}
    .p-5-clear-top.mt-5 { margin-top: 10px !important }
     .pl-term .p-5.p-5-clear-top {margin-top: 0 !important; padding-top: 0 !important}
    .pl-term .p-5.pb-term {padding-bottom: 56px !important}
    
    .bg-privacy-contact ,.bg-privacy-info, .bg-privacy-overview, .bg-terms, .bg-how-long{background: #f5f5f5}
    .m-clear {margin-top: 0 !important; padding-top: 0 !important}
.calendar-detail h3 {margin-top: 20px;}

.calendar-detail h3 span {display: block;
width: 100%;
float: none;
margin: 10px 0;}


h5.news-card .card-title {text-align: left !important}
.news-detail-text h2 {line-height: 24px; font-size: 18px}
h3.accor-title {border-radius: 0 !important}

    .news-contact-form .code-box-2 {margin-top: 15px;}
.show980 {display: block !important;}
.box-subcate-left-img {margin:0 auto;}
.box-subcate-left-img img { width: 100% }
 .product-detail-bottom-row img {width: 100%}
 
  
.affiliated-map-caption h2 { margin-top: 0 }
.tb-mobile:before {content: 'Download File'; display: block !important; 
width: 100%; padding: 15px 0; 
 color: #fff; background: #4d4d4d;font-weight: bold;
text-indent: 22px;font-family: 'Kanit', sans-serif;}

.tb-mobile-share-info:before {content: 'Shareholder Info';display: block !important; width: 100%; padding: 15px 0; 
 color: #fff; background: #4d4d4d;font-weight: bold;
text-indent: 22px;font-family: 'Kanit', sans-serif; }

.dividend-table:before {content: 'Dividend Payment';display: block !important; width: 100%; padding: 15px 0; 
 color: #fff; background: #4d4d4d;font-weight: bold;
text-indent: 22px;font-family: 'Kanit', sans-serif; text-align: left; }


.bg-gray-product-detail .col-lg-12  {padding-right: 0!important;  padding-left: 0 !important; }
.b-subscribe {padding:0 15px}
.greenhouse-table tbody tr:nth-of-type(2n+1) {
    background-color: #e6e6e6;
}
.product-detail-bottom-row {padding: 56px 0 !important}
.col-lg-4.sustainable-dev-box, .col-lg-12.shareholder-detail {padding-right: 0!important;  padding-left: 0 !important; }
.row.mt-4 {margin-top: 0 !important }
#menu-for-mb ul.list-menu-product li a {font-weight: normal !important}
#menu-for-mb ul.list-menu-product li.header.pro a {font-weight: bold !important}



.about-banner-caption h1 {display: none}
.about-banner-caption h3 {font-size: 30px; color: #4c4c4c}
.container {padding-right: 30px;
padding-left: 30px;}
.navbar-nav {margin: 15px 25px 85px 25px  !important}
.social-top{
    background: #fff;
    position: fixed;
    bottom: 0;
    width: 92%;
    margin: 0 4%;
    border-top: 1px solid #ccc; padding-top: 10px; margin-top: 30px; padding-bottom: 20px
}
#menu-for-mb .p-0 {
    padding: 10px 0 !important;
    height: 80vh;
    overflow: auto;
}

.bg-organizational ol  { margin-left: 20px; }

.detail-texthead {font-size: 20px; line-height: 30px}
.overview-middle {padding: 56px 0 !important}
.overview-culture .btn-catalog {margin-bottom: 0 !important}
.overview-culture img.mt-5 {margin-top: 0 !important}
 .bg-milestone {padding: 56px 30px !important}

    .about-banner-caption .underline {
 
  margin-bottom:40px
}
.box-load-about {width: 90%}
.about-banner-caption {bottom: -58px}

    .dropdown-content-menu li.header.pro:first-child {margin-top: 7px}

#menu-for-mb .about-dropdown {padding-top: 0 !important}
#menu-for-mb .dropdown-content-menu {padding-left: 0 !important}
#milestone1 {display: none}
.faq-box .faq-overlay {display: none}
.company-table {margin-top: 30px}
.company-table td {display: block; width: 100%; text-align: left;}
.company-table td:nth-of-type(2) {text-align: left !important}

    .bg-tax, .bg-supplier, .bg-enviroment, .bg-whistle{background: url(../images/about/bg-board.jpg) center no-repeat;
    background-size: cover;}
.pb-5, .py-5 {
    padding-bottom: 56px !important;
}

.pt-5, .py-5 {
    padding-top: 56px !important;
}
.pl-5, .px-5 {
    padding-left: 15px !important;
}

.pr-5, .px-5 {padding-right: 15px !important}
.table_auto { overflow: auto; width: 100%; display: block; }
.research-border {margin-left: 0}
.research-text .research-border {margin-left:15px }
.calendar-box-inner .pl-0 { padding-right: 0 !important }
.col-lg-7.calendar-detail {padding-left: 0 !important;}
.mg-mobile {margin-bottom: 20px}

.content-reseach .row , .bg-gray-product-detail .row, .calendar-box-inner .row {margin-left: 0; margin-right: 0}

.news-card.list-board .card-title { height: unset !important }
.board-detail-box .col-lg-3 { display: none }
.fancybox-content {padding: 30px !important}
.sustainable-dev-box .overlay {display: none !important;}
    .bg-organizational .pl-5 { padding-left: 15px !important;padding-top: 25px !important }


.affiliated-asia-caption {padding-top: 30px}
    .affiliated-map-col {display: none}
    .bg-organizational img {width: 100%}
    .bg-organizational img.icn-load {width: 22px !important}

    .news-year {display: none}
    .tab-year { display: block; background: url(select-year.png) no-repeat right #00adef;
     padding: 10px 10px; color: #fff;   
        font-family: 'Kanit', sans-serif; font-size: 16px; color: #fff; margin: 0 auto 5px auto;}
.tab-gobal {display: block; background:#00adef; padding: 10px 10px; color: #fff;  width: 96%;
font-family: 'Kanit', sans-serif; font-size: 16px; color: #fff; margin: 0 auto 5px auto;}
.tab-gobal:hover {text-decoration: none; color: #fff}

.tab-year-ir { background: #00adef; padding:0; width: 100%; margin: 0 0 30px 0; display: block;}  
.tab-year-ir select { border: none; box-shadow: none; display: block;
 background: url(select-year.png) no-repeat right #00adef; padding: 10px 10px; color: #fff;  width: 96%;
        font-family: 'Kanit', sans-serif; font-size: 16px; color: #fff; margin: 0 auto 0 auto;}



    #tab-gobal {padding: 15px 0; width: 100%}
   .img-hide-800 {display: none}
  /*  .p-mobile {padding-top: 30px !important}*/
    .milestone {padding-top: 15px}
    .select-submn { display: block; background:#4d4d4d; color: #fff; font-size: 16px;
    padding: 8px 30px; }
    .select-submn  select {background: url(select-sub.png) no-repeat right #4d4d4d; padding: 6px 0; border: none; border-radius: none; box-shadow: none;
     width: 100%; margin: 0 auto; font-family: 'Kanit', sans-serif; font-size: 22px; color: #fff}
    .milestone-year {display: none;}
    .milestone .col-lg-8.pt-5, .milestone .col-lg-8.pb-5, .milestone .col-lg-8.pt-0 {padding: 15px 15px 15px 15px !important}
    .affiliated-banner nav {display: none}
    .milestone .w-100 {width: 50%; margin: 0 auto 20px auto}
    .milestone {width: 94%;}
    .milestone .col-lg-4 {padding: 15px 15px 0 15px !important}
    .bg-milestone ul {padding: 0 0 15px 0 !important}
    .bg-index-news ul.list-news li:first-child {display: block; margin: 0 auto}
    .bg-index-news ul.list-news li {display: none}
    .index-investor-list {margin-bottom:56px }
  .pad-footer .col-lg-5.mt-3 {margin-top: 0 !important;}
    /*.pad-footer { padding-left: 15px; padding-right: 15px; }*/
    .copyright-box {padding:30px 15px;}
.c-left {position: static; left: 0;  width: 100%; text-align: center;}
.c-right {position: static; right: 0;  width:100%; text-align: left;}
.copyright-box {height: auto; text-align: center;}
.copyright-piracy {float:none;  width: 100%; padding:0; margin: 0; text-align: center;}
.copyright-piracy li {float: none; display: inline-block; margin: 0 0 20px 0 }
.copyright-piracy .line {margin-bottom: -5px}

    #hide-in-mb {
        display: none
    }
    #menu-mb {
        display: block
    }
    button.navbar-toggler {
        padding-top: 2px;
        padding-right: 0px;
        width: 55px;
    }
    button.navbar-toggler img {
        vertical-align: top;
        margin-left: 20px;
    }
    header {
        height: 77px;
        z-index: 35;
    }
    .navbar-brand {
        top: -49px;
        left: 15px;
    }
    .top-menu ul a, nav li a {
        font-size: 16px;
    }
    .top-menu ul {
        padding-top: 20px; /*padding-right: 20px*/
    }
    #menu-for-mb {
        display: none;
        position: fixed;
        width: 100%;
        top: 76px;
        z-index: 30;
        background-color: #fff;
        height: 100vh; overflow:  auto;
    }
    #menu-for-mb a {
        font-family: 'Kanit', sans-serif;
        color: rgba(0, 0, 0, 0.5);
        font-size: 18px;
        text-transform: uppercase;
        cursor: pointer;
        color: #3c3c3c;
        font-weight: normal;
    }
    .navbar-nav .nav-link::after {
        display: none
    }
    .dropdown-content {
        position: static;
        visibility: visible;
        opacity: 1;
        width: 100%;
        display: none;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
    }
    .dropdown-content-menu {
        background-color: #fff;
        padding-left: 20px;
        width: 100%
    }
    .dropdown-content-menu li.header {
        margin-top: 0;
    }
    .about-dropdown li a {
        margin-top: 5px;
    }
    .list-menu-product {
        padding-top: 0!important
    }
    .caret-active {
        display: none
    }
    .nav-item img {
        float: right;
        margin: 5px 10px 0 0;
    }
    li.nav-item a:hover .caret {
        display: none;
    }
    li.nav-item a:hover .caret-active {
        display: block;
    }
    /* li#menu-mb button .menu-mb-img-active {
        display: none;
    }
    li#menu-mb button:hover .menu-mb-img {
        display: none!important;
    }
    li#menu-mb button:hover .menu-mb-img-active {
        display: inline-block;
    } */
    /*slogan hide on 800*/
    .showSalocan800 { display: block; text-align: center; font-size: 36px;
     color: #fff; margin:auto; 
        position: absolute; z-index: 2; width: 100%; height: 28px; top: 0; left: 0; right: 0; bottom: 0; }
    .salogan-col {position: relative;}
    .salogan-col:after{position: absolute; content: ''; display: block; height: 100vh; 
    width: 100%; background: rgba(0,0,0,0.3); top: 0; left: 0;  z-index: 1}


    .salogan-col {
        overflow: hidden;
    }
    .salogan-col > img {
        height: auto;
        width: 100% !important; margin-top: -120px
    }
    .salogan-col {height: 360px}

   
    .salogan-caption {display: none}

    .index-product-col {
        margin-bottom: 30px;
        text-align: left
    }
    .index-product-col:nth-child(3) {
        margin-bottom: 0
    }
    .index-investor-right {
        position: relative
    }
    .btn-scroll {
        display: none
    }
    #box-subscribe-mb {
        display: none
    }
    .box-subscribe .form-group {
        width: 72%;display: none
    }
    .close-subscribe {
        color: #fff;
        background-color: #38b549;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        position: absolute;
        right: 0;
        top: -35px;
        border: 0;
        font-size: 20px;
        cursor: pointer;
    }
    /*icon product*/
    .index-product-col .underline {display: none}
    .index-product-col h3 {text-align: center;}

  /*  .index-product-logo, .index-product-col .underline, .index-product-col .btn  {
        display: none
    }*/
    .index-product-col {text-align: center;}
    .index-product-col p {
        padding:15px 0 0 0; text-align: center;
    }
 

    .index-investor-news {width: 100%}
    
    .index-product-logo {width: 100%; margin: 0 auto; text-align: center; padding: 0 0 20px 0}
    .index-product-col .btn-white {margin: 0 auto 30px auto; float: none; display: inline-block;}
   
    .index-product-col {
        border-bottom: 1px solid rgba(255, 255, 255, .8);
    }
    .index-product-col:nth-child(3) {
        border-bottom: 0;
        margin-bottom: 0;
    }
    .bg-index-investor.pt-5 {padding-bottom: 0 !important}
    .bg-index-investor-right {
        position: static;
        margin: 0; padding: 30px; margin-top: 0
    }
    .bg-index-investor {
        background-image: url('../images/bg-index-investor-mb.jpg');
        background-size: cover;
        background-position-y: top;
    }
    .index-investor-left {
        padding-right: 20px;
    }
    .index-investor-bottom-right {
        padding:30px; background: #fff; margin-bottom: 56px
    }
    ul.list-news li {
        width: 50%;
        margin-bottom: 20px
    }
    .news-card-img {
        height: 209px;
    }
    footer ul {
        display: none
    }
    .footer-social {
        padding-top: 20px;
    }
    .copyright-box {
        position: relative;
    }
   
    .pad-footer {
        padding-top: 40px; padding-bottom: 40px;
    }
    .pad-footer hr {
        display: none
    }
    .affiliated-banner {
        height: 40vh
    }

    .logo-about { width: 250px }

    

    #menu-for-mb .p-0 { padding: 10px 0 !important }


    /*inner*/

    .affiliated-banner.pb-5 { padding-bottom: 46px !important }
/*    .about-banner-caption h1 { font-size: 30px; }
    .about-banner-caption h3 {font-size: 18px; line-height: 30px;}*/
    .about-banner-caption .underline {margin-top: 18px;}

    .bg-overview .col-lg-6.pl-5 {padding: 30px 15px 0 15px !important}

    .underline {margin: 25px auto;}
    .overview-middle p {font-size: 20px; line-height: 28px;}
    .btn-catalog {text-align: center;}
    .btn-catalog::after {border-bottom: 143px solid #4d4d4d;border-left: 245px solid transparent;}
 
    .mcis {padding: 15px 0 !important; margin: 0 !important}
    .mcis.pb-none {padding-bottom: 0 !important}
    .industrial  {padding: 30px 0 0 0 !important; margin: 0 !important}
    .pr-5.industrial {padding: 0 !important; margin: 0 !important}
    .table {text-align: left;}
    .company-table td:nth-of-type(2) {text-align: center;}
    .company-table td a span {width: 100%; text-align: center;}
    .text-right {text-align: center !important;}

    /*.faq-box:after  {width: 100%}*/
    .press-release-table {margin-top: 20px;}
    .press-release-table tr th, .shareholder-table tr th, .dividend-table tr th {display: none}
    .press-release-table td, .shareholder-table td {display: block; width: 100%; text-align: left;padding: 0 14px;
border: 0;}
.press-release-table td a {display: block; padding: 0 0 10px 0}

    .press-release-table tr {padding: 10px;}
    .press-release-table tr td:first-child {padding-top: 10px;}
    .shareholder-table tr td:first-child { display: none }
    .shareholder-table tr td:nth-of-type(2) { font-weight: bold; text-align: left;
        padding: 15px 6px 6px 14px; }
    .shareholder-table tr td:last-child {padding-bottom: 15px;}
    .shareholder-table tr td span,  {display: block; font-weight: bold;}

    .dividend-table tr td {display: block; width: 100%; text-align: left;padding: 0 14px;
border: 0;}
.dividend-table td:nth-of-type(2) {text-align: left;}
.divi {padding-left: 0 !important}
.dividend-table tr td span {display: inline-block; font-weight: bold;}

.dividend-table tr td:first-child { padding-top: 15px }
.dividend-table tr td:last-child { padding-bottom: 15px }



.greenhouse-table tr th {display: none}
.greenhouse-table td {display: block; width: 100%; border-top: none}
.greenhouse-table td:nth-of-type(2) {text-align: left;}
.ir-news-table td:nth-of-type(2) {text-align: left; padding: 0 15px; font-weight: bold;}


.icn-load.tbl {margin-right: 10px;}
 .news-contact-form {margin-top: 40px !important}
 .pad-csr {padding-left: 0 !important; padding-right: 0 !important;}
 .pad-csr>img {margin-top: 40px}
 .greenhouse-table td a span {width: auto;}
/* .inthenews {width: 96% !important; margin: 0 auto}
*/ 
.inthenews .calendar-detail h3 {margin-top: 0;}
.news-detail-img {background: none;width: 100%; height: auto; margin-bottom: 20px}
.news-detail-img img {position: static; width: 98% !important; margin: 0 auto}
.news-detail-button {padding: 0 15px !important; margin: 0}
.news-detail-button a {display: block; float: left; width: 33%; height: 180px}
.news-detail-button:after {content: ''; display: block; clear: both;}
.news-month {display: none !important}
.news-month.info {display: block !important;}
.news-month.info a {display: inline-block;}
.calendar-navigate {width: 50%; margin: 0 auto 20px auto;}
.calendar-navigate a:first-child { margin: 0 15px 0 0 }
.calendar-navigate a:last-child { margin: 0 0 0 15px }
.nav-product {display: none}
.text-head-pro {font-size: 27px; line-height: 38px}
.underline.headpro-left {margin: 25px 0;}

.box-subcate-left {width: 100%; float: none; margin: 46px 15px 46px 15px} 
.box-subcate-description { margin:46px 15px  !important }
.box-subcate-description {width: 100% !important;  float: none} 

.product-detail-bottom table tr td {display: block; width: 100%;}
.product-detail-bottom table tr td img {width: 100% !important; height: 100% !important}

.pad-none {padding: 0 0 70px 0}
.btn-catalog {margin-bottom:56px}
.btn-catalog h2,.btn-catalog h3 {text-align: center; }
.btn-catalog .col-lg-8 {padding-right: 0}
.product-hightlight h2, .product-detail-bottom-row h2, .text-head {font-size: 30px;}
.product-enquiries .col-lg-4 { padding-right: 15px !important }

.product-enquiries .col-lg-8 {padding-left: 15px !important; margin-top: 56px}

#divsubcontact {width: 100%;margin: 0 auto}
.product-detail {padding: 40px 15px 0 15px}
.product-detail-header {font-size: 20px}
.bg-career-caption h2 {text-align: center;}
.career-banner .h-100 {height: 80% !important}
.career-banner-caption {width: 50%; left: 20px}
.career-banner-caption h1 {text-align: left !important;}
.bg-career-caption img {margin-bottom: 20px;}

.bg-career-caption  {background: url(../images/bg-index-investor-mb.jpg) no-repeat top center; padding: 40px 0}
.bg-global {background: #fff !important;padding: 40px 0}
.bg-our {background: url(../images/bg-index-investor-mb.jpg) no-repeat top center !important;padding: 40px 0;}

.job-vacancy-table-mb td:first-child {width: 100%; font-weight: bold; margin-bottom: 10px; padding: 3px 0;}
.job-vacancy-table-mb tr td { display: block; width: 100% ;text-align: left;}

.job-vacancy-table-mb tr td:nth-of-type(3) {display: none;} 
.job-vacancy-table-mb tr td:nth-of-type(5) {display: none;} 
  .greenhouse-table td {text-align: left;}


.set-news-table tr td:nth-of-type(1) { padding-bottom: 0 !important} 
.set-news-table tr td:nth-of-type(2) { padding-top: 0 !important; padding-bottom: 5px !important} 

.research-table tr td:first-child {background: #ccc; font-weight: bold; padding-bottom:5px}
.research-table tr td span {display: inline-block;}
.research-table tr td { padding-bottom: 0; padding-top: 5px }
.research-table tr td:last-child {padding-bottom: 26px}
.research-table tr:last-child td:last-child {padding-bottom: 0}
/*.greenhouse-table tbody tr:nth-of-type(2n+1) {background: #fff;}*/
.bg-career-caption h2, .career-text-head {font-size: 30px}

.text-head-form {font-size: 20px;color: #00aeef;margin-bottom: 20px;font-family: 'Kanit', sans-serif;}

.box-editor-left, .box-editor-right {width: 100%; float: none}
.box-editor h3 {margin-top: 20px}
} 





@media screen and (max-width:768px) {
    .stock_price li {
    width: 29%; margin: 0 7px;}
	.finance-box-text {
    font-size: 16px;
    bottom: 250px;
}
}
@media screen and (max-width:414px) {
        .stock_price li {
    width: 100%;
    margin: 0 0px;}
	.about-banner-caption {bottom: -25px;}
	.finance-box-text {bottom: 174px;}
	.pt-125 {padding-top: 125px !important;}
	.pb-125 {padding-bottom: 125px !important;}
    .box-q {width: 72%; font-size: 14px}
    .box-a  {width: 87%}
    .cover-vdo {width: 100%; margin: 7px 0}
    .box-subcate-description { margin:0 20px 46px 20px !important }
    .box-subcate-left {margin: 56px 20px 20px 20px}
    .banner-subcate,   .affiliated-banner  {height: 25vh}
    .select-submn {padding: 8px 20px}
    .container {padding-right: 20px;padding-left: 20px;}
    .navbar-brand {left: 9px}
    .box-main .main-font {font-size: 22px; line-height: 30px;  padding: 0 50px}
    .navbar-brand img {width: 140px}
    .overview-middle img {width: 20px}
    .overview-culture-text .qoute img { display: none }
    .overview-culture-text .qoute {font-size: 18px; line-height:  26px;}
    .about-banner-caption h3, .overview-middle h2 {font-size: 26px;}
    .date-news {width: 100%; margin-bottom: 30px; display: block;}
  .news-contact-text p br {display: none}

     .nav-item {
        margin: 7px 0 7px 0.5rem;
    }

    /*.txtbox-search  {width: 85% !important}*/
    .faq-box span {font-size: 26px; height: 69px; line-height:  normal; width: 66%}
     .news-card .card-title {height: auto;}
     .news-card .card-text { height:  auto; padding-bottom: 30px }
.underline {margin: 25px auto;}
.img-mobile {width: 100%}
.show-banner-mobile {display: block;}
.hide-banner-mobile {display: none;}
.logo-about { width: 180px }
.salogan-col {height: 180px;}
.salogan-col img {margin-top: -40px}
.showSalocan800 { font-size: 24px; height: 24px; }

.text-head {font-size: 28px}
.index-product-col h3 {font-size: 22px;}



.pb-5, .py-5 {padding-top: 50px !important; padding-bottom: 50px !important}
ul.list-news li,ul.list-news li>div {width: 100%;}
.footer-address p br {display: none;}

.box-subscribe .form-group {
    width: 64%;
}

.bg-index-investor { background-size: cover; }
.index-investor-right {padding-bottom: 25px}


  .about-banner-caption h1 {font-size: 26px;padding-right: 15px}
  .select-submn select {font-size: 18px;}

  .shareholder-detail h3 {    font-size: 16px;line-height: 24px;}
  .box-msg-signature {width: 100%}
  .news-month a {padding: 20px;}
  .news-month {margin-bottom: 12px !important;}
  .greenhouse-table td a span{width: auto;}

  .greenhouse-table td.text-center {text-align: left !important; }
  .news-detail-button a {  height: 117px; padding-top: 18px}
  .news-detail-img img {width: 96% !important}
  .news-contact-form {width: 96% !important; margin: 0 auto}
  .product-enquiries .code-box input {

  
    display: block;

}


.text-head-pro {
    font-size: 24px;
}
 
.product-enquiries .code-box input {width: 100%}
.product-hightlight h2, .product-detail-bottom-row h2, .text-head {font-size: 22px}


.txtbox-id {border-radius: 0 !important; width: 22px; padding: 5px 0 !important }
.bg-career-caption p br {display: none}
.overview-culture-text h2 {font-size: 20px;}
.bg-career-caption h2, .career-text-head {font-size: 24px}
 .news-detail-button a {font-size: 16px; padding-top: 10px; height: 75px}
 .news-detail-button a i {margin-bottom: 5px; font-size: 22px}

   .news-month a {padding:15px 4.9%;}
   .ir-contact-detail p br {display: none}
   .pl-term .p-5 {padding: 50px 15px 0 15px !important}
   .box-search {width: 100%}
   .txtbox-search {width: 100%;}
   .detail-texthead { font-size: 18px;line-height: 26px;}
.footer-address h4{font-size: 14px;}

/*.affiliated-asia-caption a {width: 85%;display: inline-block;}*/
 

}

@media screen and (max-width:400px) {
    .box-q {width: 64%}
    .box-a {width: 80%;}
     .news-month a {padding:15px 3.9%;}
.affiliated-asia-caption {padding-top: 20px;}
.pad-top {padding-top: 70px !important}
.container {padding-right: 20px;
padding-left: 20px;}
.navbar-brand {left: 0}
.navbar-nav {margin: 15px 15px 85px 15px !important}
.nav-item {
    margin: 3px 0 3px 0.5rem;
}
  .select-submn select {font-size:18px;}
.navbar-brand img {width: 124px}
header {height: 70px;}
#menu-for-mb {top: 70px;}

.top-menu ul {padding-right: 0}
.bg-vdo {margin-top: 70px;}
.box-subscribe .form-group {width: 100%}

.text-head {font-size: 24px}
.about-banner-caption h1 {    font-size: 22px;
    padding-right: 15px;
    line-height: 27px; }
.select-submn select {font-size: 16px;}
.about-banner-caption h3, .overview-middle h2 {
    font-size: 22px;
    line-height: 32px;
}
.btn-catalog h2 {font-size: 18px}
.research_texthead {font-size: 18px; text-align: left !important;}


 
.affiliated-banner, .banner-subcate {height: 30vh;}
.select-submn {padding: 6px 20px}
.bg-milestone { padding: 50px 20px !important }
.tab-year {font-size: 14px}

.faq-box span {
    font-size: 22px;
    height: 57px;
    line-height: normal;
    width: 77%;
}
.tb-mobile:before { padding: 6px 0 }
.affiliated-map-caption h2 {font-size: 20px}

 .footer-address h4 {font-size: 14px;}
 .footer-address p {line-height: 21px !important}

 .box-main .main-font {line-height: 26px; font-size: 20px;}

.pad-banner {
    padding: 70px 0 0 0 !important;
}
}
@media screen and (max-width:320px)  {

.top-menu ul a { padding: 0 5px; }
button.navbar-toggler { width: 50px !important }
 button.navbar-toggler img {
        vertical-align: top;
        margin-left: 0;
    }
     .news-month a {padding:15px 2%;}
}