/* Max Media Screen ==========================================================*/

/*1799*/
@media screen and (max-width: 1799px) { 

/*All*/
.warpper { max-width: 1440px; }

.header-fixed nav li { padding-left: 30px; }
.header-fixed nav ul dl { left: 30px; }

/*Home*/
/*.home-about main figure { width: 960px; }*/
/*.home-news .photo img { height: 240px; }*/
.home-training article { padding: 60px 80px; }
.home-press article { padding: 60px 80px; }

.home-about main .text { left: 0; }

/*About*/
.about-company-history .right50 { max-width: 690px; }
.about-company-history .right-blue { max-width: 690px; }

.about-business-overview .topcontent { padding-left: 30px; padding-right: 30px; }

/*News*/
/*.news .photo img { height: 240px; }
.news-latest .photo img { height: 240px; }*/

/*Jobs*/
/*.jobs-intro figure img { object-position : right;}*/
.jobs-intro article { padding: 60px 80px; }

.jobs-detail { padding: 60px 80px; }

/*Content*/
.content-detail article { padding-left: 60px; }

.cookie-consent { max-width: 1420px; }

/*Footer*/
footer .footer-nav { width: 75%; }

}

/*1440*/
@media screen and (max-width: 1440px) { 

/*All*/
h1 { font-size: 50px; }
h2 { font-size: 32px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 19px; }
h6 { font-size: 16px; }

.space-tb100 { padding: 60px 0 }
.title { padding-bottom: 30px; }
.title h1 { font-size: 50px;  padding: 0; }

.warpper { max-width: 1280px; }

.header-fixed nav { padding-right: 60px; }

.header-fixed nav li a { font-size: 15px; }

/*Home*/
.banner article { padding: 0 30px; text-align: center; }
.banner article h1 { padding-bottom: 0; font-size: 60px; }
.home-about main .text { left: 0; top: 70px; width: 560px; }
/*.home-about main figure { width: 760px; }*/
.home-vdo main { max-width: 960px; }

.landing-page-img { max-width: 720px; }

/*About*/
.about-company-history .right50 { max-width: 610px; padding: 120px 0 80px 80px; }
.about-company-history .right-blue { max-width: 610px; padding: 80px 0 80px 80px; }
.about-company-history aside { max-width: 1030px; }
.about-policy { max-width: 1030px; padding: 80px; }

/*Services*/
.service-colum-four li { height: 360px; }

/**/
.activity-list li { width: 50%; }
.activity-latest li:last-child { display: none; }

/*Contact*/
.contactus-support ul { margin: -30px; }
.contactus-support li { padding: 30px; }
.contactus-support .department { padding: 50px 40px; }
.contactus-support .department:before { top: 35px; }

.cookie-consent { max-width: 1260px; }

/*Footer*/

footer .short-support li { display: flex; text-align: center; }
footer .short-support li a i { margin: auto; }
/*footer .footer-address { width: 75% }
footer .footer-support { width: auto; flex: 1; padding-left: 0 }
footer .footer-support ul { margin: 0 }
footer .footer-support li { padding: 0 0 10px 0; width: 100%; justify-content: flex-start; }
footer .footer-support li a i { width: 50px; height: 50px; padding: 10px; }*/

footer .copy { padding: 20px 0; }

/*Content*/

}

/*1366*/
@media screen and (max-width: 1366px) { 

footer .footer-subscription button { width: 80px; min-width: 80px; }

}

/*1365*/
@media screen and (max-width: 1365px) {

.about-business-overview .box-colum-50 { width: 100%; padding: 30px 60px }
.about-business-overview-center li { width: 50%; }

footer .footer-address .footer-logo { display: none; }
footer .footer-address { padding-left: 0; }

}


/*1280*/
@media screen and (max-width: 1280px) {


}


