:root {
	--antenna: 'Antenna';
    --antennaitalic: 'Antenna RegularItalic';
	--gotham: 'Gotham';
    --gothambook: 'Gotham Book';
    --gothamnarrow: 'Gotham Narrow';
	--gothamnarrowbook: 'Gotham Narrow Book';
    --gothamultra: 'Gotham Ultra';
    --gothamextra: 'Gotham Extra';
    --notosanssc: 'Noto Sans SC';
    --imageopacity: 0.7;
    --transition: all .3s;
    --blue: #002649;
    --green: #59bf8f;
    --grey: #6d6e71;
    --clipbanner: polygon(calc(100% - 283px) 5px, calc(100% - 279px) 2px, calc(100% - 276px) 1px, calc(100% - 275px) 0px, 100% 0, 100% 100%, 0 100%, 0 67px, calc(100% - 325px) 67px);
}

select {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {-moz-appearance: textfield;}

/* width */
::-webkit-scrollbar {width: 10px;}
  
/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
   
/* Handle */
::-webkit-scrollbar-thumb {background: var(--blue);  border-radius: 5px;}
  
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #33597C;}

html, body {margin: 0; padding: 0; height: 100%; font-family: var(--gotham); color: var(--grey);}

a {text-decoration: none; transition: var(--transition);}
a:hover {text-decoration: none;}
.inline-container {padding-left: 5%; padding-right: 5%;}
.inline-container2 {padding-left: 10%; padding-right: 10%;}
img {max-width: 100%; transition: var(--transition);}
a:hover img {opacity: var(--imageopacity);}
.loading-black-bg {display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 9999;}
.loading-black-bg img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.jam-button {
    white-space: nowrap; border: 0; transition: var(--transition); color: #FFF; padding: 10px 40px; display: inline-block; font-weight: bold; font-size: 12px; letter-spacing: 2px; text-align: center; text-transform: uppercase;
    clip-path: polygon(15px 0%, 100% 0, 100% 25px, 93% 100%, 0 100%, 0 15px);
    background: rgb(57,172,122);
    background: linear-gradient(90deg, rgba(57,172,122,1) 0%, rgba(96,192,144,1) 50%, rgba(57,172,122,1) 100%);
}
.jam-button:hover {filter: brightness(120%);}

#wrap {min-height: 100%;}

#header {background: #FFF; position: relative; height: 85px;}
#header .inline-container {height: 100%;}
.logo-container {
    width: 462px; height: 120%; display: flex;  align-items: center;  text-align: center; padding-left: 3%; padding-right: 10%; position: absolute; z-index: 1; left: 0; top: 0; 
    background: var(--blue); 
    background: linear-gradient(90deg, rgba(0,16,53,1) 0%, rgba(0,41,75,1) 100%);
    /* clip-path: polygon(100% 0, 76% 94%, 75% 96%, 73% 99%, 72% 100%, 71% 100%, 0 100%, 0 0); */
    clip-path: polygon(0 0, 100% 0, calc(100% - 70px) calc(100% - 10px), calc(100% - 73px) calc(100% - 7px), calc(100% - 76px) calc(100% - 4px), calc(100% - 85px) 100%, 0 100%);
    /* clip-path: polygon(0 0, 100% 0, calc(100% - 85px) 100%, 0 100%); */
    /* filter:url(#round); */
}
.nav-container {float: right; width: 55%; display: flex; justify-content: space-between; height: 100%; align-items: center;}
.nav-item {font-size: 11.5px; font-family: var(--antenna); letter-spacing: 1px; font-weight: 500; position: relative; height: 100%; display: flex; align-items: center;}
.nav-item a {color: #d1d3d4;}
.nav-item.active a, .nav-item:hover a {color: #939598;}
.nav-active-bar {display: none; position: absolute; left: 0; height: 7px; top: 0; width: 100%; /*clip-path: polygon(100% 0, 80% 100%, 0 100%, 0 0);*/ background: url('../img/nav-active-corner.jpg') no-repeat top right; background-color: var(--green);}
.nav-item.active .nav-active-bar {display: block;}

.sub-nav-container {transition: var(--transition); position: absolute; top: 100%; left: 0; z-index: 1; background-color: #FFF; white-space: nowrap; border-bottom: 5px solid var(--green); padding: 15px 15px 30px 15px; clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%); display: none;}
.sub-nav-item {transition: var(--transition); color: #939598; border-bottom: 2px solid #cacbcd; padding-bottom: 5px; margin-bottom: 5px; font-size: 12px; font-family: var(--antenna); font-weight: 500; padding: 15px 5px 15px 5px;}
.sub-nav-item.active, .sub-nav-item:hover {background-color: var(--green); color: #FFF;}
#nav-facility:hover .sub-nav-container, .sub-nav-container:hover {display: block;}

.btn-nav-mobile {transition: var(--transition); cursor: pointer; width:25px; height: 21px; background: url('../img/btn-nav-mobile.png') no-repeat 0 0; position: absolute; top: 50%; right: 5%; transform: translateY(-50%); display: none;}
.btn-nav-mobile:hover {opacity: var(--imageopacity);}
.mobile-nav-black-bg {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 200;}
.mobile-nav-box {background: #FFF; width: 90%; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%); padding: 30px 0 80px 0;}
.btn-close-nav {cursor: pointer; width: 20px; height: 20px; background: url('../img/btn-close-nav.png') no-repeat 0 0; margin-bottom: 30px; background-size: 100%; margin-left: 5%; margin-right: 5%;}
.mobile-nav-item {transition: var(--transition); font-size: 11.5px; font-family: var(--antenna); letter-spacing: 1px; font-weight: 500; padding: 0 5% 0 5%; position: relative;}
.mobile-nav-item-inner {border-top: 1px solid #cdcfd0; padding-top: 20px; padding-bottom: 20px; position: relative;}
.mobile-nav-item a {color: #939598;}
#mobile-nav-item-facility a {width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.mobile-nav-item.active {background-color: var(--blue); color: #FFF;}
.mobile-nav-item.active a {color: #FFF;}
.text-search-mobile {
    color: #FFF; font-family: var(--gothambook); font-size: 12px; padding: 10px 15px; border-radius: 0; border: 0; width: 100%;
    clip-path: 0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%;
    background: rgba(0,41,75,1);
    background: linear-gradient(37deg, rgba(0,41,75,1) 47%, rgba(0,1,43,1) 100%);;
}
.text-search-mobile::placeholder {color: #FFF; opacity: 1;}
.text-search-mobile:-ms-input-placeholder {color: #FFF;}
.text-search-mobile::-ms-input-placeholder {color: #FFF;}
.btn-search-mobile {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 40px; height: 38px; background: url('../img/icon-search-white.png') no-repeat center center; background-size: 15px; border: 0;}
.mobile-subnav-wrapper {margin-top: 20px; display: none;}
.mobile-subnav-wrapper a {color: #FFF;}
.mobile-subnav-item {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #FFF;}
.mobile-subnav-item.no-border {border: 0;}

#main {overflow:auto; padding-bottom: 400px;}

section {position: relative;}
section.blue {background-color: var(--blue);}
.section-title {position: relative; color: var(--green); font-size: 39px; font-weight: 500; font-family: var(--antenna); margin-bottom: 20px; line-height: 1.2em;}
.section-title.black {color: #00012b;}
.section-title.white {color: #FFF;}
.section-subtitle {font-weight: bold; font-size: 13px; color: #FFF; margin-bottom: 10px; letter-spacing: 3px;}
.section-subtitle.blue {color: var(--blue);}

.banner {background-repeat: no-repeat; background-size: cover; background-position: center right;}
.banner-mobile {display: none;}
.banner-mobile img {width: 100%;}
.banner-title {position: absolute; top: 50%; left: 5%; z-index: 3; width: 40%; transform: translateY(-50%); font-weight: 500; font-size: 42px; color: var(--blue); max-width: 460px;}
.banner .slide-decor {z-index: 0;}

.breadcrumb {margin-bottom: 100px;}
.breadcrumb-item {float: left; margin-right: 20px; text-transform: uppercase;}
.breadcrumb-item.current {font-weight: bold;}
.breadcrumb-item a {transition: var(--transition); font-family: var(--gothambook); font-size: 12px; color: #808285; letter-spacing: 2px;}
.breadcrumb-item a:hover {color: var(--green)}
.breadcrumb-separator {color: var(--green);}
.breadcrumb-item + .breadcrumb-item::before {color: var(--green); padding-right: 30px; content: var(--bs-breadcrumb-divider, ">") /* rtl: var(--bs-breadcrumb-divider, "/") */}

#section-slideshow {overflow: hidden;}
#section-slideshow-mobile {display: none;}
.slideshow{position: relative;}
.slide-item-mobile {background-color: #e8e8e9;}
.slide-bg-desktop {position: relative; z-index: 2; width: 100%;}
.slide-bg-mobile {position: relative; z-index: 2; display: none !important; width: 100%; max-height: 560px;}
.slide-image {position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%;x: 1}
.slide-image img {height: 100%;}
.slide-image-mobile {position: relative; height: 400px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.slide-image-grad {position: absolute; bottom: 0; left: 0; width: 100%;}
.slide-text-container {position: absolute; top: 50%; left: 5%; transform: translateY(-50%); z-index: 10; max-width: 30%;}
.slide-text-container-mobile {position: relative; padding: 0 5% 100px 5%; z-index: 3;}
.slide-number {margin-bottom: 20px; font-size: 15px; color: #a7a9ac;}
.slide-index {color: var(--green); font-weight: bold;}
.slide-total {font-weight: 500  ;}
.slide-title {font-weight: 500; font-size: 45px; color: var(--blue); line-height: 1em; margin-bottom: 20px;}
.slide-subtitle {color: var(--grey); font-size: 15px; line-height: 1.5em; font-family: var(--gothambook); margin-bottom: 35px; width: 85%;}
.slide-link-wrapper a {color: #FFF;}
.slide-link {
    transition: var(--transition); padding: 10px 40px; display: inline-block; font-weight: bold; font-size: 12px; letter-spacing: 3px; text-align: center; 
    clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px); 
    background: rgb(57,172,122);
    background: linear-gradient(90deg, rgba(57,172,122,1) 0%, rgba(96,192,144,1) 50%, rgba(57,172,122,1) 100%);
}
.slide-link:hover {filter: brightness(120%);}
.slide-decor {width: 419px; height: 248px; background: url('../img/slide-decor.png') no-repeat 0 0; z-index: 2; position: absolute; left: 0; bottom: 0;}
#section-slideshow .slick-dots, #section-slideshow-mobile .slick-dots {display: flex; align-items: center; position: absolute; bottom: -1px; right: 0; width: 100%; max-width: 425px; height: 65px; clip-path: polygon(17% 0%, 100% 0, 100% 100%, 0 100%, 12% 8%, 13% 4%, 15% 0%); background-color: var(--blue); z-index: 4; margin-bottom: 0; padding: 10px 50px 10px 85px;}
#section-slideshow .slick-dots li, #section-slideshow-mobile .slick-dots li {transition: var(--transition); width: 100%; height: 9px; background-color: #FFF; clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 100%, 5px 100%);}
#section-slideshow .slick-dots li:hover, #section-slideshow .slick-dots li.slick-active, #section-slideshow-mobile .slick-dots li:hover, #section-slideshow-mobile .slick-dots li.slick-active {background-color: var(--green);}
#section-slideshow .slick-prev, #section-slideshow .slick-next, #section-slideshow-mobile .slick-prev, #section-slideshow-mobile .slick-next {transition: var(--transition); color: #000; z-index: 5; width: 18px; height: 15px; top: unset; left: unset;}
#section-slideshow .slick-prev:hover, #section-slideshow .slick-next:hover, #section-slideshow-mobile .slick-prev:hover, #section-slideshow-mobile .slick-next:hover {opacity: var(--imageopacity);}
#section-slideshow .slick-prev, #section-slideshow-mobile .slick-prev {right: 350px !important; bottom: 17px !important; background: url('../img/icon-slide-prev.png') no-repeat 0 0;}
#section-slideshow .slick-next, #section-slideshow-mobile .slick-next {right: 20px !important; bottom: 17px !important; background: url('../img/icon-slide-next.png') no-repeat 0 0;}
#section-slideshow .slick-prev:before, #section-slideshow .slick-next:before, #section-slideshow-mobile .slick-prev:before, #section-slideshow-mobile .slick-next:before {content: '';}
#section-slideshow .slick-dotted.slick-slider, #section-slideshow-mobile .slick-dotted.slick-slider {margin-bottom: 0;}

#section-home-about {padding-top: 150px; padding-bottom: 470px;}
.home-about-desc {color: #FFF; font-weight: 300; font-size: 21px; margin: auto; margin-bottom: 120px; width: 100%; max-width: 985px;}
.home-quality-left {width: 40%; float: left; padding-right: 2%;}
.home-quality-right {width: 60%; padding-left: 2%; float: left;}
.home-quality-right .section-title {float: left; width: 50%; padding-right: 1%;}
.home-quality-desc {float: left; width: 50%; max-width: 290px; padding-left: 1%; color: #FFF; font-family: var(--gothambook); font-size: 15px; line-height: 1.5em; margin-bottom: 20px;}
.home-quality-item-icons {border-top: 2px solid #0c4169; border-bottom: 2px solid #0c4169; padding-top: 30px; padding-bottom: 30px; display: flex; margin-bottom: 20px;}
.home-quality-item-icon {width: 100%; padding-left: 5%; padding-right: 2%;}
.home-quality-item-icon.first {border-right: 2px solid #0c4169; padding-left: 0;}
.home-quality-item-icon.last {border-left: 2px solid #0c4169; padding-left: 5%; padding-right: 0;}
.home-quality-item-icondescs {color: #FFF; font-family: var(--antenna); font-weight: 500; font-size: 16px; display: flex;}
.home-quality-item-icondesc {width: 100%; padding-left: 5%; padding-right: 2%;}
.home-quality-item-icondesc.first {padding-left: 0;}
.home-quality-item-icondesc.last {padding-left: 5%; padding-right: 0;}
.home-strength-wrapper {
    position: absolute; bottom: -40px; left: 5%; right: 5%; border-radius: 0 0 20px 0; padding: 60px 5% 60px 5%;
    clip-path: polygon(calc(100% - 385px) 50px, calc(100% - 350px) 10px, calc(100% - 347px) 7px, calc(100% - 344px) 4px, calc(100% - 335px) 0px, 100% 0, 100% 100%, 0 100%, 0 100px, 2px 95px, 4px 92px, 42px 54px, 45px 53px, 45px 52px, 50px 50px); 
    background: rgb(57,172,122);
    background-image: url('../img/home-strength-bg.png');
    background-image: url('../img/home-strength-bg.png'), linear-gradient(45deg, rgba(57,172,122,1) 0%, rgba(96,192,144,1) 100%);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}
.home-strength-wrapper .section-title {margin-bottom: 50px;}
.home-strength-item {float: left; width: 33.33%; text-align: center; padding-left: 5%; padding-right: 5%;}
.home-strength-item-image {margin-bottom: 30px;}
.home-strength-item-desc {font-weight: bold; font-size: 12px; color: #FFF; letter-spacing: 2px;}

#section-home-facility {padding-top: 170px; padding-bottom: 160px;}
.home-facility-left {float: left; width: 50%; padding-left: 5%; padding-right: 5%;}
.home-facility-desc {font-weight: 300; font-size: 23px; color: var(--grey); line-height: 1.4em; margin-bottom: 30px; width: 100%; max-width: 340px;}
.home-facility-right {float: right; width: 50%;}
.home-facility-certification-wrapper {margin-top: 70px;}
.home-facility-certification-label {font-weight: bold; font-size: 13px; color: #bcbec0; letter-spacing: 3px; margin-bottom: 15px;}

#section-home-product {padding-top: 120px; padding-bottom: 90px;}
.section-home-product-desc {font-family: var(--gothambook); font-size: 15px; color: #FFF; margin-bottom: 55px;}
.home-product-wrapper {margin-bottom: 40px; padding-left: 5%;}
.home-product-item {padding-right: 1%;}
.home-product-item-image {width: 100%; height: 342px; height: 25.1vw; margin-bottom: 30px; background-repeat: no-repeat; background-size: cover; background-position: center center; clip-path: polygon(18% 0, 100% 0, 100% 84%, 84% 100%, 0 100%, 0 18%);}
.home-product-item-name {border-top: 2px solid #144a75; border-bottom: 2px solid #144a75; font-weight: bold; font-size: 14px; color: #FFF; padding-top: 8px; padding-bottom: 8px; letter-spacing: 2px; text-transform: uppercase;}
.home-product-wrapper .slick-list{padding:0 10% 0 0 !important;}
.home-product-wrapper .slick-prev, .home-product-wrapper .slick-next {transition: var(--transition); color: #000; z-index: 5; width: 37px; height: 32px; top: unset; left: unset;}
.home-product-wrapper .slick-prev:hover, .home-product-wrapper .slick-next:hover {opacity: var(--imageopacity);}
.home-product-wrapper .slick-prev {right: calc(10% + 47px); bottom: -80px; background: url('../img/slide-prod-prev.png') no-repeat 0 0;}
.home-product-wrapper .slick-next {right: 10%; bottom: -80px; background: url('../img/slide-prod-next.png') no-repeat 0 0;}
.home-product-wrapper .slick-prev:before, .home-product-wrapper .slick-next:before {content: '';}

.section-coverage-title-wrapper {position: absolute; bottom: 80px; left: 5%; width: 230px;}
.coverage-world-map {width: 100%;}
.country-wrapper {display: flex; position: absolute; bottom: 50px; left: 60%; transform: translateX(-50%); width: 50%;}
.country-wrapper ul {list-style-image: url('../img/bullet-list.png'); width: 100%;}
.country-wrapper li {color: #797a7d; font-family: var(--gothambook); font-size: 15px; line-height: 2em;}

/* PAGE ABOUT US */
#section-about-history {padding-top: 115px; padding-bottom: 190px; clip-path: var(--clipbanner); margin-top: -67px; background: #FFF;}
.about-history-image {float: left; width: 60%; padding-right: 2.5%;}
.about-history-image-inner {max-width: 600px;}
.about-history-wrapper {float: left; width: 40%; padding-left: 2.5%;}
.about-history-wrapper .section-title {max-width: 230px;}
.about-history-wrapper.cn .section-title {max-width: unset;}
.about-history-wrapper img {display: none; margin-bottom: 30px;}
.about-history {font-family: var(--gothambook); font-size: 15px; color: var(--grey); margin-bottom: 40px;}

#section-about-milestone {padding-top: 110px; padding-bottom: 270px; background-color: var(--blue);}
#section-about-milestone .section-title {margin-bottom: 60px;}
.milestone-item {padding-left: 1%; padding-right: 1%; text-align: center;}
.milestone-item-year {color: #0c61a0; font-weight: 500; font-size: 50px; font-family: var(--antenna); margin-bottom: 5px;}
.milestone-item-title {font-weight: bold; font-size: 13.63px; color: #FFF; margin-bottom: 5px; padding: 5px 0 5px 0; border-top: 2px solid #0c4068; border-bottom: 2px solid #0c4068; letter-spacing: 2px;}
.milestone-item-desc {font-family: var(--antenna); font-size: 15px; color: #FFF;}
.milestone-center {
    position: absolute; left: 50%; top: 30px; bottom: 200px; transform: translateX(-50%); width: 30%;
    background: rgb(57,172,122); 
    background: linear-gradient(0deg, rgba(57,172,122,0) 0%, rgba(23,79,125,1) 25%, rgba(23,79,125,1) 50%, rgba(23,79,125,1) 75%, rgba(57,172,122,0) 100%);
}
.milestone-wrapper .slick-center .milestone-item-year {color: var(--green); font-size: 62px;}
.milestone-wrapper .slick-center .milestone-item-title {font-size: 16px; border-color: #2b76b2;}
.milestone-wrapper .slick-center .milestone-item-desc {font-size: 18px;}
.milestone-wrapper .slick-prev, .milestone-wrapper .slick-next {transition: var(--transition); color: #000; z-index: 5; width: 37px; height: 32px; top: unset; left: unset;}
.milestone-wrapper .slick-prev:hover, .milestone-wrapper .slick-next:hover {opacity: var(--imageopacity);}
.milestone-wrapper .slick-prev {left: calc(50% - 50px); bottom: -145px; background: url('../img/slide-prod-prev.png') no-repeat 0 0;}
.milestone-wrapper .slick-next {left: 50%; bottom: -145px; background: url('../img/slide-prod-next.png') no-repeat 0 0;}
.milestone-wrapper .slick-prev:before, .milestone-wrapper .slick-next:before {content: '';}

#section-about-certification {padding-top: 160px; padding-bottom: 200px;}
#section-about-certification .inline-container {padding-left: 10%; padding-right: 10%;}
.certification-title-wrapper {float: left; width: 60%; padding-right: 3%;}
.certification-image {float: left; width: 40%; padding-left: 3%; text-align: center; border-top: 2px solid #d4d5d7; border-bottom: 2px solid #d4d5d7; padding-top: 20px; padding-bottom: 20px;}
.certification-desc {font-weight: 300; font-size: 23px; color: var(--grey); max-width: 460px;}

#section-about-solution {background: url('../img/about-solution-bg.jpg') no-repeat 0 0; background-size: 100% 100%;}
.solution-wrapper {
    padding-top: 105px; padding-bottom: 95px; border-radius: 10px; color: #FFF;
    background: rgb(47,163,116);
    background-image: url('../img/about-solution-image-bg.png');
    background-image: url('../img/about-solution-image-bg.png'), linear-gradient(18deg, rgba(47,163,116,1) 55%, rgba(84,184,136,1) 100%);
    background-repeat: no-repeat;
    background-position: top right;
    clip-path: polygon(25px 2px, 30px 0, 100% 0, 100% 100%, 0 100%, 0 30px, 2px 25px);
}
.solution-motto {font-family: var(--antenna); font-weight: 500; font-size: 39px; float: left; width: 48%; padding-right: 5%; line-height: 1.3em;}
.solution-motto-inner {max-width: 410px;}
.solution-right {width: 52%; float: left;}
.solution-desc {float: left; width: 50%; font-family: var(--gothambook); font-size: 17px; padding-right: 3%;}
.solution-desc-inner {max-width: 265px;}
.solution-quantity {float: left; width: 50%; font-weight: 500; font-size: 22px; white-space: nowrap;}
.solution-quantity-inner {border-top: 2px solid #FFF; padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid #FFF; width: auto; display: inline-block; padding-right: 30px;}
.solution-top-section {margin-bottom: 80px;}
.solution-item {float: left; width: 25%; padding-right: 5%;}
.solution-item.most-right {padding-right: 0;}
.solution-item-number {font-weight: 500; font-size: 21px; color: var(--blue); margin-bottom: 10px;}
.solution-item-image {margin-bottom: 10px;}
.solution-item-title {font-weight: bold; font-size: 13px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; padding-top: 5px; padding-bottom: 5px; margin-bottom: 15px; letter-spacing: 2px;}
.solution-item-desc {font-family: var(--gothambook); font-size: 16px; line-height: 1.3em;}

#section-about-vision-mission {padding-top: 110px; padding-bottom: 90px;}
.about-vision-mission-left {float: left; width: 33.33%; padding-right: 2%;}
.about-vision-mission-right {float: left; width: 66.67%; padding-left: 2%;}
.about-vision-mission-right .section-title {margin-bottom: 60px;}
.about-vision-mission-right .section-subtitle {font-size: 17px;}
.vision-wrapper {float: left; width: 40%; padding-right: 2%;}
.mission-wrapper {float: left; width: 60%; padding-left: 2%;}
.vision-mission-content {font-weight: 300; font-size: 23px; color: var(--grey); line-height: 1.3em;}
.vision-wrapper .vision-mission-content {max-width: 265px;}
.mission-wrapper .vision-mission-content {max-width: 400px;}

#section-core-value {padding-bottom: 174px;}
#section-core-value .section-subtitle {font-size: 17px; margin-bottom: 45px;}
.core-value-wrapper {display: grid; grid-auto-rows: 1fr; grid-template-columns: 33.33% 33.33% 33.33%;}
.core-value-item {padding: 45px 5% 60px 5%; border-radius: 15px;}
.core-value-item.grey {background: #dcddde;}
.core-value-item-icon {float: left; width: 45%; padding-right: 2%; text-align: center;}
.core-value-item-content {float: left; width: 55%; padding-left: 2%;}
.core-value-item-title {font-family: var(--antenna); font-size: 23px; font-weight: 500; color: var(--blue); margin-bottom: 10px;}
.core-value-item-desc {font-family: var(--gothambook); font-size: 16px; color: var(--grey); margin-bottom: 10px; max-width: 143px;}

/* PAGE ABOUT END */

/* PAGE FACILITY CAPACITY */

#section-capacity-intro {padding-top: 110px; padding-bottom: 220px; clip-path: var(--clipbanner); margin-top: -67px; background: #FFF;}
.capacity-intro-left {float: left; width: 50%; padding-right: 2.5%;}
.capacity-intro-right {float: left; width: 50%; padding-left: 2.5%; font-weight: 300; font-size: 23px; color: var(--grey); max-width: 485px;}
.capacity-intro-right .medium-bold {font-weight: 500;}

#section-casting {
    color: #FFF; padding-top: 120px; padding-bottom: 80px;
    clip-path: polygon(88px 5px, 100px 0px, 100% 0, 100% calc(100% - 100px), calc(100% - 88px) calc(100% - 5px), calc(100% - 100px) 100%, 0 100%, 0 100px);
    background: rgba(0,41,75,1);
    background-image: url('../img/facility-capacity-bg.png');
    background-image: url('../img/facility-capacity-bg.png'), linear-gradient(37deg, rgba(0,41,75,1) 47%, rgba(0,1,43,1) 100%);;
    background-repeat: no-repeat;
}
.casting-title-wrapper {float: right; width: 50%; padding-left: 2.5%; margin-bottom: 100px;}
.casting-title-wrapper .section-subtitle {font-family: var(--antenna); font-weight: 500; font-size: 23px; margin-bottom: 5px;}
/* .brass-bronze-ingot-wrapper {border-bottom: 2px solid #10446d; margin-bottom: 90px;} */
.brass-bronze-ingot-wrapper {display: grid; grid-auto-rows: 1fr; grid-template-columns: 50% 50%; margin-bottom: 90px;}
/* .brass-ingot-wrapper {float: left; width: 50%; padding-right: 2%; padding-bottom: 90px;} */
.brass-ingot-wrapper {padding-right: 5%; padding-bottom: 90px; border-bottom: 2px solid #10446d;}
/* .bronze-ingot-wrapper {float: left; width: 50%; padding-left: 2%; padding-bottom: 90px;} */
.bronze-ingot-wrapper {padding-left: 5%; padding-bottom: 90px; border-bottom: 2px solid #10446d;}
.casting-product-title-wrapper {margin-bottom: 40px; font-size: 15px; font-weight: bold; letter-spacing: 2px;}
.casting-number {float: left; color: var(--green); width: 30px;}
.casting-title {overflow: hidden}
/* .casting-item {position: relative; float: left; width: 26.66%;} */
.casting-item-wrapper-mobile {display: none;}
.casting-item-title-wrapper, .casting-item-icon-wrapper {display: grid; grid-auto-rows: 1fr; grid-template-columns: 25% 25% 25% 25%}
.brass-ingot-wrapper .casting-item.most-left, .bronze-ingot-wrapper .casting-item.most-left {width: 20%; padding-left: 0;}
.casting-item-icon {margin-bottom: 30px; border-right: 1px solid #144a75; position: relative; text-align: center;}
.casting-item-icon img {max-width: 80%;}
.casting-item-icon.most-right {border-right: 0;}
/* .casting-item.most-right .casting-item-icon {border-right: 0;} */
.casting-next-icon {width: 13px; height: 13px; background: url('../img/icon-next-casting.png') no-repeat 0 0; position: absolute; top: 50%; right: -6px; transform: translateY(-50%); background-size: 100%;}
.casting-item-title {font-family: var(--antenna); font-weight: 500; font-size: 16px; font-size: 1.165vw; padding-left: 10%; position: relative;}
.casting-item-title.next-below {border-bottom: 1px solid #144a75; padding-bottom: 20px;}
.casting-item-title.next-below .casting-next-icon {transform: translateX(-50%) rotate(90deg); top: unset; bottom: -5px; left: 50%; right: unset;}
.capacity-finished-good {font-family: var(--antenna); font-size: 21px; font-size: 1.55vw; font-weight: 500; color: var(--green); line-height: 1.2em;}
.brass-rod-wrapper {border-bottom: 2px solid #10446d; margin-bottom: 90px; padding-bottom: 90px;}
.brass-rod-wrapper .casting-item-icon-wrapper, .brass-rod-wrapper .casting-item-title-wrapper {grid-template-columns: 14% 14% 15% 14% 14% 14% 15%;}
.bronze-tube-wrapper {margin-bottom: 80px;}
.bronze-tube-wrapper .casting-item-icon-wrapper, .bronze-tube-wrapper .casting-item-title-wrapper {grid-template-columns: 14% 14% 15% 14% 14%;}
.brass-rod-wrapper .casting-item, .bronze-tube-wrapper .casting-item {width: 14%;}
.brass-rod-wrapper .casting-item.most-left, .bronze-tube-wrapper .casting-item.most-left {width: 14%}
.casting-item-wrapper-row.row-2 .casting-next-icon {transform: translateY(-50%) rotate(180deg);}

#section-centrifugal-forging {padding-top: 140px; padding-bottom: 90px;}
#section-centrifugal-forging .section-subtitle {font-family: var(--antenna); font-weight: 500; font-size: 23px; margin-bottom: 5px;}
.section-centrifugal-forging-title-wrapper {margin-bottom: 50px;}
.forging-wrapper, .centrifugal-wrapper {margin-bottom: 100px;}
.centrifugal-forging-title {margin-bottom: 40px; font-weight: bold; font-size: 15px; color: var(--blue); letter-spacing: 2px;}
.forging-item {width: 25%; float: left; text-align: center; position: relative;}
#section-centrifugal-forging .casting-next-icon {z-index: 1; width: 14px; height: 16px; background-size: 100% 100%;}
.casting-next-icon-down {z-index: 1; width: 15px; height: 14px; background: url('../img/icon-next-casting-down.png') no-repeat 0 0; background-size: 100% 100%; position: absolute; left: 50%; bottom: -7px; transform: translateX(-50%);}
.casting-next-icon-down.pos-top {bottom: unset; top: -7px;}
.casting-next-icon-reverse {z-index: 1; width: 14px; height: 16px; background: url('../img/icon-next-casting-reverse.png') no-repeat 0 0; background-size: 100% 100%; position: absolute; top: 50%; left: -6px; transform: translateY(-50%);}
.forging-item-icon {position: relative; padding: 35px 10% 25px 10%; border-top: 1px solid #dcddde; border-bottom: 1px solid #dcddde;}
.forging-item-icon.grey {background-color: #dcddde;}
.forging-item-title {font-family: var(--antenna); font-weight: 500; font-size: 17px; color: var(--blue); padding: 25px 2% 25px 2%;}
.centrifugal-item-wrapper {border-top: 1px solid #d1d3d4; padding-top: 40px;}
.centrifugal-item {width: 25%; float: left; text-align: center;}
.centrifugal-item.wide {width: 50%;}
.centrifugal-item-icon {border-bottom: 1px solid #d1d3d4; margin-bottom: 40px; position: relative; padding-bottom: 30px;}
.centrifugal-item-icon-inner {border-right: 1px solid #d1d3d4; text-align: center; padding: 0 5% 0 5%; height: 100%;}
.centrifugal-item-icon.most-right .centrifugal-item-icon-inner {border-right: 0;}
.centrifugal-item-title {font-family: var(--antenna); font-size: 17px; font-weight: 500; color: var(--blue); text-align: center; padding-left: 2%; padding-right: 2%;}
.casting-next-icon-with-bg {width: 13px; height: 30px; background: url('../img/icon-next-casting-with-bg.jpg') no-repeat 0 0; position: absolute; top: 50%; right: -6px; transform: translateY(-50%); background-size: 100%;}
.centrifugal-item-icon-wrapper, .centrifugal-item-title-wrapper {display: grid; grid-auto-rows: 1fr; grid-template-columns: 25% 50% 25%;}

/* PAGE FACILITY CAPACITY END */

/* PAGE FACILITY ADVANCED */

#section-advanced-intro {
    padding-top: 110px; padding-bottom: 300px; margin-top: -67px; 
    clip-path: var(--clipbanner);
    background: rgb(0,18,55);
    background-image: url('../img/advanced-intro-bg-image.png');
    background-image: url('../img/advanced-intro-bg-image.png'), linear-gradient(45deg, rgba(0,18,55,1) 0%, rgba(0,41,75,1) 60%);
    background-repeat: no-repeat;
    background-position: top left;
}
#section-advanced-intro .section-title {margin-left: 60%; max-width: 460px; width: 40%; line-height: 1.2em; }
#section-advanced-intro.cn .section-title {max-width: 500px;}
#section-advanced-facilities {padding-bottom: 180px;}
.advanced-facility-wrapper {
    margin-top: -135px; border-radius: 10px;
    clip-path: polygon(53px 3px, 60px 0, 100% 0, 100% 100%, 0 100%, 0 60px, 3px 53px);
}
.advanced-facility-item {display: flex; justify-content: space-around; align-items: center; flex-direction: row; padding: 40px 5% 40px 5%;}
.advanced-facility-item.grey {flex-direction: row-reverse; background-color: #ededee;}
.advanced-facility-item-image {width: 50%; padding-right: 5%;}
.advanced-facility-item-text {width: 50%; padding-left: 5%;}
.advanced-facility-item.grey .advanced-facility-item-image {padding-left: 5%;}
.advanced-facility-item.grey .advanced-facility-item-text {padding-right: 5%;}
.advanced-facility-item-title-wrapper {margin-bottom: 20px;}
.advanced-facility-item-number {float: left; width: 35px; font-family: var(--antenna); font-weight: bold; font-size: 17.75px; color: var(--green); padding-top: 5px;}
.advanced-facility-item-title {overflow: hidden; font-family: var(--antenna); font-weight: 500; font-size: 29px; color: var(--blue);}
.advanced-facility-item-desc {font-family: var(--gothambook); font-size: 17px; color: var(--grey); max-width: 350px;}

/* PAGE FACILITY ADVANCED END */

/* PAGE PRODUCT */

#section-product-intro {
    padding-top: 110px; padding-bottom: 180px; margin-top: -67px;
    clip-path: var(--clipbanner);
    background: rgb(0,18,55);
    background: linear-gradient(45deg, rgba(0,18,55,1) 0%, rgba(0,41,75,1) 60%);
}
.product-intro-text-wrapper {float: right; width: 50%; padding-left: 2%;}
.product-intro-title-wrapper {float: left; width: 50%; padding-right: 1%;}
.product-intro-desc {float: left; width: 50%; padding-left: 1%; font-size: 22px; font-weight: 300; color: #FFF;}
#section-category-list {margin-top: -75px; padding-bottom: 180px;}
.category-item {
    transition: var(--transition); margin-bottom: 40px; float: left; width: 48%; margin-right: 1%; margin-left: 1%; display: grid; grid-auto-rows: 1fr; grid-template-columns: 50% 50%;
    padding: 20px 25px 20px 25px; background-color: #e7e8e9; border-radius: 10px;
    clip-path: polygon(0 0, calc(100% - 50px) 0px, calc(100% - 48px) 1px, calc(100% - 47px) 1px, calc(100% - 44px) 3px, calc(100% - 41px) 6px, calc(100% - 6px) 41px, calc(100% - 3px) 44px, calc(100% - 2px) 46px, calc(100% - 0px) 50px, 100% 100%, 0 100%);
}
.category-item:hover {background-color: var(--green);}
.category-item:hover .category-item-desc, .category-item:hover .category-item-link {color: var(--blue);}
.category-item-image {height: 325px; margin-right: 5%; width: 95%; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 15px;}
.category-item-right {position: relative; margin-left: 5%;}
.category-item-name {font-family: var(--antenna); text-transform: capitalize; font-size: 29px; font-weight: 500; color: var(--blue); margin-bottom: 15px; line-height: 1.2em;}
.category-item-desc {transition: var(--transition); font-family: var(--gothambook); font-size: 16px; color: #58595b; max-width: 229px;}
.category-item-link {transition: var(--transition); color: var(--green); position: absolute; left: 0; font-weight: bold; font-size: 12px; letter-spacing: 2px; width: 100%; bottom: 0; border-top: 2px solid #c1c3c5; border-bottom: 2px solid #c1c3c5; padding-top: 15px; padding-bottom: 15px; display: flex; align-items: center; white-space: nowrap;}
.category-item-link img {margin-left: 10px;}
.category-item:hover .category-link-arrow {display: none;}
.category-link-arrow-hover {display: none;}
.category-item:hover .category-link-arrow-hover {display: inline-block;}

#section-category-desc {
    padding-top: 50px; position: relative; min-height: 500px;
    background: rgb(0,18,55);
    background: linear-gradient(45deg, rgba(0,41,75,1) 0%, rgba(0,18,55,1) 60%);
}
.section-category-desc-top-right {background: rgba(0,18,55,1); width: 300px; height: 67px; position: absolute; top: -67px; right: 0; clip-path: polygon(57px 5px, 60px 3px, 64px 1px, 67px 0px, 100% 0, 100% 100%, 0 100%);}
.section-category-desc-left {float: left; width: 65%; padding-right: 2%; margin-bottom: -45px; position: relative; z-index: 1;}
/* .section-category-desc-right {float: left; width: 35%; padding-left: 2%; margin-bottom: 150px;} */
.section-category-desc-right {float: right; width: 35%; margin-bottom: 70px;}
.section-category-desc-wrapper {position: relative;}
.category-default-image-slider-wrapper {position: absolute; z-index: 1; top: 0; bottom: -50px; left: 0; right: 45%;}
.category-default-image-slider {
    width: 100%; height: 100%; border-radius: 10px; /*margin-bottom: -300px;*/
    clip-path: polygon(78px 6px, 83px 2px, 86px 1px, 90px 0px, 100% 0, calc(100% - 0px) calc(100% - 90px), calc(100% - 5px) calc(100% - 80px), calc(100% - 81px) calc(100% - 5px), calc(100% - 90px) 100%, 0 100%, 0px 90px, 3px 83px);
}
.category-default-image-slider .slick-list, .category-default-image-slider .slick-track {height: 100%;}
.default-image-item {width: 50%; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.default-image-item img {visibility: hidden; width: 100%; height: 100%;}
.category-name {font-family: var(--antenna); font-weight: 500; font-size: 31px; color: var(--green); line-height: 1.2em; margin-bottom: 30px;}
.category-desc {font-family: var(--gothambook); font-size: 15px; color: #FFF; max-width: 290px;}
.category-desc2 {font-weight: 300; font-size: 23px; color: #FFF; margin-bottom: 20px;}

#section-standard {padding-top: 140px; padding-bottom: 150px; background: #ededee;}
.standard-title {padding-bottom: 20px; margin-bottom: 55px; border-bottom: 1px solid #d1d3d4; font-family: var(--antenna); font-weight: 500; font-size: 29px; color: var(--green);}
.standard-wrapper {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.standard-item {width: 30%; margin-right: 5%; float: left; margin-bottom: 60px;}
.standard-item:nth-child(3n) {margin-right: 0;}
.standard-item-title {font-family: var(--antenna); font-size: 22px; font-weight: 500; color: var(--blue); border-bottom: 4px solid var(--green); line-height: 1.2em; padding-bottom: 10px; margin-bottom: 10px;}
.standard-product-wrapper {overflow: auto; height: 170px;}
.standard-product-wrapper a:hover .standard-product-item-code {color: var(--green); background-image: url('../img/icon-next-casting-hover.png');}
.standard-product-item {padding-top: 10px; margin-bottom: 5px; margin-right: 5%; border-top: 1px solid #c9cbcc;}
.standard-product-item-number {font-weight: bold; font-size: 12px; color: var(--green); letter-spacing: 1px; float: left; width: 34px;}
.standard-product-item-code {transition: var(--transition); overflow: hidden; font-size: 17px; font-family: var(--antenna); color: var(--blue); background: url('../img/icon-next-casting.png') no-repeat center right;}

#section-product-header {
    padding-top: 110px; padding-bottom: 100px; margin-top: -67px;
    clip-path: var(--clipbanner);
    background: rgb(0,18,55);
    background: linear-gradient(45deg, rgba(0,41,75,1) 0%, rgba(0,18,55,1) 60%);
}
.product-header-wrapper {float: left; width: 60%; padding-right: 2%;}
.product-code {font-family: var(--antenna); font-size: 31px; font-weight: 500; color: var(--green); padding-bottom: 15px; border-bottom: 4px solid var(--green); margin-bottom: 35px; display: inline-block; padding-right: 10%;}
.product-row {margin-bottom: 45px;}
.product-header-item {float: left; width: 50%; padding-right: 5%;}
.product-header-item:nth-child(even) {padding-right: 2%;}
.product-header-item:nth-child(odd) {padding-left: 2%;}
.product-label {font-size: 12px; font-weight: 500; color: var(--green); letter-spacing: 1px; line-height: 1.2em; margin-bottom: 10px;}
.product-header-content {font-family: var(--antenna); font-size: 17px; color: #FFF;}
.dimension-guide-link a {color: #FFF; font-style: italic; display: flex; align-items: center;}
.dimension-guide-link img {margin-left: 10px;}
.dimension-guide-link a:hover {opacity: var(--imageopacity);}
.product-chemical-wrapper {height: 130px; overflow: auto;}
.product-chemical-wrapper::-webkit-scrollbar {width: 8px;}
.product-chemical-wrapper::-webkit-scrollbar-thumb {background-color: var(--green);}
.product-chemical-wrapper::-webkit-scrollbar-thumb:hover {background-color: #8CEfBf;}
.product-chemical-wrapper::-webkit-scrollbar-track {background-color: #144a75; border-radius: 10px;}
.chemical-item {font-family: var(--antenna); font-size: 17px; border-top: 1px solid #144a75; padding-top: 2px; padding-bottom: 2px; margin-right: 10%;}
.product-characteristic {font-family: var(--gothambook); font-size: 15px; color: #FFF; height: 130px; overflow: auto; padding-right: 5%;}
.product-characteristic::-webkit-scrollbar {width: 8px;}
.product-characteristic::-webkit-scrollbar-thumb {background-color: var(--green);}
.product-characteristic::-webkit-scrollbar-thumb:hover {background-color: #8CEfBf;}
.product-characteristic::-webkit-scrollbar-track {background-color: #144a75; border-radius: 10px;}
.product-image-wrapper {float: left; width: 40%; padding-left: 2%;}
.product-image-selected-slider {height: 400px; clip-path: polygon(42px 3px, 50px 0px, 100% 0, 100% 100%, 0 100%, 0px 50px, 3px 43px); margin-bottom: 10px;}
.product-image-selected-slider .slick-list, .product-image-selected-slider .slick-track {height: 100%; border-radius: 10px;}
.product-image {background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 5px;}
.product-image img {visibility: hidden;}
.product-image-choices-slider {height: 100px;}
.product-image-choices-slider .slick-list, .product-image-choices-slider .slick-track {height: 100%;}
.product-image-choices-slider .product-image {margin-left: 5px; margin-right: 5px;}
/* .product-image-choices-slider .product-image.slick-current {border: 3px solid var(--green); box-sizing: border-box;} */
.product-image-choices-slider .slick-prev, .product-image-choices-slider .slick-next {transition: var(--transition); color: #000; z-index: 5; width: 9px; height: 17px; top: unset; left: unset;}
.product-image-choices-slider .slick-prev:hover, .product-image-choices-slider .slick-next:hover {opacity: var(--imageopacity);}
.product-image-choices-slider .slick-prev {left: -20px; top: 50%; transform: translateY(-50%); background: url('../img/product-slide-prev.png') no-repeat 0 0;}
.product-image-choices-slider .slick-next {right: -20px; top: 50%; transform: translateY(-50%); background: url('../img/product-slide-next.png') no-repeat 0 0;}
.product-image-choices-slider .slick-prev:before, .product-image-choices-slider .slick-next:before {content: '';}

#section-enquiry-form {padding-top: 150px; background: #ededee;}
.enquiry-form-intro {position: absolute; width: 30%; left: 60%; top: 50%; transform: translateY(-50%); font-size: 31px; font-family: var(--antenna); font-weight: 500; color: var(--green); line-height: 1.2em; padding-bottom: 40px;}
.enquiry-form-intro-decor {position: absolute; bottom: 0; left: 0; width: 40%; height: 4px; background-color: var(--green); clip-path: polygon(0 0, 100% 0, calc(100% - 4px) 100%, 0 100%);}
.enquiry-form-box-wrapper {
    position: relative; z-index: 1;
    filter: drop-shadow(5px 4px 2px rgba(0, 0, 0, 0.5));
}
.enquiry-form-box {
    width: 50%; margin-bottom: -100px; border-radius: 0 10px 0 0; padding: 60px 5% 90px 5%;background: #FFF;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), calc(100% - 60px) 100%, 0 100%);
}
.enquiry-form-decor {
    background: var(--green); width: 50%; height: 10px; position: absolute; left: 0; top: 0;
    clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}
.enquiry-form-title {font-family: var(--antenna); font-size: 26px; font-weight: 500; color: var(--blue); margin-bottom: 30px;}
.enquiry-form-group {margin-bottom: 10px;}
.enquiry-form-label {float: left; width: 30%; font-weight: 500; font-size: 12px; color: var(--green); letter-spacing: 2px;}
.enquiry-form-input {float: left; width: 70%;}
.enquiry-form-input input[type="text"], .enquiry-form-input input[type="email"], .enquiry-form-input input[type="number"], .enquiry-form-input select, .enquiry-form-input textarea {width: 100%; border: 1px solid #bbbdbf; border-radius: 5px; background: transparent; padding: 7px 15px; font-size: 12px; font-family: var(--gothambook);}

#section-related-product {padding-top: 240px; padding-bottom: 100px; background: #dcddde;}
.related-product-title {font-family: var(--antenna); font-weight: 500; font-size: 31px; color: var(--green); padding-bottom: 20px; border-bottom: 2px solid #b4b6b8; margin-bottom: 30px;}
.related-product-item {float: left; width: 25%; padding-right: 3%;}
.related-product-image {background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; clip-path: polygon(40px 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 40px);}
.related-product-image:after {content: ""; display: block; padding-bottom: 100%; margin-bottom: 20px;}
.related-product-code {font-size: 17px; color: var(--blue); font-family: var(--antenna);}
.related-product-link {display: flex; font-weight: bold; font-size: 12px; letter-spacing: 2px; color: var(--green); align-items: center;}
.related-product-link a {color: var(--green); display: flex; align-items: center;}
.related-product-link-arrow, .related-product-link-arrow-hover {margin-left: 10px;}
.related-product-link-arrow-hover {display: none;}
.related-product-link a:hover {color: var(--blue);}
.related-product-link a:hover .related-product-link-arrow {display: none;}
.related-product-link a:hover .related-product-link-arrow-hover {display: inline-block;}

.dimension-black-grad-bg {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 101;}
.dimension-guide-box {position: absolute; left: 50%; top: 50%; height: 95vh; width: 90%; transform: translate(-50%, -50%); background: #FFF; clip-path: polygon(60px 0, 100% 0, 100% 100%, 0 100%, 0 60px); border-radius: 15px; padding: 50px 5% 30px 5%;}
.btn-guide-close {transition: var(--transition); position: absolute; top: 20px; right: 20px; width: 34px; height: 34px; background: url('../img/btn-close-chat-form.png') no-repeat 0 0; cursor: pointer;}
.btn-guide-close:hover {opacity: var(--imageopacity);}
.guide-title {font-family: var(--antenna); font-size: 30px; font-weight: 500; color: var(--blue);}
.guide-content-wrapper {height: 100%;}
.guide-top {margin-bottom: 10px; height: 100px;}
.guide-bottom {height: calc(100% - 100px)}
.guide-type-wrapper {height: 53px;}
.guide-type-wrapper .slick-list, .guide-type-wrapper .slick-track {height: 100%;}
.guide-type-wrapper .slick-prev, .guide-type-wrapper .slick-next {transition: var(--transition); color: #000; z-index: 5; width: 9px; height: 17px;}
.guide-type-wrapper .slick-prev:hover, .guide-type-wrapper .slick-next:hover {opacity: var(--imageopacity);}
.guide-type-wrapper .slick-prev {background: url('../img/product-slide-prev.png') no-repeat 0 0; left: -3.5%;}
.guide-type-wrapper .slick-next {background: url('../img/product-slide-next.png') no-repeat 0 0; right: -3.5%;}
.guide-type-wrapper .slick-prev:before, .guide-type-wrapper .slick-next:before {content: '';}
.guide-type-item {transition: var(--transition); width: 16%; height: 100%; display: flex !important; align-items: center; font-family: var(--antenna); font-size: 16px; color: #939598; clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px); background-color: #e7e8e9; line-height: 1.1em; padding-left: 15px; padding-right: 15px; cursor: pointer;}
.guide-type-item.active, .guide-type-item:hover {color: #FFF; background-color: var(--blue);}
.guide-table-wrapper {float: left; width: 55%; height: 100%; overflow: auto; padding-right: 2%;}
.guide-table-wrapper .table-responsive {padding-right: 3%; height: 100%;}
.guide-table-wrapper table {width: 100%; border-collapse: collapse; white-space: nowrap;}
.guide-table-wrapper th {border: 1px solid #b0bddb; background: #0e60a0; color: #FFF; font-weight: bold; font-size: 14px; color: #FFF; letter-spacing: 1px; padding: 5px 20px; text-transform: uppercase;}
.guide-image-wrapper {float: right; width: 45%; height: 100%; border: 2px solid var(--blue)}
.guide-image-wrapper .slick-list, .guide-image-wrapper .slick-track {height: 100%;}
.guide-image-wrapper .slick-prev, .guide-image-wrapper .slick-next {transition: var(--transition); color: #000; z-index: 5; width: 9px; height: 17px; top: unset; bottom: 20px;}
.guide-image-wrapper .slick-prev:hover, .guide-image-wrapper .slick-next:hover {opacity: var(--imageopacity);}
.guide-image-wrapper .slick-prev {left: 5%; background: url('../img/product-slide-prev.png') no-repeat 0 0;}
.guide-image-wrapper .slick-next {right: 5%; background: url('../img/product-slide-next.png') no-repeat 0 0;}
.guide-image-wrapper .slick-prev:before, .guide-image-wrapper .slick-next:before {content: '';}
.guide-image-wrapper .slick-track {width: 100% !important;}
.guide-image-item {background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100% !important;}

/* PAGE PRODUCT END */

/* PAGE CAREER */

#section-career-intro {
    z-index: 2;
    padding-top: 50px; padding-bottom: 0px; position: relative;
    background: rgb(57,172,122);
    background-image: url('../img/career-intro-bg.png');
    background-image: url('../img/career-intro-bg.png'), linear-gradient(200deg, rgba(57,172,122,1) 50%, rgba(96,192,144,1) 100%);
}
.career-intro-top-right {width: 300px; background: rgb(57,172,122); height: 67px; position: absolute; top: -67px; right: 0; clip-path: polygon(57px 5px, 60px 3px, 64px 1px, 67px 0px, 100% 0, 100% 100%, 0 100%);}
#section-career-intro .breadcrumb {margin-bottom: 40px;}
.career-intro-wrapper {display: flex; align-items: center; justify-content: space-around;}
.department-wrapper {position: relative;}
.department-dropdown {
    border-radius: 10px; display: inline-block; position: relative; background: var(--blue); box-sizing: border-box; width: 100%; height: 72px;
    clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 34px, 100% 100%, 0 100%);}
.chosen-department {
    cursor: pointer; border-radius: 10px; font-size: 21px; font-weight: 300; color: var(--grey); position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: 68px; padding: 17px 70px 17px 25px; white-space: nowrap;
    background: url('../img/caret-down.png') no-repeat 93% center; background-color: #FFF;
    clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 34px, 100% 100%, 0 100%)
}
.department-choice-wrapper {display: none; position: absolute; z-index: 5; top: 100%; left: 0; width: 100%; border-radius: 10px; border: 2px solid var(--blue); background: #FFF; padding: 20px 5% 20px 5%; height: 170px; overflow: hidden;}
.department-choice-wrapper-inner {overflow-y: auto; height: 100%;}
.department-choice-item {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #d7d8da;}
.department-checkbox-wrapper {float: left; width: 28px; }
.department-checkbox-wrapper .icheckbox_minimal-blue {margin-top: -5px;}
.department-name {overflow: hidden; font-family: var(--antenna); font-size: 15px; color: var(--grey);}

#section-career-list {z-index: 0; background: #ededee; padding-top: 80px; padding-bottom: 100px;}
.career-list {display: grid; grid-template-columns: 50% 50%; grid-auto-rows: 1fr;}
.career-item-wrap {
    float: left; width: 100%; padding-right: 8%; margin-bottom: 40px;
    filter: drop-shadow(5px 4px 2px rgba(0, 0, 0, 0.5));
}
.career-item {
    height: 100%; background: #FFF; padding: 40px 6% 82px 6%; border-radius: 10px; position: relative;
    clip-path: polygon(0 0, calc(100% - 50px) 0px, calc(100% - 41px) 2px, calc(100% - 2px) 41px, 100% 50px, 100% 100%, 0 100%);
}
.career-item-top {margin-bottom: 60px;}
.career-item-title {font-family: var(--antenna); font-size: 26px; font-weight: 500; color: var(--blue); line-height: 1.2em; float: left; width: 50%; padding-right: 3%;}
.career-item-department-wrapper {float: left; width: 50%; padding-left: 3%;}
.career-item-label {font-weight: 500; font-size: 12px; color: var(--green); letter-spacing: 1px;}
.career-item-department-label {font-weight: 500; font-size: 12px; color: var(--green); letter-spacing: 1px;}
.career-item-department {font-family: var(--antenna); font-size: 17px; color: var(--blue); line-height: 1.2em;}
.career-item-link {position: absolute; left: 6%; width: 88% !important; bottom: 30px !important; cursor: pointer; transition: var(--transition); color: var(--green); font-weight: bold; font-size: 12px; letter-spacing: 2px; width: 100%; bottom: 0; border-top: 2px solid #c1c3c5; border-bottom: 2px solid #c1c3c5; padding-top: 15px; padding-bottom: 15px; display: flex; align-items: center; white-space: nowrap;}
.career-item-link img {margin-left: 10px;}
.career-item-link:hover {color: var(--blue);}
.career-item-link:hover .career-link-arrow {display: none;}
.career-item-link:hover .career-link-arrow-hover {display: inline-block;}
.career-link-arrow-hover {display: none;}
.career-requirement-black-bg {display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, 0.6)}
.career-requirement-box {position: absolute; top: 50%; left: 50%; width: 90%; transform: translate(-50%, -50%); background: #FFF; border-radius: 10px; padding: 90px 4% 45px 4%;}
.career-requirement-close {transition: var(--transition); position: absolute; top: 20px; right: 20px; width: 34px; height: 34px; background: url('../img/btn-close-chat-form.png') no-repeat 0 0; cursor: pointer;}
.career-requirement-close:hover {opacity: var(--imageopacity);}
.career-requirement-left {overflow: hidden;}
.career-requirement-right {float: right; width: 250px; padding-left: 5%;}
.career-requirement-header {margin-bottom: 50px;}
.career-requirement-box .career-item-title {float: left; width: 50%; padding-right: 2%; font-size: 27px; font-family: var(--antenna); font-weight: 500; color: var(--blue);}
.career-requirement-box .career-item-department-wrapper {float: left; width: 50%; padding-left: 0;}
.career-requirement-box .career-item-label {font-weight: 500; font-size: 12px; color: var(--green); letter-spacing: 1px;}
.career-requirement-box .career-item-department {font-family: var(--antenna); font-size: 17px; color: var(--blue);}
.career-task-wrapper, .career-requirement-wrapper {float: left; width: 50%; padding-right: 2%;}
.career-task-wrapper ol, .career-requirement-wrapper ol {padding-left: 20px; list-style-type: decimal-leading-zero;}
.career-task-wrapper li, .career-requirement-wrapper li {font-size: 15px; font-family: var(--gothambook); color: var(--grey);}
.career-task-wrapper li::marker, .career-requirement-wrapper li::marker {font-weight: bold; color: var(--green); font-size: 10px;}
.career-look-forward-wrapper {display: none;}
.career-look-forward {font-family: var(--antenna); font-size: 15px; color: var(--blue); margin-bottom: 30px;}
.career-look-forward-wrapper .career-look-forward {margin-bottom: 15px; max-width: 275px;}
.career-requirement-right .jam-button {width: 100%; cursor: pointer;}

/* PAGE CAREER END */

/* PAGE CONTACT */

#section-contact-company-name {
    padding-top: 110px; padding-bottom: 70px; margin-top: -67px;
    clip-path: var(--clipbanner);
    background: #FFF;
}
.contact-company-name {letter-spacing: 1px; float: right; width: 32%; font-family: var(--antenna); font-weight: bold; font-size: 24px; color: var(--blue); line-height: 1.5em; padding-bottom: 20px; position: relative;}
.contact-company-name-decor {height: 5px; width: 50%; position: absolute; left: 0; bottom: 0; background-color: var(--green); clip-path: polygon(0 0, 100% 0, calc(100% - 5px) 100%, 0 100%)}

#section-contact-company-address {background-color: #e7e8e9; padding-top: 45px; padding-bottom: 200px; padding-right: 5%;}
.contact-form-box-wrapper {margin-top: -15%; float: left; width: 50%;}
.contact-form-box {
    border-radius: 0 10px 0 0; padding: 60px 5% 90px 5%; position: relative;
    background: rgb(0,41,75);
    background: linear-gradient(47deg, rgba(0,41,75,1) 40%, rgba(0,1,43,1) 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 0px) calc(100% - 60px), calc(100% - 2px) calc(100% - 52px), calc(100% - 52px) calc(100% - 2px), calc(100% - 60px) 100%, 0 100%);
}
.contact-form-decor {
    background: var(--green); width: 50%; height: 10px; position: absolute; left: 0; top: 0;
    clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}
.contact-form-title {font-size: 39px; color: var(--green); font-family: var(--antenna); font-weight: 500; margin-bottom: 25px;}
.contact-form-group {margin-bottom: 10px;}
.contact-form-label {float: left; width: 30%; font-weight: 500; font-size: 12px; color: var(--green); letter-spacing: 2px; padding-right: 10px;}
.contact-form-input {float: left; width: 70%;}
.contact-form-input input[type="text"], .contact-form-input input[type="email"], .contact-form-input input[type="number"], .contact-form-input select, .contact-form-input textarea {width: 100%; border: 1px solid #FFF; border-radius: 5px; background: transparent; padding: 7px 15px; color: #FFF; font-size: 12px; font-family: var(--gothambook);}
.contact-form-wrapper .jam-button {padding: 10px 70px;}
.contact-form-wrapper option {background: rgb(0,41,75);}
.company-address-wrapper {float: right; width: 30%;}
.company-address-group {border-bottom: 2px solid #b2b4b6; margin-bottom: 20px;}
.contact-address-title {font-weight: bold; font-size: 13px; color: var(--green); letter-spacing: 2px; line-height: 1.2em; margin-bottom: 15px;}
.contact-address-content {font-family: var(--gothambook); font-size: 17px; color: var(--grey); line-height: 1.5em; margin-bottom: 20px;}
.contact-google-map-wrapper {display: flex; align-items: center; margin-bottom: 20px;}
.contact-phone-wrapper {float: left; width: 50%; padding-right: 2%;}
.contact-social-media-wrapper {float: left; width: 50%; padding-left: 2%;}
.contact-phone-item {margin-bottom: 2px; border-bottom: 1px solid #b2b4b6;}
.contact-phone-item a {color: var(--grey);}
.contact-phone-item a:hover {color: var(--blue);}
.contact-social-media-item-wrapper {display: flex; justify-content: space-between;}
.contact-social-media-item {position: relative;}
#contact-wechat-popup {display: none; padding: 5px; align-items: center; justify-content: center; text-align: center; position: absolute; top: 50%; right: calc(100% + 10px); width: 130px; height: 130px; z-index: 1; transform: translateY(-50%); background-color: var(--green);}
#contact-wechat-arrow-left { width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-right:10px solid var(--green); position: absolute; top: 50%; right: -10px; transform: translateY(-50%) rotate(180deg);}

/* PAGE CONTACT END */

/* PAGE SEARCH */

#section-search {background: #ededee; padding-top: 95px; padding-bottom: 290px;}
.search-form-wrapper {position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px;}
.search-input-wrapper {position: relative; flex: 1; margin-right: 10%;}
.text-search {width: calc(100% - 45px); border: 2px solid var(--blue); color: #939598; font-size: 21px; font-weight: 300; height: 67px; padding: 20px 50px 20px 30px; border-radius: 15px;}
#btn-search {transition: var(--transition); width: 90px; height: 67px; background: url('../img/btn-search.png') no-repeat 0 0; position: absolute; right: 0; top: 0; border: 0;}
#btn-search:hover {filter: brightness(120%);}
.search-num-result {padding-right: 5%;}
.search-num-result-label {font-weight: bold; font-size: 13px; color: var(--blue); letter-spacing: 2px; margin-bottom: 5px;}
.search-num-result-value {font-size: 33px; font-weight: 500; color: var(--green); white-space: nowrap; line-height: 1em;}
.result-item {float: left; width: 46%; margin-right: 2%; margin-bottom: 40px; background: #FFF; clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%); padding: 40px 3% 30px 3%; border-radius: 10px; position: relative;}
.result-item-top {margin-bottom: 20px;}
.result-item-title {font-family: var(--antenna); font-size: 26px; font-weight: 500; color: var(--blue); line-height: 1.2em; margin-bottom: 15px;}
.result-item-content {font-family: var(--gothambook); color: var(--grey); font-size: 15px;}
.result-item-link {cursor: pointer; transition: var(--transition); color: var(--green); font-weight: bold; font-size: 12px; letter-spacing: 2px; width: 100%; bottom: 0; border-top: 2px solid #c1c3c5; border-bottom: 2px solid #c1c3c5; padding-top: 15px; padding-bottom: 15px; display: flex; align-items: center; white-space: nowrap;}
.result-item-link img {margin-left: 10px;}
.result-item-link:hover {color: var(--blue);}
.result-item-link:hover .result-link-arrow {display: none;}
.result-item-link:hover .result-link-arrow-hover {display: inline-block;}
.result-link-arrow-hover {display: none;}

/* PAGE SEARCH END*/

#footer {
    padding-top: 100px; padding-bottom: 115px; position: relative; margin-top: -438px; min-height: 400px; clear:both; 
    background: rgb(0,16,53); 
    background-image: url('../img/footer-decor.png');
    background-image: url('../img/footer-decor.png'), linear-gradient(90deg, rgba(0,16,53,1) 0%, rgba(0,41,75,1) 100%); 
    background-repeat: no-repeat;
    background-position: left bottom;
    clip-path: polygon(0 0, 250px 0, 255px 1px, 260px 4px, 280px 30px, 100% 30px, 100% 100%, 0 100%);
}
#footer .inline-container {display: flex; position: relative;}
.footer-border-bottom {
    background: var(--green); 
    clip-path: polygon(0 20px, calc(100% - 400px) 20px, calc(100% - 380px) 0, 100% 0, 100% 100%, 0 100%);
    position: absolute; bottom: 0; left: 0; height: 30px; width: 100%;
}
.footer-left {float: left; text-align: right;}
.footer-logo {margin-bottom: 25px;}
.indowire-member {color: #FFF; font-weight: 500; font-size: 11px; display: flex; align-items: center; justify-content: end; display: none;}
.indowire-member-label {padding-right: 10px;}
.footer-right {position: relative; display: flex;}
.footer-col {padding-left: 5%; float: left;}
.back-to-top {transition: var(--transition); position: absolute; z-index: 1; right: 5%; bottom: 0; width: 29px; height: 34px; background: url('../img/back-to-top.png') no-repeat 0 0;}
.back-to-top:hover {opacity: var(--imageopacity); cursor: pointer;}
/* .footer-col-wrapper {overflow: hidden;} */
#footer-col1 {width: 15%;}
#footer-col2 {width: 56%;}
#footer-col3 {width: 44%;}
.footer-col-inner {width: 85%; float: left;}
.footer-label {font-family: var(--antenna); font-weight: bold; font-size: 13px; color: var(--green); margin-bottom: 15px;}
.footer-label2 {font-weight: 500; font-size: 11px; color: #FFF;}
.footer-value{color: #FFF; font-size: 13px; font-weight: 500; margin-bottom: 10px;}
.footer-value a {color: #FFF;}
.footer-value a:hover {color: var(--green);}
.footer-nav-link {margin-bottom: 40px;}
.footer-nav-link a {padding-bottom: 5px; font-weight: bold; font-family: var(--antenna); font-size: 12.7px; color: var(--green); border-bottom: 2px solid var(--green);}
.footer-nav-link a:hover {filter: brightness(130%);}
.footer-company-name {font-size: 11.5px; color: #FFF; font-weight: 900; margin-bottom: 10px; letter-spacing: 2px;}
.footer-address-wrapper {padding-bottom: 20px; border-bottom: 2px solid #95a3bb; margin-bottom: 20px;}
.footer-google-map-wrapper {display: flex; align-items: center;}
.google-map-link {padding-left: 10px;}
.google-map-link a {font-weight: 500; font-size: 13px; color: var(--green); display: flex; align-items: center;}
.google-map-link a:hover {color: #8CEfBf;}
.google-map-link img {margin-left: 10px;}
.copyright {font-weight: 500; font-size: 11px; color: #FFF; letter-spacing: 2px;}
.footer-social-media-wrapper {margin-bottom: 30px;}
.footer-social-media-item-wrapper {display: flex; align-items: center;}
.footer-social-media-item {text-align: center; border-right: 1px solid #FFF; width: 100%;}
.footer-social-media-item.most-right {border: 0;}
#footer-wechat {cursor: pointer; position: relative;}
#footer-wechat-popup {display: none; padding: 5px; align-items: center; justify-content: center; text-align: center; position: absolute; top: 50%; left: 100%; width: 130px; height: 130px; z-index: 1; transform: translateY(-50%); background-color: var(--green);}
#footer-wechat-arrow-left { width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-right:10px solid var(--green); position: absolute; top: 50%; left: -10px; transform: translateY(-50%);}
.footer-chat-with-us {float: right; padding-left: 3%;}
.chat-with-us {transition: var(--transition); width: 134px; height: 45px; background: url('../img/chat-with-us.png') no-repeat 0 0; cursor: pointer;}
.chat-with-us.cn {background-image: url('../img/chat-with-us-cn.png');}
.chat-with-us:hover {filter: brightness(150%);}
.footer-bottom {display: none;}
.footer-bottom-inner {display: flex; justify-content: space-between; padding-bottom: 40px; border-bottom: 2px solid #95a3bb; margin-bottom: 20px;}
.footer-bottom .back-to-top {position: static;}

.floating-nav-wrapper, .floating-nav-min-wrapper {position: fixed; z-index: 99; right: 0; top: 50%; transform: translateY(-50%);}
.floating-nav-min-wrapper {display: none;}
.floating-nav-item {transition: var(--transition); width: 65px; height: 65px; background-repeat: no-repeat; background-position: center center; background-color: #c6c8ca; cursor: pointer;}
.floating-nav-item:hover {background-color: var(--green);}
#float-nav-mail {background-image: url('../img/icon-mail.png');}
#float-nav-mail:hover {background-image: url('../img/icon-mail-hover.png');}
#float-nav-phone {background-image: url('../img/icon-phone.png');}
#float-nav-phone:hover {background-image: url('../img/icon-phone-hover.png');}
#float-nav-close {background-image: url('../img/icon-close-floating-nav.png');}
#float-nav-close:hover {background-image: url('../img/icon-close-floating-nav-hover.png');}
#float-nav-wechat {background-image: url('../img/icon-wechat.png');}
#float-nav-wechat:hover {background-image: url('../img/icon-wechat-hover.png');}
#float-nav-wa {background-image: url('../img/icon-wa.png');}
#float-nav-wa:hover {background-image: url('../img/icon-wa-hover.png');}
#float-nav-open {transition: var(--transition); width: 35px; height: 65px; background: url('../img/icon-open-floating-nav.png') no-repeat center center; background-color: #c6c8ca; cursor: pointer;}
#float-nav-open:hover {background-color: var(--green); background-image: url('../img/icon-open-floating-nav-hover.png')}
#float-nav-wechat-popup {display: none; padding: 5px; align-items: center; justify-content: center; text-align: center; position: absolute; bottom: 65px; right: 65px; width: 130px; height: 130px; background-color: var(--green);}
#float-nav-lang {background-image: url('../img/icon-lang.png');}
#float-nav-lang:hover {background-image: url('../img/icon-lang-hover.png');}
#float-nav-lang-popup {display: none; padding: 5px; align-items: center; justify-content: center; text-align: center; position: absolute; bottom: 0; right: 65px; width: 160px; background-color: var(--green);}
.lang-item {font-family: var(--antenna); font-weight: bold; font-size: 12px; text-align: left; padding: 10px 15px 10px 15px}
.lang-item a {color: #FFF; display: block;}
.lang-item:hover, .lang-item.active {background-color: var(--blue)}
.lang-item.cn {font-family: var(--notosanssc) !important;}
.lang-item.en {font-family: var(--gotham) !important;}

.chat-form-black-bg {display: none; z-index: 101; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.7);}
.chat-form-wrapper {
    width: 100%; max-width: 640px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #FFF; border-radius: 0 10px 0 0; padding: 70px 5% 50px 5%;
    clip-path: polygon(0 0, 100% 0, calc(100% - 0px) calc(100% - 50px), calc(100% - 2px) calc(100% - 45px), calc(100% - 45px) calc(100% - 2px), calc(100% - 50px) 100%, 0 100%);
}
.chat-form-decor {position: absolute; top: 0; left: 0; width: 45%; height: 10px; background-color: var(--green); clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);}
.chat-form-close-button {width: 34px; height: 34px; background: url('../img/btn-close-chat-form.png') no-repeat 0 0; position: absolute; top: 20px; right: 20px; cursor: pointer;}
.chat-form-intro {font-family: var(--antenna); font-size: 16px; color: #00294b; margin-bottom: 20px;}
.chat-form-group {margin-bottom: 10px;}
.chat-form-label {float: left; width: 30%; padding-right: 3%; font-weight: 500; font-size: 12px; color: var(--green); text-transform: uppercase; letter-spacing: 2px;}
.chat-form-input {float: left; width: 70%; position: relative;}
.chat-form-input input[type="text"], .chat-form-input input[type="email"], .chat-form-input select {border: 1px solid #d7d8da; font-size: 12px; font-family: var(--gothambook);}
.chat-form-input textarea {border: 1px solid #d7d8da; background-color: transparent; resize: none;}
.jam-button-wrapper {text-align: right;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

.grecaptcha-badge { display:none !important; }
.recaptcha-label {font-size: 12px; color: #FFF;}
.enquiry-form-box .recaptcha-label {color: var(--green);}
.icon-loading img {width: 60px;}

@media screen and (max-width: 1200px){
    #footer-col1 {width: 20%;}
    .footer-col-inner {width: 80%;}
}

@media screen and (max-width: 1100px){
    .logo-container {width: 405px;}
    .indowire-member {flex-direction: column; align-items: flex-start;}
    .indowire-member-label {margin-bottom: 5px;}

    .banner-title {font-size: 40px;}

    .slide-text-container {max-width: 50%;}
    .slide-number {font-size: 14px;}
    .slide-title {font-size: 40px}
    .slide-subtitle {font-size: 14px;}

    .home-product-item-image {height: 280px;}

    #section-coverage {padding-bottom: 100px;}
    .country-wrapper {width: 60%;}

    .solution-motto {font-size: 36px;}
    .solution-desc {font-size: 16px;}
    .solution-quantity {font-size: 20px;}
    .solution-item-title {font-size: 12px;}
    .solution-item-desc {font-size: 15px;}

    .career-item-title {font-size: 23px;}
    .career-item-department {font-size: 16px;}

    .product-intro-desc {font-size: 19px;}
    .category-item-name {font-size: 27px}
    .category-item-desc {font-size: 15px;}
}

@media screen and (max-width: 1000px) {
    .nav-item {font-size: 10px;}
    .logo-container {width: 380px;}

    .banner-title {font-size: 38px;}

    .section-title {font-size: 36px;}
    .home-about-desc {font-size: 20px;}
    .home-facility-desc {font-size: 21px;}

    .home-product-item-image {height: 250px;}

    #section-coverage {padding-bottom: 150px;}

    .milestone-item-year {font-size: 45px;}
    .milestone-wrapper .slick-center .milestone-item-year {font-size: 57px;}
    .milestone-item-title {font-size: 13px;}
    .milestone-wrapper .slick-center .milestone-item-title {font-size: 15px;}
    .milestone-item-desc {font-size: 14px;}
    .milestone-wrapper .slick-center .milestone-item-desc {font-size: 17px;}

    .solution-motto {font-size: 32px;}
    .solution-desc {font-size: 15px;}
    .solution-quantity {font-size: 18px;}
    .solution-item-title {font-size: 11px;}
    .solution-item-desc {font-size: 14px;}

    .about-vision-mission-right .section-subtitle {font-size: 16px;}
    .vision-mission-content {font-size: 21px;}

    .core-value-item-title {font-size: 21px;}
    .core-value-item-desc {font-size: 15px;}

    .capacity-intro-left .section-title br {display: none;}
    .capacity-intro-right {font-size: 21px;}
    .casting-title-wrapper .section-subtitle {font-size: 21px;}
    #section-centrifugal-forging .section-subtitle {font-size: 21px;}

    .advanced-facility-item-number {font-size: 17px;}
    .advanced-facility-item-title {font-size: 27px;}
    .advanced-facility-item-desc {font-size: 16px;}

    .company-address-wrapper {width: 40%;}
    .contact-company-name {width: 42%;}
    .contact-form-title {font-size: 34px;}

    .department-dropdown {height: 59px; clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);}
    .chosen-department {font-size: 18px; height: 55px; padding: 14px 70px 17px 25px; clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);}
    .career-item-title {font-size: 21px;}
    .career-item-department {font-size: 15px;}
    .career-requirement-box .career-item-title {font-size: 25px;}

    .product-intro-desc {font-size: 18px;}
    .category-item-name {font-size: 25px}
    .category-item-desc {font-size: 14px;}
    .category-item-link {padding-top: 10px; padding-bottom: 10px;}
    .category-item-image {height: 290px;}

    .category-name {font-size: 27px; margin-bottom: 25px;}
    .category-desc2 {font-size: 21px;}
    .category-desc {font-size: 14px;}

    .standard-title {font-size: 26px; padding-bottom: 18px;}
    .standard-item-title {font-size: 20px;}
    .standard-product-item-code {font-size: 16px;}

    #section-product-header .inline-container2 {padding-left: 5%; padding-right: 5%;}

    .related-product-title {font-size: 28px; padding-bottom: 18px;}

    .result-item-title {font-size: 24px;}
}

@media screen and (max-width: 900px) {
    .logo-container {width: 350px;}

    .banner-title {font-size: 35px;}

    .slide-number {font-size: 13px;}
    .slide-title {font-size: 36px}
    .slide-subtitle {font-size: 13px;}

    .section-title {font-size: 33px;}
    .home-about-desc {font-size: 19px;}

    .home-facility-desc {font-size: 20px;}

    .home-product-item-image {height: 200px;}
    .home-product-item-name {font-size: 13px;}
    .country-wrapper ul {padding-left: 20px;}

    .about-history {font-size: 14px;}

    .milestone-item-year {font-size: 40px;}
    .milestone-wrapper .slick-center .milestone-item-year {font-size: 51px;}
    .milestone-item-title {font-size: 12px;}
    .milestone-wrapper .slick-center .milestone-item-title {font-size: 14px;}
    .milestone-item-desc {font-size: 13px;}
    .milestone-wrapper .slick-center .milestone-item-desc {font-size: 16px;}

    .solution-motto {font-size: 29px;}
    .solution-desc {font-size: 14px;}
    .solution-quantity {font-size: 17px;}
    .solution-item-title {font-size: 10px; letter-spacing: 1px;}
    .solution-item-desc {font-size: 13px;}

    .about-vision-mission-right .section-subtitle {font-size: 15px;}
    .vision-mission-content {font-size: 19px;}

    .core-value-item-title {font-size: 19px;}
    .core-value-item-desc {font-size: 14px;}

    .capacity-intro-right {font-size: 19px;}
    .casting-title-wrapper .section-subtitle {font-size: 19px;}
    .casting-product-title-wrapper, .centrifugal-forging-title {font-size: 13px;}
    #section-centrifugal-forging .section-subtitle {font-size: 19px;}

    .advanced-facility-item-number {font-size: 16px;}
    .advanced-facility-item-title {font-size: 25px;}
    .advanced-facility-item-desc {font-size: 15px;}

    .contact-address-title {font-size: 12px;}
    .contact-address-content {font-size: 15px;}

    .career-item-title {font-size: 19px;}
    .career-item-department {font-size: 14px;}

    .product-intro-desc {font-size: 17px;}
    .category-item-name {font-size: 23px}
    .category-item-desc {font-size: 13px;}
    .category-item-link {font-size: 11px;}
    .category-item-image {height: 270px;}

    .category-name {font-size: 24px; margin-bottom: 22px;}
    .category-desc2 {font-size: 19px;}
    .category-desc {font-size: 13px;}
    
    .standard-title {font-size: 23px; padding-bottom: 16px;}
    .standard-item-title {font-size: 18px;}
    .standard-product-item-code {font-size: 15px;}

    .product-image-selected-slider {height: 330px;}
    .product-image-choices-slider {height: 65px;}
    .product-header-content, .chemical-item {font-size: 15px;}
    .product-characteristic {font-size: 14px;}
    .related-product-code {font-size: 16px;}
    .related-product-title {font-size: 25px; padding-bottom: 16px;}

    #footer .inline-container {flex-direction: column;}
    .footer-left {text-align: left; float: none; margin-bottom: 20px;}
    #footer-col1 {padding-left: 0;}

    .result-item-title {font-size: 22px;}
    .result-item-content {font-size: 14px;}
}

@media screen and (max-width: 800px) {
    .logo-container {width: 310px;}
    .nav-item {font-size: 9px;}

    .banner-title {font-size: 32px;}

    .slide-number {font-size: 12px; margin-bottom: 5px;}
    .slide-title {font-size: 30px; margin-bottom: 10px;}
    .slide-subtitle {font-size: 12px; margin-bottom: 15px;}
    .slide-link {font-size: 11px;}

    .section-title {font-size: 30px;}
    .home-about-desc {font-size: 18px;}
    .home-quality-desc {font-size: 14px;}
    .home-quality-item-icondescs {font-size: 15px;}
    .home-facility-desc {font-size: 19px;}
    .home-product-item-image {height: 180px;}
    .home-product-item-name {font-size: 12px;}
    .country-wrapper {left: 65%;}
    .country-wrapper li {font-size: 12px;}

    .about-history {font-size: 13px;}

    .milestone-item-year {font-size: 35px;}
    .milestone-wrapper .slick-center .milestone-item-year {font-size: 46px;}
    .milestone-item-title {font-size: 11px;}
    .milestone-wrapper .slick-center .milestone-item-title {font-size: 13px;}
    .milestone-item-desc {font-size: 12px;}
    .milestone-wrapper .slick-center .milestone-item-desc {font-size: 15px;}

    .solution-motto {font-size: 27px;}
    .solution-desc {font-size: 13px;}
    .solution-quantity {font-size: 16px;}
    .solution-quantity-inner {padding-right: 15px;}
    .solution-item-number {font-size: 16px;}
    .solution-item-title {letter-spacing: 0px;}
    .solution-item-desc {font-size: 12px;}

    .about-vision-mission-right .section-subtitle {font-size: 14px;}
    .vision-mission-content {font-size: 17px;}

    .core-value-item-title {font-size: 17px;}
    .core-value-item-desc {font-size: 13px;}

    .capacity-intro-right {font-size: 17px;}
    .casting-title-wrapper .section-subtitle {font-size: 17px;}
    .casting-product-title-wrapper, .centrifugal-forging-title {font-size: 11px;}
    .casting-next-icon {width: 10px; height: 10px;}
    .forging-item-title, .centrifugal-item-title {font-size: 15px;}
    #section-centrifugal-forging .section-subtitle {font-size: 17px;}
    #section-centrifugal-forging {padding-top: 90px;}
    .forging-wrapper {margin-bottom: 45px;}

    .advanced-facility-item-number {font-size: 15px;}
    .advanced-facility-item-title {font-size: 23px;}
    .advanced-facility-item-desc {font-size: 14px;}

    .contact-address-title {font-size: 11px;}
    .contact-address-content {font-size: 14px;}
    .contact-form-label {font-size: 11px;}
    .contact-form-title {font-size: 30px;}

    .department-dropdown {height: 54px; clip-path: polygon(0 0, calc(100% - 19px) 0, 100% 19px, 100% 100%, 0 100%);}
    .chosen-department {font-size: 16px; height: 50px; clip-path: polygon(0 0, calc(100% - 19px) 0, 100% 19px, 100% 100%, 0 100%);}
    .department-name {font-size: 14px;}
    .career-item-title {font-size: 17px;}
    .career-item-department {font-size: 13px;}
    .career-item-department-label {font-size: 11px;}
    .career-item-link {font-size: 11px;}
    .career-requirement-box .career-item-title {font-size: 23px;}
    .career-requirement-box .career-item-label {font-size: 11px;}
    .career-requirement-box .career-item-department {font-size: 15px;}
    .career-look-forward {font-size: 14px;}
    .career-requirement-box .career-item-label {font-size: 11px;}
    .career-task-wrapper li, .career-requirement-wrapper li {font-size: 13px;}

    .product-intro-desc {font-size: 16px;}
    .category-item-name {font-size: 21px}
    .category-item-desc {font-size: 12px;}
    .category-item-link {font-size: 10px; padding-top: 5px; padding-bottom: 5px;}
    .category-item-image {height: 250px;}

    .category-name {font-size: 21px; margin-bottom: 18px;}
    .category-desc2 {font-size: 17px;}
    .category-desc {font-size: 12px;}

    .standard-title {font-size: 21px; padding-bottom: 14px;}
    .standard-item-title {font-size: 17px;}
    .standard-product-item-code {font-size: 14px;}

    .product-image-selected-slider {height: 290px;}
    .product-image-choices-slider {height: 55px;}
    .product-header-content, .chemical-item {font-size: 14px;}
    .product-characteristic {font-size: 13px;}
    .product-row {margin-bottom: 25px;}

    .related-product-code {font-size: 15px;}
    .related-product-link {font-size: 11px;}
    .related-product-title {font-size: 23px; padding-bottom: 14px;}

    .enquiry-form-intro {font-size: 26px;}
    .enquiry-form-box {width: 55%;}

    .result-item-title {font-size: 20px;}
    .result-item-content {font-size: 13px;}
}

@media screen and (max-width: 700px) {
    .logo-container {width: 280px;}
    .nav-item {font-size: 8px; letter-spacing: 0;}

    .banner-title {font-size: 30px;}

    .section-title {font-size: 27px;}
    .section-subtitle {font-size: 12px; letter-spacing: 2px;}
    .jam-button {font-size: 11px;}

    .breadcrumb-item a {font-size: 11px;}

    .home-about-desc {font-size: 17px;}
    .home-quality-desc {font-size: 13px;}
    .home-quality-item-icondescs {font-size: 14px;}

    .home-facility-desc {font-size: 18px;}

    .home-product-item-image {height: 160px;}
    .home-product-item-name {font-size: 11px;}

    .about-history {font-size: 12px;}

    .milestone-item-year {font-size: 31px;}
    .milestone-wrapper .slick-center .milestone-item-year {font-size: 40px;}
    .milestone-item-title {font-size: 10px;}
    .milestone-wrapper .slick-center .milestone-item-title {font-size: 11px;}
    .milestone-item-desc {font-size: 11px;}
    .milestone-wrapper .slick-center .milestone-item-desc {font-size: 12px;}

    .certification-desc {font-size: 21px;}

    .solution-motto {font-size: 24px;}
    .solution-desc {font-size: 12px;}
    .solution-quantity {font-size: 14px;}
    .solution-item-title {font-size: 9px;}
    .solution-item-desc {font-size: 11px;}

    .about-vision-mission-right .section-subtitle {font-size: 13px;}
    .vision-mission-content {font-size: 15px;}

    .core-value-item-title {font-size: 15px;}
    .core-value-item-desc {font-size: 12px;}

    .brass-ingot-wrapper, .bronze-ingot-wrapper, .brass-rod-wrapper {padding-bottom: 45px;}
    .brass-bronze-ingot-wrapper, .brass-rod-wrapper, .bronze-tube-wrapper {margin-bottom: 45px;}
    .capacity-intro-right {font-size: 16px;}
    .casting-title-wrapper .section-subtitle {font-size: 16px;}
    .casting-product-title-wrapper, .centrifugal-forging-title {font-size: 10px;}
    .forging-item-title, .centrifugal-item-title {font-size: 13px;}
    #section-centrifugal-forging .section-subtitle {font-size: 16px;}
    .centrifugal-item-icon {margin-bottom: 20px;}
    .casting-next-icon-with-bg {width: 10px; height: 25px;}

    .advanced-facility-item-number {font-size: 14px;}
    .advanced-facility-item-title {font-size: 21px;}
    .advanced-facility-item-desc {font-size: 13px;}

    .contact-company-name {width: 47%;}
    .company-address-wrapper {width: 45%;}
    .contact-address-title {font-size: 10px;}
    .contact-address-content {font-size: 12px;}
    .contact-form-label {font-size: 10px;}
    .contact-form-title {font-size: 26px;}

    .department-dropdown {height: 49px; clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);}
    .chosen-department {font-size: 13px; height: 45px; clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%); padding: 13px 40px 17px 10px; background-size: 12px;}
    .department-name {font-size: 13px;}
    .career-item-title {font-size: 15px;}
    .career-item-department {font-size: 12px;}
    .career-item-department-label {font-size: 10px;}
    .career-item-link {font-size: 10px;}
    .career-requirement-box .career-item-title {font-size: 21px;}
    .career-requirement-box .career-item-label {font-size: 10px;}
    .career-requirement-box .career-item-department {font-size: 14px;}
    .career-look-forward {font-size: 13px;}
    .career-requirement-box .career-item-label {font-size: 10px;}
    .career-task-wrapper li, .career-requirement-wrapper li {font-size: 12px;}

    .product-intro-desc {font-size: 14px;}
    .category-item-name {font-size: 18px; margin-bottom: 10px;}
    .category-item-desc {font-size: 11px;}
    .category-item-link {letter-spacing: 0;}
    .category-item-image {height: 230px;}

    .category-name {font-size: 19px;}
    .category-desc2 {font-size: 15px;}
    .category-desc {font-size: 11px;}

    .standard-item {width: 47.5%;}
    .standard-item:nth-child(3n) {margin-right: 5%;}
    .standard-item:nth-child(2n) {margin-right: 0;}

    .product-image-selected-slider {height: 260px;}
    .product-image-choices-slider {height: 50px;}
    .product-header-content, .chemical-item {font-size: 13px;}
    .product-characteristic {font-size: 12px;}
    .product-row {margin-bottom: 20px;}
    .related-product-code {font-size: 14px;}
    .related-product-link {font-size: 10px;}

    #footer .inline-container {padding-right: calc(5% + 65px);}
    #footer-col1 {width: 30%;}
    .footer-col-inner {width: 70%;}
    #footer-col2, #footer-col3 {width: 100%;}
    .footer-bottom {display: block;}
    .footer-right .footer-chat-with-us {display: none;}
    .back-to-top {display: none;}
    .footer-bottom .back-to-top {display: block}
    #footer-col2 .copyright {display: none;}

    .result-item-title {font-size: 18px;}
    .result-item-content {font-size: 12px;}
    .result-item-link {font-size: 11px; padding-top: 10px; padding-bottom: 10px;}
}

@media screen and (max-width: 650px) {
    .slide-bg-desktop {display: none !important;}
    .slide-bg-mobile {display: block !important;}
    .slide-text-container {top: unset; bottom: 70px; transform: none; width: calc(95% - 70px); max-width: unset}
    #section-slideshow .slick-dots, #section-slideshow-mobile .slick-dots {height: 50px;}
    #section-slideshow .slick-prev, #section-slideshow .slick-next, #section-slideshow-mobile .slick-prev, #section-slideshow-mobile .slick-next {bottom: 10px !important;}

    #section-coverage {padding-bottom: 300px;}
    .section-coverage-title-wrapper {width: 90%; bottom: 200px;}
    .country-wrapper {left: 5%; bottom: 44px; transform: none; width: 90%;}

    .capacity-intro-right {font-size: 15px;}
    .casting-title-wrapper .section-subtitle {font-size: 15px;}
    #section-centrifugal-forging .section-subtitle {font-size: 15px;}
}

@media screen and (max-width: 600px) {
    .breadcrumb {margin-bottom: 70px;}

    .nav-container {display: none;}
    .logo-container {width: 400px;}
    .btn-nav-mobile {display: block;}

    .banner-desktop {display: none;}
    .banner-mobile {display: block;}
    .banner-title {width: 80%; transform: none; top: unset; bottom: 120px;}

    #section-slideshow {display: none;}
    #section-slideshow-mobile {display: block;}

    /* .slide-subtitle {font-size: 14px;} */

    .home-quality-left {float: none; width: 100%; text-align: center; padding-right: 0; margin-bottom: 30px;}
    .home-quality-right {float: none; width: 100%; padding-left: 0;}
    .home-quality-desc {font-size: 14px;}
    
    .home-strength-wrapper {bottom: -425px; clip-path: polygon(calc(100% - 270px) 50px, calc(100% - 220px) 0, 100% 0, 100% 100%, 0 100%, 0 100px, 50px 50px)}
    .home-strength-item {float: none; width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 30px;}

    #section-home-facility {padding-top: 510px;}

    .about-history-image {display: none;}
    .about-history-wrapper {float: none; width: 100%; padding-left: 0;}
    .about-history-wrapper img {display: block;}
    .about-history {font-size: 14px;}

    .home-product-item-name {font-size: 10px;}

    /* .milestone-item {padding-left: 0.5%; padding-right: 0.5%;} */
    .milestone-center {width: 80%;}
    .milestone-wrapper .slick-center .milestone-item-year {font-size: 50px;}
    .milestone-wrapper .slick-center .milestone-item-title {font-size: 16px;}
    .milestone-wrapper .slick-center .milestone-item-desc {font-size: 18px;}

    .solution-motto {font-size: 22px;}
    .solution-desc {float: none; width: 100%; padding-right: 0; margin-bottom: 10px; font-size: 14px;}
    .solution-quantity {float: none; width: 100%; padding-left: 0;}
    .solution-item-wrapper {display: flex; flex-wrap: wrap;}
    .solution-item-wrapper .clearfix {display: none;}
    .solution-item {width: 50%; margin-bottom: 30px;}
    .solution-item:nth-child(even) {padding-left: 5%; padding-right: 0;}
    .solution-item:nth-child(odd) {padding-right: 5%; padding-left: 0;}
    .solution-item-number {font-size: 21px;}
    .solution-item-title {font-size: 13px; letter-spacing: 2px;}
    .solution-item-desc {font-size: 16px;}

    .about-vision-mission-left {float: none; width: 100%; padding-right: 0; margin-bottom: 30px; text-align: center;}
    .about-vision-mission-left img {max-width: 300px;}
    .about-vision-mission-right {float: none; width: 100%; padding-left: 0;}
    .about-vision-mission-right .section-title {margin-bottom: 30px;}
    .about-vision-mission-right .section-title br {display: none;}

    .core-value-item {padding-bottom: 30px; padding-top: 30px; text-align: center;}
    .core-value-item-icon {float: none; width: 100%; padding-right: 0; margin-bottom: 20px;}
    .core-value-item-content {float: none; width: 100%; padding-left: 0;}
    .core-value-item-desc {max-width: unset; font-size: 14px;}

    #section-capacity-intro {padding-bottom: 110px;}
    .capacity-intro-left {float: none; width: 100%; padding-right: 0;}
    .capacity-intro-right {float: none; width: 100%; padding-left: 0;}
    .casting-title-wrapper {float: none; width: 100%; padding-right: 40px; padding-left: 0; margin-bottom: 70px;}
    .brass-bronze-ingot-wrapper {grid-template-columns: 100%;}
    .casting-item-title {font-size: 12px;}
    .capacity-finished-good {font-size: 14px;}
    .casting-item-icon img {max-width: 65%;}
    .brass-rod-wrapper .casting-item-icon-wrapper, .brass-rod-wrapper .casting-item-title-wrapper {grid-template-columns: 25% 25% 25% 25%}
    .bronze-ingot-wrapper {margin-bottom: 35px; padding-bottom: 35px; padding-left: 0;}
    .brass-ingot-wrapper {margin-bottom: 35px; padding-bottom: 35px; padding-right: 0;}
    .brass-rod-wrapper .casting-item-wrapper {display: none;}
    .brass-rod-wrapper .casting-item-wrapper-mobile {display: block;}
    .bronze-tube-wrapper .casting-item-icon-wrapper, .bronze-tube-wrapper .casting-item-title-wrapper {grid-template-columns: 20% 20% 20% 20% 20%;}
    .forging-item-title {font-size: 11px; padding-top: 15px; padding-bottom: 15px;}
    .centrifugal-item-title {font-size: 11px;}
    #section-centrifugal-forging .casting-next-icon, .casting-next-icon-reverse {width: 10px; height: 12px;}
    .casting-next-icon-down {width: 11px; height: 10px; bottom: -5px;}
    .casting-next-icon-down.pos-top {top: -5px;}
    .forging-wrapper, .centrifugal-wrapper {margin-bottom: 20px;}
    .centrifugal-item-wrapper {padding-top: 20px;}
    .centrifugal-item-icon {padding-bottom: 20px;}

    #section-advanced-intro .section-title {margin-left: 0%; width: 50%;}

    .advanced-facility-item-number {font-size: 13px;}
    .advanced-facility-item-title {font-size: 19px;}
    .advanced-facility-item-desc {font-size: 12px;}

    .contact-company-name {float: none; width: 300px;}
    .contact-form-box-wrapper {float: none; width: 80%; margin-bottom: 30px;}
    .contact-form-title {font-size: 39px;}
    .contact-form-label {font-size: 12px;}
    .company-address-wrapper {float: none; padding: 0 5% 0 5%; width: 100%;}
    .contact-address-title {font-size: 13px;}
    .contact-address-content {font-size: 17px;}

    /* .career-item-wrap {float: none; width: 100%;} */
    .career-intro-wrapper {display: grid; grid-auto-rows: 1fr; grid-template-columns: 50% 50%;}
    .career-intro-left {height: 100%; position: relative;}
    .career-intro-left img {position: absolute; bottom: 0;}
    .career-list {display: block;}
    .career-item-wrap {float: none;}
    .career-item-title {font-size: 23px;}
    .career-item-department-label {font-size: 12px;}
    .career-item-link {font-size: 12px;}
    .career-item-department {font-size: 16px;}
    .career-requirement-right {display: none;}
    .career-look-forward-wrapper {display: block;}

    .product-intro-text-wrapper {float: none; width: 100%;}
    .category-item {float: none; width: 100%; margin-right: 0; margin-left: 0;}
    .category-item-name {font-size: 27px; margin-bottom: 15px;}
    .category-item-image {height: 310px}
    .category-item-desc {font-size: 14px; margin-bottom: 65px;}
    .category-item-link {font-size: 12px; padding-top: 15px; padding-bottom: 15px; letter-spacing: 2px;}

    .product-header-wrapper {float: none; width: 100%; padding-right: 0; margin-bottom: 30px;}
    .product-image-wrapper {float: none; width: 100%; padding-left: 0;}
    .product-image-selected-slider {height: 400px}
    .product-image-choices-slider {height: 100px;}

    .related-product-item {width: 50%; margin-bottom: 25px;}
    .related-product-code {font-size: 17px;}
    .related-product-link {font-size: 12px;}

    .enquiry-form-intro {position: static; width: 90%; margin-left: 5%; margin-right: 5%;}
    .enquiry-form-box {width: 90%;}

    .guide-table-wrapper {float: none; width: 100%; padding-right: 0; height: 50%; padding-top: 10px;}
    .guide-image-wrapper {float: none; width: 100%; height: 50%;}

    .result-item {width: 100%; float: none; margin-right: 0;}
    .search-form-wrapper {flex-direction: column; align-items: flex-start;}
    .search-input-wrapper {width: 100%; margin-bottom: 20px;}

    #section-advanced-intro {padding-bottom: 210px;}
    
    #section-standard {padding-top: 80px; padding-bottom: 80px;}
}

@media screen and (max-width: 550px) {
    .slide-image-mobile {height: 380px;}

    .home-facility-right {float: none; width: 100%; text-align: center; margin-bottom: 30px;}
    .home-facility-left {float: none; width: 100%; padding-left: 0; padding-right: 0;}
    .home-facility-desc {max-width: 265px;}

    /* .milestone-center {width: 43%;} */

    .solution-item-number {font-size: 19px;}
    .solution-item-title {font-size: 12px;}
    .solution-item-desc {font-size: 15px;}

    #section-advanced-intro .section-title {width: 60%;}

    .advanced-facility-item, .advanced-facility-item.grey {flex-direction: column;}
    .advanced-facility-item-image {width: 100%; margin-bottom: 30px; padding-left: 0 !important; padding-right: 0 !important;}
    .advanced-facility-item-text {padding-left: 0 !important; padding-right: 0 !important; width: 100%;}
    .advanced-facility-item-number {font-size: 17.75px;}
    .advanced-facility-item-title {font-size: 29px;}
    .advanced-facility-item-desc {font-size: 17px;}

    .category-item-name {font-size: 24px; margin-bottom: 10px;}
    .category-item-image {height: 280px;}
    /* .category-item-desc {font-size: 13px;} */
    .category-item-link {font-size: 11px; padding-top: 10px; padding-bottom: 10px;}
}

@media screen and (max-width: 500px) {
    .breadcrumb-item {font-size: 9px; letter-spacing: 1px; line-height: 2em; margin-right: 5px;}
    .breadcrumb-item a {letter-spacing: 1px;}
    .breadcrumb-item + .breadcrumb-item::before {padding-right: 10px;}

    .logo-container {width: 350px; padding-right: 20%;}
    .slide-number {font-size: 11px;}
    .slide-title {font-size: 25px;}
    /* .slide-subtitle {font-size: 11px;} */
    .slide-link {font-size: 10px;}
    .slide-image-mobile {height: 360px;}

    .home-quality-item-icondescs {font-size: 13px;}

    .certification-title-wrapper {float: none; width: 100%; padding-right: 0; margin-bottom: 20px;}
    .certification-image {float: none; width: 100%; padding-left: 0;}

    .solution-motto {float: none; margin-bottom: 20px; width: 100%;}
    .solution-right {float: none; width: 100%;}
    .solution-desc {margin-bottom: 20px;}
    .solution-desc-inner {max-width: none;}
    .solution-item-number {font-size: 17px;}
    .solution-item-title {font-size: 11px; letter-spacing: 1px;}
    .solution-item-desc {font-size: 14px;}

    .milestone-wrapper .slick-center .milestone-item-year {font-size: 45px;}
    .milestone-wrapper .slick-center .milestone-item-title {font-size: 14px;}
    .milestone-wrapper .slick-center .milestone-item-desc {font-size: 16px;}

    .core-value-wrapper {grid-template-columns: 50% 50%;}
    .core-value-item {background: #FFF !important;}
    .core-value-item:nth-child(1), .core-value-item:nth-child(4), .core-value-item:nth-child(5) {background-color: #dcddde !important;}
    /* .core-value-item:nth-child(n+1) {background-color: #FFF;} */

    #section-advanced-intro .section-title {width: 70%;}

    .forging-item-title, .centrifugal-item-title {font-size: 10px;}

    .advanced-facility-item-number {font-size: 17px;}
    .advanced-facility-item-title {font-size: 27px;}
    .advanced-facility-item-desc {font-size: 16px;}

    .contact-form-box-wrapper {width: 90%;}
    .contact-form-title {font-size: 33px;}
    .contact-form-label {font-size: 10px;}
    .contact-address-title {font-size: 11px;}
    .contact-address-content {font-size: 15px;}

    .department-dropdown {height: 44px; clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);}
    .chosen-department {font-size: 11px; clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%); height: 40px;}
    .department-name {font-size: 12px;}
    .career-item-title {font-size: 21px;}
    .career-item-department-label {font-size: 11px;}
    .career-item-link {font-size: 11px;}
    .career-item-department {font-size: 15px;}

    .category-item-name {font-size: 21px;}
    .category-item-image {height: 250px;}
    /* .category-item-desc {font-size: 12px;} */
    .category-item-link {font-size: 11px; letter-spacing: 1px;}

    .footer-border-bottom {
        clip-path: polygon(0 20px, calc(100% - 200px) 20px, calc(100% - 180px) 0, 100% 0, 100% 100%, 0 100%);
    }
    #footer-wechat-popup {left: unset; right: 100%;}
    #footer-wechat-arrow-left {left: unset; right: -10px; transform: translateY(-50%) rotate(180deg)}
}

@media screen and (max-width: 450px) {
    .logo-container {width: 320px; padding-right: 25%;}
    #section-slideshow .slick-dots, #section-slideshow-mobile .slick-dots {padding: 10px 15% 10px 22%;}
    #section-slideshow .slick-prev, #section-slideshow-mobile .slick-prev {right: 82% !important;}
    .slide-bg-mobile {max-height: unset;}
    .slide-image-mobile {height: 340px;}

    .milestone-wrapper .slick-center .milestone-item-year {font-size: 40px;}
    .milestone-wrapper .slick-center .milestone-item-title {font-size: 13px;}
    .milestone-wrapper .slick-center .milestone-item-desc {font-size: 15px;}

    .solution-item-number {font-size: 15px;}
    .solution-item-title {font-size: 10px; letter-spacing: 0;}
    .solution-item-desc {font-size: 13px;}

    .about-vision-mission-right .section-title br {display: block;}

    .casting-item-title {font-size: 11px;}
    .capacity-finished-good {font-size: 13px;}

    #section-advanced-intro .section-title {width: 80%;}

    .advanced-facility-item-number {font-size: 16px;}
    .advanced-facility-item-title {font-size: 25px;}
    .advanced-facility-item-desc {font-size: 15px;}

    .contact-form-title {font-size: 28px;}

    .chosen-department {white-space: normal; line-height: 1.1em; padding-top: 7px; font-size: 12px;}
    .career-requirement-header {margin-bottom: 30px;}
    .career-task-wrapper, .career-requirement-wrapper {float: none; width: 100%; margin-bottom: 20px;}

    .category-item-name {font-size: 18px;}
    .category-item-image {height: 220px;}
    /* .category-item-desc {font-size: 11px;} */
    .category-item-link {font-size: 10px;}

    .product-image-selected-slider {height: 350px}

    #footer {
        clip-path: polygon(0 0, 150px 0, 180px 30px, 100% 30px, 100% 100%, 0 100%);
    }

    .guide-title {font-size: 25px;}
    .guide-top {height: 95px;}
    .guide-bottom {height: calc(100% - 95px)}
}

@media screen and (max-width: 400px) {
    .logo-container {width: 300px; padding-right: 30%;}

    .country-wrapper li {font-size: 11px;}

    .milestone-wrapper .slick-center .milestone-item-year {font-size: 37px;}
    .milestone-wrapper .slick-center .milestone-item-title {font-size: 12px;}
    .milestone-wrapper .slick-center .milestone-item-desc {font-size: 14px;}

    .solution-item-number {font-size: 13px;}
    .solution-item-title {font-size: 9px;}
    .solution-item-desc {font-size: 12px;}

    #section-advanced-intro .section-title {width: 90%;}

    .advanced-facility-item-number {font-size: 15px;}
    .advanced-facility-item-title {font-size: 23px;}
    .advanced-facility-item-desc {font-size: 14px;}

    .category-item-name {font-size: 17px;}
    .category-item-image {height: 200px;}
    /* .category-item-desc {font-size: 10px;} */
    .category-item-link {letter-spacing: 0;}

    .product-image-selected-slider {height: 320px}

    .guide-title {font-size: 23px;}
    .guide-top {height: 93px;}
    .guide-bottom {height: calc(100% - 93px)}
}

@media screen and (max-width: 350px) {
    .slide-image-mobile {height: 300px;}

    .guide-title {font-size: 20px;}
    .guide-top {height: 90px;}
    .guide-bottom {height: calc(100% - 90px)}
}