@import url("/theme/cmslib.css");
@import url("./font/font.css");

::-webkit-scrollbar {background: #093b92;width: 5px;}
::-webkit-scrollbar-thumb {background: #093b92;}
::-webkit-scrollbar-track {background: #e8e8e8;}

html {}
body {font-family:'Gothambook',sans-serif !important; }

body.cmsview {padding-top: 140px;}

img {margin-bottom:0 !important;}

a:active, a:hover {    text-decoration: none;}

h1, h2, h3, h4, h5, h6 {margin:0 !important;}

main { display:block; width:100%; min-height:70vh;}



#cmscontent {min-height: 60vh;}


/* Customize */
/*
.extension {position:relative; padding-bottom:50px; position:relative;}
.extension #opt-extend { display:block; width:100%; position:absolute; z-index:999;}
.extension #opt-extend .opt-group {float:right; display:block; width:130px; padding:5px 10px;}
.extension #opt-extend .opt-group .opt ul { display:none; background:#efefef; padding:10px;}
.extension #opt-extend .opt-group:hover {  background:#efefef; padding-bottom:0px;}
.extension #opt-extend .opt-group:hover .opt ul {  display:block; width:350px; margin:0px;}
.extension #opt-extend .opt-group:nth-child(1) .opt ul { float:right;}
.extension #opt-extend .opt-group:nth-child(2) .opt ul { float:right;}
*/


/* when THEME->menuinfo = true; */
 .dropdown-menu { width: 500px;
 }
 
 .dropdown-li { display: inline-block; padding-left:30px;
 }
 
 .dropdown-banner { float: right; width: 270px; padding: 0px 30px 10px 0px;
 }

 
 @media only screen and (max-width: 768px) { .dropdown-banner {     display: none; }
 }



/*==NAVBAR==*/

.navbar-default {background-color: #093b92;border-color: unset;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color:#fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color:transparent;color:#fff;}
.navbar-default .navbar-nav>li>a {color: #fff;font-weight: bold;font-size: 14px;padding: 25px 20px;}

ul.navbar-right li.dropdown {display: none;}

.navbar-brand {width:290px;height: unset;padding: 0;line-height: unset;margin-left: -14px;}
.navbar-brand>img {width: 100%;}


.top-header {background: url(/theme/Admin_BS/imgs/header.jpg)center center no-repeat,#fff;background-size: cover;width:100%;height:70px;}
.top-logo { float: left;width: 100px; height: 100px; background: url(/theme/Admin_BS/imgs/logo-frame.png) no-repeat;margin-left: 100px;}


.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {width:100%;}

.carousel-control.right, .carousel-control.left {  background: unset;}
 .carousel-control.right{right: -69px;}   
 .carousel-control.left{left: -69px;}  
.topic-sec {background: #cbcbcb;padding: 65px 45px 30px;}

.topic-sec .col-sm-4 {padding: 0 50px;}
.topic-sec .col-sm-4 img {border: 3px solid white;filter: drop-shadow(0px 0px 3px #aeadad);}

.topic-subtxt {margin-top: 10px;text-align: center;}
.topic-subtxt p {font-size: 12px;}
.topic-subtxt p:before {content: url(/theme/Admin_BS/imgs/icon.png);margin-right: 3px;vertical-align: -27%;}

.home-txt-hdr {background: url(/theme/Admin_BS/imgs/top-header.png);height: 49px;background-size: cover;}

.home-txt-hdr h3 {color: #fff;font-size: 13px;font-weight: bold;font-family: 'gothambook';line-height: 46px;padding-left: 15px;}
.home-subtxt p {margin: 0;font-size: 14.5px;}
.home-subtxt {  margin: 10px 0;}
.home-subtxt table {
    width: fit-content;
 width: intrinsic;         
  width: -moz-max-content; 
    margin: 10px 0;
}
.home-subtxt table td {
    text-align: left;
}
.home-subtxt ul {padding: 0;margin: 0;}
.home-subtxt ul li {display: block;}

a.more p {margin-bottom:10px;}
a.more::before {  display: inline-block;  content: "";  border-top: 0.15rem solid #093b92;  width: 4rem;  margin: 0 6px;  transform: translateY(-4px);}

span.blue {color: #093b92;float: left;margin-right: 20px;}
span.blue:before {content: url(/theme/Admin_BS/imgs/time-icon.png); vertical-align: -17%;}


.footer-main .col-sm-6:nth-child(2) p {text-align: right;margin:0;}
.footer-main {  padding: 10px 10px;  font-size: 11px;}

.footer a {padding: 0 13px;}

footer.footer .container {border-top: 0px solid transparent;}
footer.footer {  background: url(/theme/Admin_BS/imgs/footer-bg2.png)no-repeat;  background-position: left top;
    background-size: cover;
    padding: 10px;}
#footer-left, #footer-left a:hover {color: #fff;}
#footer-left ul {display: inline-flex;}
#footer-left ul li {width: 10%;margin: 0 4px;list-style: none;}
#footer-left ul li img {width: 100%;}

.banner img {width:100%;}
.carousel-indicators {display: none;}

img.background {
    padding: 12px 0;
}
.page-title {margin: 20px 0 ;}
.page-title h3 {font-family: 'gothambook',sans-serif;font-weight: bold;}

.seo img.profile {float: right;margin-left: 25px;}
.seo p {font-size: 14px;text-align: justify;}


span.small-title {  font-weight: bold;  display: block;  margin: 0 0 20px;}
span.small-title::before {  content: '';  border-top: 20px solid #093b92;  border-right: 20px solid transparent;  float: left;}

.timeline {width:100%;position: relative;}
p.timeline-subtxt { font-size: 12px;}

.content {margin-top: 0;}

.timeline:before {left: 50%;margin-left: -2px;content: ''; position: absolute; top: 0; height: 100%; width: 4px; background: #d7e4ed;}
#timeline-block {position: relative; border: 0px solid red;   height: auto;  padding: 10px;}
#timeline-block .timeline-content {border: 0px solid green; background: #F0F0F0; border-radius: 0.25em; box-shadow: 0 3px 0 #d7e4ed; width: 45%;padding:10px;}
.mini-section {  margin-bottom: 30px;}
.mini-section .timeline-content {  border: 0px solid green;  background: #093b92;  color: #fff;  border-radius: 0.25em;  box-shadow: 0 3px 0 #d7e4ed;  width: 70%;  padding: 10px;  margin: 5px 0;}
#timeline-block:nth-child(1) {margin-top: 0;}
#timeline-block:nth-child(even) .timeline-content {float:right;}
.timeline-circle {  width: 20px;  height: 20px;  left: 50%;  margin-left: -10px;  position: absolute;  border-radius: 50%;  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgb(0 0 0 / 8%), 0 3px 0 4px rgb(0 0 0 / 5%);}
.timeline-circle.tred {  background: #304fa1;}
.timeline-circle.tgreen {  background: #6179b7;}
.timeline-circle.tyellow {  background: #0a318e;}


.clearfix::after {content: "";clear: both;display: table;}

p.timeline-year {font-weight: bold;}



.side-menu {width:22%;background:#0a318e;}
.side-menu ul {margin: 0;padding: 0;}
.side-menu ul li {list-style: none;border-bottom: 1px solid #fff;}
.side-menu ul li a {border-bottom: 1px solid #fff; display: block; margin: 0; padding: 10px 20px; line-height: 13px; color: #ccc;font-size: 14px;}
.side-menu ul li a:hover {background:#304fa1;}
.coc-link {color: blue;}


.seo h3 {
    border-left: 5px solid #0f5cae;
    color: #535353;
    border-bottom: 2px solid #838485;
    margin: 10px 0!important;
    padding: 3px 10px;
    font-size: 18px;
    font-family: gothambook,sans-serif;
    font-weight: 700;
}
ul.download-link {padding: 0;margin: 10px 0;}
ul.download-link li {
    display: inline-block;
    width: 20%;
    border: 1px solid #8498af;
    padding: 15px 20px;
    margin: 3px 1px;
    text-align: center;
}
ul.download-link li:hover {
    border: 1px solid #115caf;
    color: #0673ab;
}
.bp-txt {
    border: 11px solid #ccc;
    padding: 5px;
    margin: 20px 5px;padding:10px;
}


.seo p {
    font-size: 14px;
    text-align: justify;
}

.seo h4 {
    font-size: 16px;
    font-family: gothambook;
    font-weight: 700;
    margin: 20px 0!important;
}
.policy-box ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.policy-box ul li {    margin-left: 0;
    display: inline-block;
    width: 48%;
    margin: 7px;
    vertical-align: top;
    border: 3px solid #ccc;
    padding: 10px;
}
.policy-box ul li img {
    width: 100%;
}

.quality-title{text-align:center !important; font-weight:900; color:#0a318e; background:#d2daed; width:80%; margin:auto; padding:20px;}
.quality-life{width:100%;}


.career-img {text-align:center;}

.page-career table tr  {background-color: rgb(239, 239, 239); text-align: center;font-weight: bold;
height: 40px;}
.page-career table tr td {border: 4px solid #fff;}
.page-career table tr:first-child  {background-color: rgb(9, 59, 146); color: #fff;}
.page-career table tr:last-child {background-color: transparent;}

.apply-btn {    line-height: 62px;background: linear-gradient(to bottom, #3498db, #2980b9);border-radius: 5px;font-family: Arial; color: #ffffff;font-size: 18px;padding: 10px 20px 10px 20px;text-decoration: none;}
.apply-btn:hover {background: linear-gradient(to bottom, #3cb0fd, #3498db);text-decoration: none;}

form#application {
    padding: 20px 0;
}

#checkbox .col-sm-10 label input {
    margin-right: 10px;
    vertical-align: text-bottom;
}
#checkbox .col-sm-10 label {
    display: inline-block;
    width: 100%;
}

#album{display:none;}
#template-gallery ul.gallerylist li {
    min-width: 330px;
    width: 33%;
    height: 454px;
    overflow: hidden;
    margin: 0px 10px 10px;
    float: left;
    text-align: center;
    position: relative;
}
.page-strategic-link img {
    width: 100%;
}
.s-l {padding:20px 0;}


#cms-news-view h1.title { margin: 20px 0 !important; font-size: 20px; font-family: 'gothambook';font-weight: bold;}
#cms-news-view .message img { height: 250px; margin: 20px !important;}
#cms-news-view .message p {font-size: 14px;}

.top-logo {height: 70px;}


#template-news.template-news-animate-list>ul.newslist li {width: 100%!important; margin: 0; padding: 0; vertical-align: top;border-bottom: 1px dashed #757575;    margin-top: 10px;}
#template-news header h2 {color: #E67300; font-size: 16px; font-family: 'gothambook'; font-weight: bold;}
#template-news footer h6 { display: none;}

header.w3-container._transition {border: 0px solid pink !important;position: absolute !important;top: 0 !important;left: 114px !important;}
.w3-card {border: 0px solid #ccc;position: relative;}
#template-news section.desc {font-size: 12px !important;border: 0px solid green !important;position: absolute !important;top: 19px !important;left: 114px !important;}
section.thumb.w3-container {width: 10% !important;border: 0px solid red;margin-right: 10px !important;margin-bottom: 10px !important;    padding: 0 !important;}
section.thumb.w3-container img {width: 100% !important;}

#template-news ul.newslist .w3-card:after {background: url({docpath}/data/1467/uploads/more-details.png);position: absolute;bottom:10px;right: 0;display: block;content: "Details";color: #fff;width: 120px;height: 25px;text-align: center;font-weight: bold;font-size: 13px;line-height: 22px;}




.hotline {padding:20px 0;}
img#hotline {
    padding:20px 0;
}

.hotline>p {
    margin-top: 25px;
}
.hotline h2 {
    padding: 20px 0 10px;
}

h1#inlineblock {
    padding-right: 20px;
}
h1#inlineblock, h2#inlineblock {
    display: inline-block;
    font-weight: bold;
    color: #02319b;
}
.hotline u {
    color: #02319b;
    font-weight: bold;
}
.hotline p a {
    font-weight: bold;
    color: #02319b;
}

a.hotline-btn:first-child {
    line-height: 34px;
}
a.hotline-btn {
    padding: 20px 0px;
    margin: 10px 40px 10px 0;
    background: #02319b;
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
    width: 25%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 80px;
}
a.hotline-btn:hover {
    transform: scale(0.9);
    transition: 0.5s ease-out;
}
a.hotline-btn p {
    margin: 0;
    font-size: 10px;
    font-weight: 100;
    color: white;
}
/* line { width: 100%; height: 3px;background: #CCCCCC;margin: 10px 0;}

.bp-txt {border: 11px solid #ccc;padding: 5px; margin: 20px auto; width: 80%;}


.page-background h4 {font-size: 16px;font-family: 'gothambook';font-weight: bold;margin: 20px 0 !important;}
img.background { margin-bottom: 10px !important;}

.policy-box h3 { font-family: 'gothambook',sans-serif; font-weight: bold; font-size: 20px; margin: 10px  0 !important;}

.policy-box p {text-align: left;line-height: 15px;}
.policy-box ul {margin: 0; padding: 0; display: flex;}

.policy-box ul li {display: inline-block;width: 30%;margin: 5px;vertical-align: top; border: 1px solid #ccc;padding: 10px;}
.policy-box ul li:first-child {margin-left: 0;}
.policy-box ul li img {width: 100%;}

.page-coc .seo h3 {border-left: 5px solid #0f5cae; color: #535353; border-bottom: 2px solid #838485; margin: 10px 0 !important; padding: 3px 10px; font-size: 18px; font-family: 'gothambook',sans-serif; font-weight: bold;}

.page-coc .seo p {margin: 10px 0;}
.page-coc .seo p:first-child {margin: 0px 0 10px;}

ul.download-link {padding: 0;margin: 10px 0;}
ul.download-link li {display: inline-block;width: 20%; border: 1px solid #8498af;padding: 15px 20px; margin: 3px 1px;text-align:center;}
ul.download-link li:hover{border: 1px solid #115caf; color: #0673ab; }
ul.download-link li img {margin-left:10px;}

.coc-link {color:blue;}

.page-partners .seo, .page-speak-up .seo {text-align: center;}

.speak-title h3 {font-size: 20px;}
.speak-title {margin-bottom: 20px;}
img.speak1 {width: 5%;}
img.speak2 {width: 70%;}*/

.dropdown-menu {top: 80%;width: 300px;padding: 0;margin: 0; border: 0px solid transparent;font-size: 12px;box-shadow:unset;}

.dropdown-menu li a {color: #9ea2a5;border: 1px solid #eeeeee;padding: 7px 20px;}
.dropdown-menu li a:first-child {border-top: unset;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {text-decoration: none;background: #f2f2f2;color: #3c3c3c;outline: 0;}



ul.dropdown-menu:after{content: '';border: 6px solid transparent;width: 0;height: 0;border-bottom-color: #fff;position: absolute;top: -12px; left: 30px;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; background-color: #e7e7e700;}


/*

.page-products2 tr:first-child td { font-weight: bold; color: #fff; background: rgb(11, 49, 144);font-size: 13px;}

.page-products2 table tr,
.page-products2 table td { background-color: rgb(242, 242, 242); margin: 10px; border: 3px solid #fff;font-size:13px;text-align:center;}

.download_btn:hover {background: #3cb0fd;background-image: linear-gradient(to bottom, #3cb0fd, #3498db);text-decoration: none;}
.download_btn {background: #3498db;background-image: linear-gradient(to bottom, #3498db, #2980b9);border-radius: 6px;font-family: Arial; color: #ffffff;font-size: 20px;padding: 10px 20px 10px 20px;text-decoration: none; margin: 20px 0;}


ul.products2-prod { margin: 0; padding: 0;}

ul.products2-prod .topic-subtxt p {margin:0;}
ul.products2-prod .topic-subtxt p:before {content: url(/data/1428/uploads/arrow.png);}

ul.products2-prod .topic-subtxt {margin-top: 20px;}

ul.products2-prod li {list-style-type: none;}

.page-products1 .seo img {float: left;margin-right: 20px;}
.page-products1 .seo h3, .page-products2 .seo h3 {margin: 20px 0!important;}


.page-products2 table a {font-size: 11px;color: #666666;}
.page-products2 table td[rowspan]:first-child {font-size: 11px;text-align: left;}



.career-img {text-align:center;}

.page-career table tr  {background-color: rgb(239, 239, 239); text-align: center;font-weight: bold;
height: 40px;}
.page-career table tr td {border: 4px solid #fff;}
.page-career table tr:first-child  {background-color: rgb(9, 59, 146); color: #fff;}
.page-career table tr:last-child {background-color: transparent;}

.apply-btn {    line-height: 62px;background: linear-gradient(to bottom, #3498db, #2980b9);border-radius: 5px;font-family: Arial; color: #ffffff;font-size: 18px;padding: 10px 20px 10px 20px;text-decoration: none;}
.apply-btn:hover {background: linear-gradient(to bottom, #3cb0fd, #3498db);text-decoration: none;}

#cms-news-view h1.title { margin: 20px 0 !important; font-size: 20px; font-family: 'gothambook';font-weight: bold;}
#cms-news-view .message img { height: 250px; margin: 20px !important;}
#cms-news-view .message p {font-size: 14px;}

.top-logo {height: 70px;}


#template-news.template-news-animate-list>ul.newslist li {width: 100%!important; margin: 0; padding: 0; vertical-align: top;border-bottom: 1px dashed #757575;    margin-top: 10px;}
#template-news header h2 {color: #E67300; font-size: 16px; font-family: 'gothambook'; font-weight: bold;}
#template-news footer h6 { display: none;}

header.w3-container._transition {border: 0px solid pink !important;position: absolute !important;top: 0 !important;left: 114px !important;}
.w3-card {border: 0px solid #ccc;position: relative;}
#template-news section.desc {font-size: 12px !important;border: 0px solid green !important;position: absolute !important;top: 19px !important;left: 114px !important;}
section.thumb.w3-container {width: 10% !important;border: 0px solid red;margin-right: 10px !important;margin-bottom: 10px !important;    padding: 0 !important;}
section.thumb.w3-container img {width: 100% !important;}

#template-news ul.newslist .w3-card:after {background: url(/theme/Admin_BS/imgs/more-details.png);position: absolute;bottom:10px;right: 0;display: block;content: "Details";color: #fff;width: 120px;height: 25px;text-align: center;font-weight: bold;font-size: 13px;line-height: 22px;}


.privacy-box {font-size: 12px; border:10px solid #e8e8e8; padding: 20px;}

.page-safety table tr,.page-quality table tr ,.page-environmental table tr  {background: #f0f0f0;}
.page-safety table tr td,.page-quality table tr td,.page-environmental table tr td{padding: 5px; border: 3px solid white;    width: 50%; font-size: 13px;}

.page-safety table strong, .page-quality table strong, .page-environment table strong {color: #666666;}


*/

.form-group {margin-bottom: 0px;}
.form-group select {margin: 0px 0px 8px;}
.form-control {line-height: unset; border-radius: unset; border: 1px solid #000;}
.form-horizontal .control-label {padding-top: 0px;text-align:left;}
.form-group label {font-size: 12px;}
.help-block {font-size: 11px;}

form#feedbackform {margin: 20px 0;}
.contact-detail {font-size: 11px;text-align: left;}
.contact-detail table {margin: 5px 0;}
.contact-detail table tr td:first-child {width: 40px;padding-right: 10px;}




#return-to-top {position: fixed;bottom: 20px;right: 20px;background:#0152a1;width: 50px;height: 50px;display: block;z-index: 1001;text-decoration: none;border-radius: 0;display: none;transition: all 0.3s ease;}
#return-to-top span {color: #fff;margin: 0;position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 19px;transition: all 0.3s ease;}

.content p {  font-size: 14px;}

.content b {  display: block;  text-decoration: underline;  font-size: 15px;  margin-bottom: 10px;}
span#name, span#title {  display: block;  font-weight: bold;}
.page-environmental-policy p {  line-height: 20px;  font-family: arial;}
.certification {  float: right;  margin-bottom: 10px;}
.certification ul {  margin: 0;  padding: 0;  display: flex;}
.certification ul li {  list-style: none;  margin: 0 10px;}
.certification ul li img {  width: 100%;}



.org-chart img {width: 100%;height: auto;}
.sec-pics {  margin-top: 60px;  position: relative;  text-align: center;}
.sec-pics p {  font-weight: bold;  font-size: 11px;}
.sec-pics ul {  display: inline-flex;  margin: 0;  padding: 0;}
.sec-pics ul li {  list-style: none;  margin: 10px;  text-align: center;}
.sec-pics ul li:nth-child(odd) {  margin-top: -16px;}
.sec-pics ul li img {
    width: 250px;
}
.sec-pics::before {  height: 4px;  content: '';  width: 100%;  background: #6179b7;  display: block;  position: absolute;  top: 36%;  transform: translateY(-50%);  z-index: -1;}

.sec-pics::after {  height: 6px;  content: '';  width: 100%;  background: #093b92;  display: block;  position: absolute;  top: 33%;  transform: translateY(-50%);  z-index: -1;}
.page-technology #section1 > ul {float: right;}
.page-technology #section1 > ul li {list-style:none;text-align:center;}


.powder-type {margin-top: 70px;}
.powder-type ul {margin:0;padding:0;display:inline-flex;}
.powder-type ul li {padding: 0 20px;list-style:none;text-align:center;} 
.powder-type ul li img{border:1px solid #000;}
.powder-type ul li span::before {  content: '';  border-top: 10px solid #093b92;  border-right: 10px solid transparent;  float: left;}
.powder-type ul li p{font-weight:bold;}
.page-technology .page-title {margin: 20px 0;text-align: center;}
.page-btn {  text-align: center;}
.page-btn a {display:inline-flex;margin:10px;}
.tech-btn {  background: #093b92;  color: #fff;  padding: 10px 10px 0;  border-radius: 10px 0 10px;}
.tech-btn:hover {  transform: translateY(-6px);  transition: 0.3s ease-out;  filter: drop-shadow(0px 3px 2px #093b9278);}
#section2 > ul {  margin: 0;  padding: 0;text-align:center;}

#section2 > ul > li {  display: inline-block;text-align:center;  width: 28%;  margin: 20px;  padding: 10px;  vertical-align: top;  border: 0px solid green;  background: #F0F0F0;  border-radius: 0.25em;  box-shadow: 0 3px 0 #d7e4ed;}
#section2 ul li > ul {  margin: 0;  padding: 0;  font-size: 11px;  padding-bottom: 20px;  text-decoration: underline;}
#section2 ul li > ul li {list-style:none;}
p.txt-top {  font-weight: bold;  font-size: 15px;margin-top:20px;}
p.txt-btm {font-size:12px;margin-bottom:15px;} 

#section3 table td {  border: 1px solid white;  text-align: center;}
.section3img{  text-align: center;}
#section3 img{  margin:20px 0;}

table td {  border: 1px solid white;  text-align: center;}

.parts .sec-pics ul li:nth-child(odd),.page-quality .sec-pics ul li:nth-child(odd) {  margin-top: 0px;}

.parts .sec-pics ul li,.page-quality .sec-pics ul li {  margin-top: -37px !important;}
.parts .sec-pics ul li img,.page-quality .sec-pics ul li img  {  width: unset;}
.page-quality .sec-pics ul {align-items: center;}  
.location img {width:100%;}
/*.worldmap {  position: relative;  margin: 30px 0;}

#us-map, #cn-map, #thai-map, #my-map, #kr-map, #jp-map {  width: 20%;  background: linear-gradient(
45deg, #3f5dad, #093b92);  padding: 20px;  margin: auto;  position: absolute;  top: 70%;  left: 0;  right: 0;  transform: translateY(-80%);  display: none;  color: #fff;z-index:9;} 

.st1:hover {   fill: #6179b7;}

#US,#CN,#TH,#MY,#KR,#JP{transition: all 60ms ease-in;}
.transform{transform: scale(1);}
#US.transform,#CN.transform,#TH.transform,#MY.transform,#KR.transform,#JP.transform{transform: scale(1);}

.worldmap strong::before {  content: '';  border-top: 10px solid #093b92;  border-right: 10px solid transparent;  float: left;} */

.enquiryform .row {margin:0;}



span#small {
    display: block;
    font-size: 10px;
    margin-top: -2px;
}

#cms-news-view .news {    table-layout: fixed ;}
#cms-news-view .news td {   background: #e3e3e3 ;}




.national-location {
    margin-bottom: 30px;
}

p.txt-top {
    font-weight: bold;
    font-size: 15px;
    margin: 0;
}

table.technology td {
    width: 33.3%;
    padding: 10px;
}
table.technology {
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    background: #f1f1f1;
}
table.technology ul li {
    font-size: 10px;
    text-align: left;
}
table.technology tr:nth-child(2) td {
    background: #093b92;
    color: #fff;
}




/*----------------------------------------------------------------------------------------------------------------------*/
/*===========================BIG SCREEN===========================*/
/*--------------------------------------------------------------------------------------------------------------------------------*/


@media screen and (max-width:1920px) and (min-width:1800px){
	
	
.navbar .container { width: unset; margin-left: 70px;}
	
	}


/*===========================MOBILE SCREEN===========================*/
/*--------------------------------------------------------------------------------------------------------------------------------*/ 
@media all 
and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) 
and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min-resolution: 192dpi) 
and (max-width: 1024px), only screen and (min-resolution: 2dppx) 
and (max-width: 1024px) {
	
body.cmsview {padding-top: 118px;}

.page-home .container {padding:0;}	

.top-logo {display: none;}
.top-header {background: #fff;}

.navbar-nav {margin: 0;}
.navbar-brand {margin: unset;width: 100%;padding: 3px 5px;}
.navbar-default .navbar-toggle {border: unset;}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {background-color: #093b92;}
.navbar-default .navbar-nav>li>a {padding: 7px;}
.dropdown-menu li a {border: unset;}
ul.dropdown-menu:after {display:none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:transparent;}
.topic-sec {
    background: #cbcbcb;
    padding: 20px;
    text-align: center;
}

.side-menu {
    width: 100%;
    margin: 0 0 20px;
}

a.hotline-btn {
    padding: 20px 0px;
    margin: 15px;
    width: 50%;height:unset;
}
img.background {
    width: 100%;
}
.policy-box ul li {
    width: 100%;
  margin: 0 0 10px;}
.footer-main {padding: 10px 0;text-align: center;}
.footer-main .col-sm-6:nth-child(2) p {text-align: center;padding-top: 10px;color: #fff;}

.timeline:before { left: 26px;}

#timeline-block {margin: 1em 0;}
#timeline-block .timeline-content {width: 55%;margin-left: 50px;padding: 1em;}
#timeline-block:nth-child(even) .timeline-content {float: unset;}

.timeline-circle {width: 20px;height: 20px;margin-left: 0;left: 17px;}
.sec-pics ul {display:unset;}
.powder-type ul {display:block;}
.powder-type ul li {margin:50px 0 10px;}
#section2 > ul > li{width:80%;}
.parts .sec-pics ul li, .page-quality .sec-pics ul li {margin-top:20px !important;}

.topic-sec .col-sm-4 {
    padding: 0;
}
ul.download-link li{ width: fit-content;  width: -moz-max-content;}
   
#footer-left ul {align-items: center; justify-content: center;}
table {
    display: block !important;
    overflow: auto !important;
    width: 100% !important;
}
#template-news.template-news-animate-list>ul.newslist li {height: auto;}
#template-news ul.newslist .w3-card { position: unset;}
#template-news ul.newslist .w3-card:after {position: unset;margin: 10px 0;}
#template-news section.desc {position: unset;}


section.thumb.w3-container {width: 50%!important;}
header.w3-container._transition,#template-news section.desc {position: unset !important;}
.w3-container {padding:unset !important;}


}




/*=============================================================*/
/*---------------------------------------MOBILE VIEW LANDSCAPE ---------------------------------------*/		
/*=============================================================*/
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

.navbar-brand {width: 65%;}
.page-home .row {margin:unset;}

.topic-sec .col-sm-4 { width: 32.8%; display: inline-block; padding: 0;}
.topic-sec .col-sm-4 img {width: 100%;}
#footer-left ul {align-items: center; justify-content: center;}


	}


/*=============================================================*/
/*------------------------------------------------- iPhone 6/7/8 plus landscape---------------------------------------------*/		
/*=============================================================*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) 
and (-webkit-min-device-pixel-ratio : 3) { 

.navbar-brand {width:60%;}
.page-home .row {margin:unset;}
.topic-sec .col-sm-4 { width: 32.8%; display: inline-block; padding: 0;}
.topic-sec .col-sm-4 img {width: 100%;}
}

/*=============================================================*/
/*------------------------------------------------- iPhone X landscape---------------------------------------------*/		
/*=============================================================*/

@media only screen 
and (device-width : 812px) 
and (device-height : 375px) 
and (orientation : landscape) 
and (-webkit-device-pixel-ratio : 3) {

body.cmsview {padding-top: 104px;}
.top-logo {margin-left:0;display:unset;}

.navbar-brand {width: 49%;}

.navbar-default .navbar-nav>li>a {padding: 12px; font-size: 11px;}
ul.dropdown-menu:after {display:block;}

.topic-sec {padding:unset;}
.topic-sec .col-sm-4 img {width:90%;}

footer.footer .container { padding: 10px 0;}
footer.footer {background: url(/theme/Admin_BS/imgs/footer-bg2.jpg)-555px no-repeat;}
.footer-main .col-sm-6:nth-child(2) p {text-align: unset;padding-top: 0px; color: #000; font-size: 11px;}

.seo img.profile {float:right;position:unset;transform:unset;}

}



/*==========================================================*/
/*-------------------------------------------------iPad--------------------------------------------------*/		
/*==========================================================*/

/*---------------------Portrait----------------------*/
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {

#cmscontent { min-height: 81vh;}
.navbar-default .navbar-nav>li>a {
    padding: 9px;
}
.top-logo { display: unset;}
.navbar-brand {margin: unset; width: initial; padding: 3px 5px;}
.top-header { background: url(/theme/Admin_BS/imgs/header.jpg)120px top no-repeat,#fff;}

.topic-sec {padding:unset;}
.topic-sec .col-sm-4 img {width:80%;}

ul.dropdown-menu:after {display:block;}
footer.footer .container { padding: 10px 0;}
footer.footer {background: url(/theme/Admin_BS/imgs/footer-bg2.jpg)-580px no-repeat;}
.footer-main .col-sm-6:nth-child(2) p {text-align: unset;padding-top: 0px; color: #000; font-size: 11px;}


.seo img.profile {float:right;position:unset;transform:unset;margin: 0 0 0 25px !important;}
.policy-box ul {display:flex;}
.policy-box ul li {width: 34%;margin: 5px;}

section.thumb.w3-container {width: 25%;}
.form-group img {width: 100px !important;}
}

/*-----------------Landscape---------------------*/
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {

body.cmsview {padding-top:122px;}
#cmscontent { min-height: 85vh;}

.top-logo { display: unset;}
.navbar-brand {margin: unset; width: initial; padding: 3px 5px;}
.top-header {background: url(/theme/Admin_BS/imgs/header.jpg)230px center no-repeat,#fff;}

.topic-sec {padding:unset;}
.topic-sec .col-sm-4 img {width:80%;}

.navbar-default .navbar-nav>li>a {padding: 15px;}
ul.dropdown-menu:after {display:block;}
footer.footer .container { padding: 10px 0;}
footer.footer {background: url(/theme/Admin_BS/imgs/footer-bg2.jpg)-460px no-repeat;}
.footer-main .col-sm-6:nth-child(2) p {text-align: unset;padding-top: 0px; color: #000; font-size: 11px;}

.policy-box ul {display:flex;}
.policy-box ul li {width: 34%;margin: 5px;}

section.thumb.w3-container {width: 25%;}
.form-group img {width: 100px !important;}

.seo img.profile {float:right;position:unset;transform:unset;margin: 0 0 0 25px !important;}
}

/*=============================================================*/
/*------------------------------------------------- iPadPRO ---------------------------------------------*/		
/*=============================================================*/

/*------------- Portrait-----------------*/
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2){

#cmscontent { min-height: 100vh;}
.top-header {background: url(/theme/Admin_BS/imgs/header.jpg)110px center no-repeat,#fff;}

.top-logo {margin-left: 39px;}

.navbar-default .navbar-nav>li>a {padding: 15px;}
ul.dropdown-menu:after {display:block;}
footer.footer .container { padding: 10px 0;}
footer.footer {background: url(/theme/Admin_BS/imgs/footer-bg2.jpg)-460px no-repeat;}
.footer-main .col-sm-6:nth-child(2) p {text-align: unset;padding-top: 0px; color: #000; font-size: 11px;}

.policy-box ul {display:flex;}
.policy-box ul li {width: 34%;margin: 5px;}

section.thumb.w3-container {width: 25%;}
.form-group img {width: 100px !important;}

.seo img.profile {float:right;position:unset;transform:unset;margin: 0 0 0 25px !important;}



}





/*=============================================================*/
/*------------------------------------------------- Mi 9T PRO / SAMSUNG A50 ---------------------------------------------*/		
/*=============================================================*/

/* ----------- Mi 9T PRO ----------- */
/*Landscape */  	
@media only screen and (min-device-width: 491px) /*== 1920 1800 ==*/and (max-device-width: 491px)and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}