/*To 1024*/
@media screen and (max-width: 1279px) {


/*All*/
.header-fixed nav { padding-right: 30px; }
.header-fixed nav li { padding-left: 20px; }

.header-fixed { height: 100px; }
.header-fixed nav { display: none; }
.header-fixed header figure { width: 70px; }
.header-fixed .lang { padding-right: 30px; top: 34px; right: 140px; border-right: 1px solid rgba(255,255,255,.5) }
.header-less .lang { top: 34px !important;  border-right: 1px solid var(--color-drop-gray-fill)  }

.nav-mobile:before { height: 100px; }
.nav-mobile-fix { padding: 10px 0 60px 0; }
.nav-mobile-list { display: flex; flex-wrap: wrap; -webkit-columns: 1; -moz-columns: 1; columns: 1; }
.nav-mobile aside { padding-top: 100px; }
.nav-mobile aside ul li { width: 100%; }
.nav-mobile aside ul li a { padding: 10px 0; font-weight: 400; }
.nav-mobile aside ul li a span { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.nav-mobile aside ul li a.current span { color: var(--color-sky); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.nav-mobile aside ul li a:hover,.nav-mobile aside ul li a:focus { color: var(--color-white); }
.nav-mobile aside ol { display: none; }
.nav-mobile aside ul li span { color: var(--color-white); font-weight: inherit; }
.nav-mobile aside ul li.menu { border-bottom: 1px solid #2f3d80; }
.nav-mobile aside ul li:last-child.menu { border-bottom: none; }
.nav-mobile aside ul li.menu span { padding-bottom: 0; }
.nav-mobile aside ol li a { padding: 5px 0; color: var(--color-white) }
.nav-mobile aside ol li a:hover,.nav-mobile aside ol li a:focus { color: var(--color-drop2sky) }
.nav-mobile aside ol li a.current { color: var(--color-sky) }

.nav-mobile aside ul li .toggle-subnav { display: none; }
.subplus { display: block; }

.open-subnav { display: block !important; }

.toggle--sub .pc-nonexpend { display: none; }
.toggle--sub .mobile-expend { display: block; }

/*Home*/
.home-about main .text { top: 40px; width: 45%; }
.home-about main .text h2 { padding-top: 0 }
/*.home-about main figure { width: 640px; }*/

.home-news ul { margin: 0 -15px; }
.home-news li { padding: 0 15px; }
/*.home-news .photo img { height: 200px; }*/

.home-training article { width: 45%; padding: 40px 50px  }
.home-training h2 { padding-bottom: 0; }
.home-press article { width: 42%; padding: 40px 50px }
.home-press h2 { padding-bottom: 0; }

.home-shortlink ul { margin: 0 -15px; }
.home-shortlink li { width: 33.3333%; padding: 0 15px; }
.home-shortlink li a { padding: 15px; }

/*About*/
.about-company-history .title { justify-content: center; padding-left: 20px; padding-right: 20px; }
.about-company-history { flex-wrap: wrap; }
.about-company-history figure { height: 460px; }
.about-company-history figure img { position: absolute; width: 100%; height: 100%; top: 0;  right: 0; }
.about-company-history .box-colum { width: 100%; }
.about-company-history .right50 { max-width: 100%; padding: 60px ; }
.about-company-history .right-blue { min-width: 100%; padding: 60px  }
.about-company-history .right-blue:after { display: none; }
.about-company-history aside { padding: 60px 0 60px 120px; }
.about-milestones main { padding: 60px 0 }
.about-milestones .events-content li article { padding-left: 30px; padding-right: 30px; }
.about-milestones .cd-horizontal-timeline { margin-top: 0 }
.about-milestones .cd-horizontal-timeline .events-content { max-width: 100%; margin: 0 auto }

.about-vision .box { padding: 0 60px; }

.about-policy { max-width: 90%; }

.about-business-overview .topcontent { padding-left: 60px; padding-right: 60px; }

.about-board-list li { width: 33.3333% }

/*Services*/
.service-colum-four li { width: 50%; }

/*Sustainability*/
.sustainability-award .list-award ul { margin: -20px -15px; }
.sustainability-award .list-award li { padding: 20px 15px; }

.sustainability-report .list-report ul { margin: -20px -15px; }
.sustainability-report .list-report li { padding: 20px 15px; }

.activity-detail .photo-descrtion { max-width: 660px; }

/*Clients*/
.clients-list .detail { padding: 40px 50px }
.clients-list .brand { padding: 40px 50px; }
.clients-list ul { margin: -15px; }
.clients-list li { padding: 15px; }

/*News*/
.news ul { margin: -15px; }
.news li { padding: 15px; }
/*.news .photo img { height: 200px; }*/

.news-latest ul { margin: 0 -15px; }
.news-latest li { padding: 0 15px; }
/*.news-latest .photo img { height: 200px; }*/

/*Jobs*/
.jobs-intro article { width: 60%; padding: 40px 50px; }
.jobs-detail { padding: 40px 50px; } 
.jobs-detail .in-des-share .in-value { width: auto; padding-right: 25px; }
.jobs-detail .in-des-share .in-depart { width: auto; }

/*Contact*/
.contactus-support ul { margin: -15px; }
.contactus-support li { padding: 15px; }
.contactus-support .contact-list dl { margin: 0 0 -10px 0; }
.contactus-support .contact-list dt { width: 100%; padding: 0 0 10px 0; }

.contactus-location h4 { padding-top: 15px; }
.contactus-location-list .address { padding: 40px 50px }
.contactus-location-list .get-con .button-con { padding-left: 15px; }

/*Content*/

.cookie-consent { padding: 20px 30px; }

/*Footer*/
footer .footer-nav { padding-left: 0 }
footer .short-support li a i { width: 40px; height: 40px; padding: 6px; }

/*Other*/
.editor-row { margin: -15px; }
.editor-colum-50 { padding: 15px; }
.editor-colum-33 { padding: 15px; }

}

/*To 768*/
@media screen and (max-width: 1023px) {

/*All*/
.title { padding-bottom: 40px; }


.cover:before { width: 100%; height: 50px; right: 30px; left: inherit; }
.cover main { flex-wrap: wrap; }
.cover .navigation { width: 100%; position: absolute; bottom: 0; padding-bottom: 15px; }
.cover .title { width: 100%; padding: 0 0 30px 0; justify-content: flex-start; }

/*Home*/
.banner .background { background-position: center; }

.home-about main { overflow-x: hidden }
.home-about main:before { display: none; }
.home-about main article { flex-wrap: wrap; padding-bottom: 0 }
.home-about main figure { width: 100%; }
.home-about main figure:after { content: ''; position: absolute; width: 60%; height: 108%; background: var(--color-blue); right: -10%; top: 0; z-index: 0 }
.home-about main .text { position: relative; top: inherit; width: 100%; padding-top: 60px; padding-left: 60px; }

.home-successful article ul li:nth-child(odd) { padding-right: 50px; }
.home-successful article ul li:nth-child(odd):before { width: 30px; }
.home-successful article ul li:nth-child(even):before { width: 60px; }
.home-successful article ul li:nth-child(even) { padding-left: 80px; }

.home-services li { width: 50%; }

.home-news ul { margin: -15px; }
.home-news li { width: 50%; padding: 15px; }
.home-news li:last-child { display: block; }

.home-certificate main { padding-top: 0 }
.home-certificate main li { width: 50%; padding: 0 15px; }

.home-press figure:before { width: 60px; }

/*About*/
.about-company-history .right-blue { min-width: 100%; }

.about-policy { max-width: 100%; width: 100%; padding: 80px 40px }
.about-policy-list ul { columns: 1; }

.about-milestones .events-content li article { padding-top: 20px; padding-bottom: 30px; }
.about-milestones .events-content li .box-detail .box { width: 100%; }

.about-business-organizations { padding: 80px 0 }
.about-business-structure { padding: 80px 0 }
.about-business-standards .title { padding-left: 0; padding-right: 0; }
.about-business-standards .standards-list ul { margin-left: -15px; margin-right: -15px; }
.about-business-standards .standards-list li { width: 50%; padding: 20px 15px; }

.inside-content { max-width: 100%; }

.about-board-category li { width: 50%; }
.about-board-category li a { min-height: inherit; }

.about-board-list li { width: 50% }

.about-board .authority-charter li a { min-height: inherit; }


/*Service*/
.service-colum-two li { height: 400px; }
.service-colum-three li { width: 50%; height: 400px; }

.services-subcategory ul { grid-template-columns: 1fr 1fr; }
.services-subcategory li.item-1 { grid-row: 1/span 1; grid-column: span 2; }
.services-subcategory li.item-x { grid-row: 1/span 1; grid-column: span 2; }
.services-subcategory li.item-6 { grid-row: 2/span 1; grid-column: span 1; }
.services-subcategory li.item-2 { grid-column-start: 2; grid-column-end: 2; grid-row: 4/span 2; }
.services-subcategory li.item-11 { grid-column-start: 2; grid-column-end: 2; grid-row: 6/span 2; }

/*Sustainability*/
.sustainability-award .list-award li { width: 33.3333% }

.sustainability-report .list-report li { width: 33.3333% }

.sustainability-governance .download li a { min-height: inherit; }

.sustainability-conduct .download li a { min-height: inherit; }

.activity-list ul { margin: -20px -15px; }
.activity-list li { padding: 20px 15px; }

/*Clients*/
.clients-list article { display: block; border-left: none; }
.clients-list article figure { width: 100%; }
.clients-list article figure img { width: 60%; }

/*News*/
.news ul { margin: -15px; }
.news li { width: 50%; padding: 15px; }

.news-latest ul { margin: -15px; }
.news-latest li { width: 50%; padding: 15px; }
.news-latest li:last-child { display: block; }

/*Press*/
.press .pagination { margin-top: 20px; }

/*Training*/
.training-list { padding: 0 ;  }
.training-detail .date { width: 50%; }
.training-detail .date:last-child { width: 100%; }
.training-detail dt { width: 50%; }
.training-detail dt:last-child { width: 100%; padding-top: 30px; }
.training .pagination { margin-top: 20px; }

/*Jobs*/
.jobs-intro figure { flex: inherit; width: 100%; height: 300px; }
.jobs-intro figure img { position: relative; }
.jobs-intro article { width: 100%; }

.jobs-search-fill { width: 100%; padding-top: 15px; }
.jobs-detail h3 span { display: block; font-size: 24px; }
.jobs-detail .in-des-share .in-value { width: 50%; }
.jobs-detail .in-des-share .in-depart { width: 50%; }
.jobs-detail .in-des-share .share-social { width: 100%; padding-top: 15px; }

/*Contact*/
.contactus-location-list .address { width: 100%; }
.contactus-location-list .get-con .button-con { padding-left: 30px; } 
.contactus-location-list .google-map { width: 100%; height: 400px; }

.contactus .address-des li { width: 50%; }

.contactus-form { padding: 40px 50px }
.contactus-form-fill ul { margin: 0 -15px; }
.contactus-form-fill li { padding: 15px 15px 0 15px }

/*Content*/
.content-detail { flex-wrap: wrap; }
.content-detail aside hgroup { padding-top: 60px; }
.content-detail aside {  width: 100%; max-width: 100%; order: 2; }
.content-detail article { padding-left: 0 }

.content-detail { padding-bottom: 60px; }
.content-detail .title { padding-bottom: 25px; }
.content-detail .detail-cover:before { width: 90%; height: 90%; }

.content-submenu .in-menu a { padding-left: 20px; }
.content-submenu ul { padding-left: 35px; }

/*Footer*/
footer main { padding: 60px 0; }
footer .footer-address { width: 100%; margin-top: 50px; order:  2; }

footer .footer-support { width: 100%; padding-left: 0 }
footer .short-support { width: 100%; /*padding-bottom: 50px; border-bottom: 1px solid var(--color-drop-gray-fill);*/ }
footer .short-support ul { flex-wrap: inherit; margin: 0 -20px; justify-content: center; }
footer .short-support li { justify-content: center; padding: 0 20px; width: inherit; }
footer .short-support li:first-child { justify-content: flex-start; }
footer .short-support li:last-child { justify-content: flex-end; }
footer .short-support li a i { width: 60px; height: 60px; padding: 10px; }
footer .footer-nav { display: none; }

footer .footer-social-subscription { align-items: center; }
footer .footer-follow { width: 50%; }
footer .footer-subscription { width: 50%; padding-top: 0; }
footer .copy span { display: none; }

/*Popup*/
.home-event-vdo { min-width: 706px; }

/*Other*/
.space-tb100 { padding: 60px 0; }
.space-t100 { padding-top: 60px; }
.space-b100 { padding-bottom: 60px; }

.editor .box-spac-style1 .in-frame { padding: 20px; }

.editor-colum-33 { width: 50%; }

.pagination { margin-top: 40px; }

}


/*768*/
@media screen and (max-width: 768px) {

.landing-page-img { max-width: 640px; }

}

/*To Mobile*/
@media screen and (max-width: 767px) {

html:lang(th) h5 { font-size: 17px; }

/*All*/
h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 19px; }
h6 { font-size: 16px; }

.title { padding: 0 20px 30px 20px; }
.title h1 { font-size: 40px; padding: 0; }

.warpper { padding: 0 20px; }

.header-fixed .lang { right: 115px; padding-right: 15px; }

.cover { height: 300px; }
.cover:before { right: inherit; left: 20px; }
.cover .navigation { padding-left: 15px; font-size: 12px;  }
.cover .navigation span:nth-child(2) { padding-left: 20px; }
.cover .navigation span:nth-child(2):after { display: none; }
.cover .navigation span:nth-child(3) a { max-width: 100px; }
.cover .navigation span:nth-child(4) a { max-width: 60px; }
.cover-detail { height: 260px; }

.select-filter select { min-width: 100%; }

/*Home*/
.banner article { width: 100%; padding: 0 20px 40px 20px; /*bottom: 50px;*/ }
.banner article h1 { font-size: 40px; }
.banner p { font-size: 16px; }

.home-about main .text { padding-left: 30px; }

.home-successful article ul li { font-size: inherit; }
.home-successful article ul li:nth-child(even) { padding-left: 40px; font-size: 24px; }
.home-successful article ul li:nth-child(even):before { width: 30px; }
.home-successful article ul li:nth-child(even) span { padding-left: 20px; font-weight: 400; }
.home-successful article ul li:nth-child(even) span:before { top: 7px; }

.home-services li { width: 100%; }

.home-news li { width: 100%; }
/*.home-news .photo img { height: 220px; }*/

.home-training main { flex-wrap: wrap; }
.home-training article { width: 100%; padding: 30px 25px; }
.home-training figure { flex: inherit; width: 100%; height: inherit; order: 1 }
.home-training figure img { position: relative; }

.home-press main { flex-wrap: wrap; }
.home-press article { width: 100%; padding: 30px 25px }
.home-press figure { flex: inherit; width: 100%; height: inherit; }
.home-press figure:before { width: 100%; height: 15px; bottom: 0; left: 0; top: inherit; }
.home-press figure img { position: relative; }

.home-certificate main figure { padding: 10px; }

.home-shortlink ul { margin: -15px; }
.home-shortlink li { width: 100%; padding: 15px; }

.lSSlideOuter .lSPager.lSpg { width: 100%; justify-content: center; bottom: -10px; }

/*About*/
.about-company-history .title { justify-content: flex-start; }
.about-company-history .right50 { padding: 40px 20px; }
.about-company-history .right-blue { padding: 40px 20px; }
.about-company-history aside { padding: 40px 0 40px 40px }
.about-milestones .title { padding-left: 0; padding-right: 0; }
.about-milestones .cd-horizontal-timeline { margin-bottom: 0 }
.about-milestones main { padding: 50px 0 40px 0; }
.about-milestones .events-content li article { padding: 30px 20px; }

.about-vision { padding: 30px 0 }
.about-vision li { padding: 15px 0 }
.about-vision article h5 { font-size: 16px; }
.about-vision article .left { width: 100%; }
.about-vision article .right { width: 100%; }
.about-vision .box { padding-left: 20px; padding-right: 20px; }
.about-policy { padding: 40px 20px; }
.about-policy .title { padding-left: 0; padding-right: 0; justify-content: center; }
.about-policy-list ul { columns: 1; }
.about-policy-list li { padding: 10px 40px; }
.about-policy-list .resp-tabs-list dt { padding: 0 12px; }
.about-policy-list .resp-tabs-list dt h5 { padding: 10px 0 }
.about-policy dl.resp-tabs-list { padding-top: 0 }
.about-policy-list span:before { width: 20px; right: -26px; }

.about-business-overview .title { padding-left: 0; padding-right: 0; }
.about-business-overview article { padding-top: 20px; }
.about-business-overview-center li { width: 100%; }
.about-business-overview-map { overflow-y: scroll; }
.about-business-structure { padding: 60px 0 }
.about-business-organizations { padding: 60px 0 }
.about-business-organizations .title { padding-left: 0; padding-right: 0; }
.about-business-standards { padding: 50px 0  60px 0 }
.about-business-standards .standards-list { padding-bottom: 0 }
.about-business-standards .standards-list li { width: 100%; }
.about-business-overview-map { background-size: 100% auto; min-height: 400px; }
.about-business-overview .topcontent { margin-top: 30px; }

.about-board .title { padding-left: 0; padding-right: 0; }
.about-board-category { padding-top: 30px; }
.about-board-category li { width: 100%; }
.about-board-category li h4 { padding-bottom: 25px; }
.about-board-category li a { padding: 10px 25px 25px 25px }
.about-board-list li { width: 100% }
.about-board-cover { padding-bottom: 10px; }
.about-board-cover .box-cover { width: 100%; display: flex; justify-content: center; margin-top: 15px; }
.about-board-cover .box-name { width: 100%; padding-left: 0; padding-top: 15px; text-align: center; }
.about-board-cover .box-name p { font-size: 20px; }
.about-board-cover .box-name h3:before { left: 0; right: 0; margin: auto; }
.about-board .authority-charter li { width: 100%; }
.about-board .authority-charter li a { padding: 10px 25px 25px 25px }

.about-organizational .title { padding-left: 0; padding-right: 0; }

.about-milestones .events-content h4 { padding-top: 0; }

/*Services*/
.services header.title { padding-left: 0; padding-right: 0; }
.services-des-subject { padding-bottom: 30px; }
.services-des-subject p:first-child { padding-top: 0; }
.service-colum-two li { width: 100%; height: 360px; }
.service-colum-three li { width: 100%; height: 360px; }
.service-colum-four li { width: 100% !important; height: 360px; }

.services-subcategory ul { grid-template-columns: 0; }
.services-subcategory li.item-6 { grid-row: inherit; grid-column: inherit; }
.services-subcategory li.item-8 { grid-row: inherit; }
.services-subcategory li.item-11 { grid-column-start: inherit; grid-column-end: inherit; grid-row: inherit; }

/*Investor*/
.investor .title { padding-left: 0; padding-right: 0; }

/*Sustainability*/
.sustainability-tndt .title { padding-left: 0; padding-right: 0; padding-bottom: 20px; }
.sustainability-award .title { padding-left: 0; padding-right: 0; }
.sustainability-award .type-award li a { padding: 5px 15px; }
.sustainability-award .type-award h5 { font-size: 16px; }
.sustainability-award .list-award li { width: 50% }
.sustainability-report .title { padding-left: 0; padding-right: 0; }
.sustainability-report .list-report li { width: 50%; }
.sustainability-governance .title { padding-left: 0; padding-right: 0; padding-bottom: 20px; }
.sustainability-governance .download li { width: 100%; }
.sustainability-governance .download li a { padding: 15px 25px 25px 25px }
.sustainability-governance .download { padding: 30px 0; }
.sustainability-governance-report .title { padding-left: 0; padding-right: 0; }
.sustainability-governance-report .detail-report { padding: 10px 25px; }
.sustainability-governance-achievement { padding-top: 60px; padding-bottom: 15px;  }
.sustainability-governance-achievement .detail-achievement { padding: 10px 25px }
.sustainability-conduct .title { padding-left: 0; padding-right: 0; padding-bottom: 0 }
.sustainability-conduct .download { padding: 30px 0 }
.sustainability-conduct .download li { width: 100%; }
.sustainability-conduct .download li a { padding: 15px 25px 25px 25px }
.sustainability-conduct-list { padding-bottom: 20px; }
.sustainability-conduct-list .title { padding-left: 0; padding-right: 0; padding-bottom: 20px; }
.sustainability-conduct-list .detail-list { padding: 10px 25px; }
.sustainability-conduct-list article { padding-bottom: 30px; }

.esg-activity .ml-15 { margin-left: 0 !important; margin-top: 15px; }
.activity-detail .photo-gallery:before { left: 20px; }
.activity-detail .lSSlideOuter .lSPager.lSpg { left: 35px }

/*Clients*/
.clients main { margin: -30px 0; }
.clients-motto { padding: 20px 0 0 0 }
.clients-list { padding: 30px 0 }
.clients-list li { width: 100%; }
.clients-list article h4 { padding-bottom: 5px; }
.clients-list article .des { padding: 10px 25px; }
.clients-list article figure img { width: 60%; }
.clients .resp-tabs-list dt { padding: 0 20px; }

/*News*/
.news li { width: 50%; }
/*.news .photo img { height: 220px; }*/

.news-detail .photo-gallery:before { left: 30px; }

.news-detail article { padding-left: 20px; }
.news-detail .lSSlideOuter .lSPager.lSpg { left: 50px; }
.news-detail { padding-top: 40px; }
.news-detail .photo-gallery:before { left: 20px; }
.news-detail .lSSlideOuter .lSPager.lSpg { left: 35px }

.news-latest li { width: 100%; }
/*.news-latest .photo img { height: 220px; }*/
.news-latest .title { padding-left: 0; padding-right: 0 }

/*Press*/
.press-list { padding: 0; }
.press-list h5:before { left: -20px; }
.press-list .share-social { margin-left: inherit; }
.press .pagination { margin-top: 15px; }

/*Traning*/
.training-list { padding: 0; }
.training-list table thead {  position: absolute; width: 1px; height: 1px; margin: -1px;   padding: 0;  border: none; clip: rect(0 0 0 0); overflow: hidden; }
.training-list table tr { display: block; padding: 0; margin-bottom: 15px; border-bottom: 1px solid #dbe2ee; border-top: 1px solid #dbe2ee; }
.training-list table td {  display: block; text-align: left; border-left: 1px solid #dbe2ee;  }
.training-list table td::before { position: relative; width: 100%; font-weight: 600; color: var(--color-sky); content: attr(data-label); margin-right: auto; text-align: left; }
.training-list table td:last-child { border-bottom: 0; border-right: 1px solid #dbe2ee; }
.training-list table tr td:first-child { padding-bottom: 0 }
.training-list .mb-row { margin-bottom: 0; }
.training-list table tbody td { display: flex; flex-wrap: wrap; }
.training-list table tbody td span { width: 100%; text-align: left; }
.training-list .month { border-bottom: 5px solid var(--color-blue) }
.training-relate { margin-top: 30px; }


.training-detail dt { width: 100%; padding-bottom: 20px; }
.training-detail dt:last-child { padding-bottom: 0; padding-top: 0 }
.training-detail-apply { padding: 30px 20px }
.training-detail-apply li { width: 100%; }
.training-list .share-social { margin-left: inherit; }
.training .pagination { margin-top: 15px; }

/*Jobs*/
.jobs-intro article { padding: 30px 25px; }
.jobs-filter .title { padding-left: 0; padding-right: 0; }
.jobs-position a { padding: 0 10px; }
.jobs-position h5 { width: 100%; padding-bottom: 5px; }
.jobs-position .in-detail { width: 100%; padding-bottom: 15px; color: var(--color-drop777) }
.jobs-position .in-detail span { width: auto; }
.jobs-position .in-detail span.in-value { padding-right: 15px; }

.jobs-detail { padding: 25px; }
.jobs-detail .in-des-share { font-size: 18px; }
.jobs-detail .in-des-share .in-value { width: 100%; }
.jobs-detail .in-des-share .in-depart { width: 100%; justify-content: flex-start; }

.jobs-intro .button-download { display: flex; justify-content: center; }
.jobs-apply { padding: 30px 20px }

/*Contact*/
.contactus main { padding: 0 20px; }

.contactus-support li { width: 100%; }
.contactus-support .contact-list { padding-top: 0; }
.contactus-support .department { padding: 25px 25px 35px 25px; }
.contactus-support .department:before { top: 35px; height: 40px; }
.contactus-support .department h3 { padding-top: 15px; }

.contactus-location-list { padding: 30px 0 }
.contactus-location-list .address { padding: 25px; }
.contactus-location-list .get-con .button-download { order: 2; width: 100%; padding-top: 0; justify-content: center; }
.contactus-location-list .get-con .button-con { order: 1; width: 100%; padding-left: 0; padding-top: 10px;  justify-content: center; }

.contactus-form h5 { text-align: left; }
.contactus-form { padding: 25px; }
.contactus-form-fill li { width: 100%; }

/*Content*/
.content-detail { padding-bottom: 0 }
.content-detail .title { padding-left: 0; padding-right: 0; padding-bottom: 20px; }
.content-detail aside hgroup { padding-top: 30px; }

.content-submenu .in-menu a { padding-left: 15px; }
.content-submenu ul { padding-left: 30px; }

.cookie-consent { padding: 20px; }

/*Footer*/
footer .footer-address { padding-left: 0; }
footer .footer-address .footer-logo { position: relative; margin: 0 auto; }
footer .footer-address h4 { text-align: center; }
footer .footer-address p { padding: 5px 0; }
footer .footer-address p span  { display: block; }

footer .footer-follow { width: 100%; justify-content: center;  display: flex; flex-wrap: wrap; }
footer .footer-nav-social h6 { display: flex; width: 100%; justify-content: center; }
footer .footer-subscription { width: 100%; padding-top: 30px; }

footer .copy { font-size: 12px; padding: 20px 0 }



/*Popup*/
.home-event-vdo { min-width: 540px; }

/*Other*/

.editor .colum-50 { width: 100%; }

.editor .esg-1-colum-200 { display: flex; width: 100%; padding: 15px 0 0 0; justify-content: center; }
.editor .esg-1-colum-full { flex: auto; width: 100%; padding: 15px 0; }

.editor-row { margin: -15px; }
.editor-colum-50 { width: 100%; }
.editor-colum-50 h5 { position: relative; bottom: 20px; }
.editor-colum-33 { width: 100%; }


.editor .detail-box-photo { margin: 30px 0; padding-top: 0; }
.editor .detail-box-photo:before { width: 100px; height: 100px; background: var(--color-blue); top: -3px; left: -3px; -webkit-transform: none; transform: none; }
.editor .detail-box-photo:after { content: ''; position: absolute; width: 100px; height: 100px; background: var(--color-blue); bottom: -3px; right: -3px;  }
.editor .detail-box-photo figure { width: 100%; }
.editor .detail-box-photo figure:last-child { width: 100%; position: relative; margin-top: 15px; margin-left: auto; }

.editor .table-s1 li { display: block; }
.editor .table-s1 li .left:after { top: 100%;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: var(--color-dropwhite);
	border-width: 8px;
	margin-left: -8px; margin-top: inherit; }

.lSAction { width: 60px; }
.lSAction .link-text a { width: 30px; }
.lSAction .lSNext { background-size: 50%; }
.lSAction .lSPrev { background-size: 50%; }

.carousel-nav .carousel-cell .name { font-size: 16px; }

.lSSlideOuter .lSPager.lSpg > li { width: 20px; }
.lSSlideOuter .lSPager.lSpg > li a { width: 6px; height: 6px; }

.owl-theme .owl-dots .owl-dot span { width: 8px; height: 8px; }

/*.button-readmore a { width: 160px; }
.button-readmore span:after { left: 160px; }
.button-readmore-- a { width: 160px; }
.button-readmore-- span:after { left: 160px; }*/

.share-social .text { display: none; }

.space-tb100 { padding: 40px 0 }

.fancybox-slide { padding: 20px; }

.mb-60 { margin-bottom: 30px !important; }

}

/*640*/
@media screen and (max-width: 640px) {
/*Popup*/
.home-event-vdo { min-width: 440px; }

.cookie-consent .text { flex: 100%; padding-right: 0; padding-bottom: 10px; }
.cookie-consent .btn-consent { margin-right: auto; }

}

/*414*/
@media screen and (max-width: 480px) {

.news li { width: 100%; }

.sustainability-award .list-award li { width: 100%; }
.sustainability-report .list-report li { width: 100% }

.activity-list li { width: 100%; }

.jobs-input { flex: 100%; width: 100%; padding-right: 0 }
.jobs-sort-btn { width: 100%; padding-top: 10px; }
.jobs-sort-btn .select-filter { flex: 1; }

.home-event-vdo { min-width: 374px; }

}


/*375*/
@media screen and (max-width: 375px) {

.home-event-vdo { min-width: 335px; }

}

/*320*/
@media screen and (max-width: 320px) { 

.header-fixed .lang { top: 10px; right: 0px; border-right: none; }
.header-less .lang { top: 10px !important; }
.nav { margin-top: 20px; }

/*About*/
.about-policy-list .resp-tabs-list dt { padding: 0 10px; }
.about-policy-list .resp-tabs-list dt h5 { padding: 8px 0 }

.home-event-vdo { min-width: 280px; }

/*Page*/
.pagination a  { width: 32px; height: 32px; }

}