@charset "utf-8"; 
:root{--color:#B8520E}
.home-company .company-img::before { background-color: inherit;}
@media (min-width:1025px) {header .head-info .head-nav .nav-ul>li>a{text-transform: uppercase;}
#liproducts .submenu.nav3>li{ width: 23%;}
#liproducts .submenu.nav3>li:nth-child(3n){margin-right:2%;}
header.is-active .head-info .head-logo img {max-height: 70px;}}
footer .copyright a{ display: none;}
@media (min-width:1025px){.common-product .page-main,.common-news .page-main{flex-direction:row-reverse;}}
div#wmkc>a{position:relative;}
div#wmkc>a:before{display:none;content:'Mr.Terry Young';color:#444;position:absolute;right:100%;top:50%;transform:translateY(-50%);white-space:nowrap;width:170px;background:#fff;padding:5px 5px 0;border:1px solid #ddd;border-bottom:none;line-height:20px;margin-top:-15px;}
div#wmkc>a:after{display:none;content:'(Sales Director & Engineer)';color:#444;position:absolute;right:100%;top:50%;transform:translateY(-50%);white-space:nowrap;width:170px;background:#fff;padding:0 5px 5px;border:1px solid #ddd;border-top:none;margin-top:10px;line-height:20px;}
div#wmkc>a:hover::before,div#wmkc>a:hover::after{display:block}
.wmkc-itemcont p{max-width:240px!important}
header .head-top .head-contact .item a {margin-left:6px}
footer .footer-main .foot-contact{width:24%}
footer .foot-quick .foot-list li>a{text-transform:uppercase}
footer .foot-quick .foot-list{flex-direction:column;max-height:150px}
@media (max-width:1500px){footer .footer-main .foot-contact{width:30%}}
header .head-top {background: #b2b2b2;}
main.news-main #toinquiry{display:none;}
header .head-info .head-logo a>span{display:flex;flex-direction:column}
header .head-info .head-logo a span .c1{padding-left:0;font-weight:var(--fontbold7);color:#000;text-align:center}
header .head-info .head-logo a span .c2{color:var(--color);font-size:var(--fontsize16);padding-left:0;text-align:center}
header .head-top .head-share ul{margin-left:10px;margin-right:0}
.wmkc-list>li.wmkc-whatsapp .wmkc-itemcont .wmkc-title{display:none}
@media (min-width: 1025px) and (max-width: 1280px){header .head-info .head-logo img{max-height:60px}
header .head-info .head-logo a span{font-size:var(--fontsize13)}
header .head-info .head-logo a span .c2{font-size:var(--fontsize14)}
header .head-info .head-nav .nav-ul>li>a{font-size:var(--fontsize16)}
}
@media (max-width: 768px){header .head-info .head-logo a span{display:none}}
div#wmkc>a:hover::before, div#wmkc>a:hover::after{color:var(--color);font-weight:bold}
footer .footer-main .foot-info{width:18%}
footer .footer-main .foot-info .info{margin-top:10px}
@media (min-width:1501px){header .head-info .head-logo{max-width:inherit;height:100%;}
header .head-info .head-logo a{height:100%;}
header .head-info .head-logo img{max-height:95%;}}
@media (min-width:1025px){header .head-info .head-nav .nav-ul>li>a{white-space:nowrap}}
@media (max-width:1500px) and (min-width:1025px){header .head-info .head-nav .nav-ul>li>a{padding:0 12px}
header .head-info .head-nav .nav-ul>li:not(:first-child)>a{padding-right:15px}}
@media (max-width:1350px) and (min-width:1025px){header .head-info .head-nav .nav-ul>li>a{font-size:var(--fontsize15)}}