@charset "utf-8"; 
:root{--color:#005BAC;--color1:#005BAC;}
.prodetails .page-main{padding: 50px 0 0;}
.prodetails .l-wrap{max-width: 1740px;}
.prodetails-top{background-color: #fff;}
.preview-container{border: 1px solid #EEEEEE;padding: 10px;}
.details-item{padding-bottom:5%}
.prodetails-info .prodetails-btnlist>*{font-size: 22px;color: var(--color);background: #fff;padding: 15px 40px;height: unset;line-height: 1;border: 1px solid var(--color);border-radius: unset;}
.prodetails-name{font-weight: bold;font-size: 26px;color: #000000;line-height: 1.25;padding-bottom: 25px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.prodetails-text{font-size: 20px;color: #000000;opacity: 0.9;}
.prodetails-text ul{margin-top: 15px;padding-left: 0;}
.prodetails-meta .share-btn-list {width: auto;margin-left: 20px;height: 35px;display: flex;align-items: center;}
.share-btn-list {display: flex;}
.share-btn-list .share-btn {position: relative;height: 45px;width: 45px;transition: .4s all;transition-delay: 30ms;cursor: pointer;overflow: hidden;border-radius: 2px;}
.share-btn-list>div {margin-right: 6px;}
.share-btn-list .facebook {background: url(https://img01.v15cdn.com/share/share-facebook.webp) no-repeat;background-size: 100%;}
.share-btn-list .twitter {background: url(https://img01.v15cdn.com/share/share-twitter.webp) -4px -4px no-repeat;background-size: 115%;background-position: -3px -3px;}
.share-btn-list .linkedin {background: url(https://img01.v15cdn.com/share/share-linkedin.webp) -4px -4px no-repeat;background-size: 115%;background-position: -3px -3px;}
.share-btn-list .pinterest {background: url(https://img01.v15cdn.com/share/share-pinterest.webp) -2px -2px no-repeat;background-size: 100%;background-position: -1px -1px;}
.share-btn-list .whatsapp {background: #25d366 url(https://img01.v15cdn.com/share/share-whatsapp.webp) no-repeat center;background-size: 100%;}
.share-btn-list .mail {background: #f90 url(https://img01.v15cdn.com/share/share-mail.webp) center no-repeat;background-size: 100%;background-position: center;}
.prodetails-info .prodetails-btnlist>:hover{color: #fff;}
.prodetails-info .prodetails-btnlist>* em{display: none;}
.module1{margin-bottom:5%}
.module1 p{font-size: 20px;color:#000;margin-bottom:20px}
.module2 .text1{font-weight: bold;font-size: 24px;color: #000;}
.module2 .text2{font-size:20px;color:#000}
.module2-table{margin-top:30px}
.module2-item{display:flex;justify-content:space-between;background:var(--color);text-align: center;}
.module2-item li.active{background:#ca2041}
.module2-contant{padding:50px 0}
.module2-item li{font-size: 20px;color: #fff;line-height: 1;padding: 25px 25px;cursor: pointer;}
.module2-box{display: none;}
.module2-box .table-wrap table{width:100%;background:#fcfcfc}
.module2-box .table-wrap table td{font-size:20px;color:#000;text-align:center;line-height:1;padding:30px 0}
.module2-box .table-wrap table tbody tr:first-of-type{background:#f2f7fb}
.module2-com{display:flex;align-items:center;margin-bottom:50px}
.module2-left{width:48%;background:#fff;border-radius:15px;overflow:hidden}
.module2-right{width:52%;display:flex;justify-content:space-between;padding-left:50px}
.module2-list{width:49%;position:relative}
.module2-list::after{position: absolute;content: '';width: 15px;height: 15px;background: var(--color);left: -10px;top: 12px;}
.module2-list p{font-size:20px;padding-left:25px}
.module2-list p strong{font-size: 24px;}
.module2{margin-bottom:5%}
.protitile{font-weight: bold;font-size: 26px;text-align: center;line-height: 1.52;}
.protext{font-size: 20px;color: #000;line-height: 1.52;opacity: .9;text-align: center;margin-top: 15px;}
.module3{margin-bottom:5%}
.module3-contant{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.module3-img{width:19%;text-align:center;padding:20px;box-sizing:border-box}
.module3-img img{transition: all .3s ease-in-out;}
.module3-img:hover img{transform: scale(1.02);}
.details-contant{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:70px}
.details-box{display:flex;align-items:center;width:48%;padding-bottom:30px;padding-left:30px;position:relative;z-index:3;margin-bottom:70px}
.details-box:nth-last-child(1),.details-box:nth-last-child(2){margin-bottom: 0;}
.details-box::after{position:absolute;content:'';width:100%;height:80%;background:var(--color);border-radius:25px 0 25px 0;opacity:.06;bottom:0;left:0;z-index:-1}
.details-img{background: var(--color);border-radius: 10px;border: 1px solid #efefefcc;position: relative;width: 30%;overflow: hidden;}
.details-img img{transition: all .3s ease-in-out;}
.details-img:hover img{transform: scale(1.02);}
.details-text{flex:1;padding-left:20px}
.details-text .title{font-size: 20px;color: #000;line-height: 1.25;font-weight: bold;}
.details-btns{display:flex;margin-top:20px}
.details-btns a{font-size: 20px;color: #f4faff;line-height: 1;background: var(--color);border-radius: 6px;padding: 12px 30px;transition: all .3s ease-in-out;}
.details-btns a:hover{background: #000;}
.details-text .text{font-size: 20px;color:#000;line-height:1.52;opacity:.9;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;margin-top:25px}
.protypefeedback{background-color: #fff;padding: 0 0 5%;}
.inquiry-contant{display: flex;align-items: center;justify-content: space-between;margin-top: 55px;}
.inquiry-left .wmkcfeedback .inquiry-form>*{width: 100%;background: #FAFAFA;border-radius: 4px;border: 1px solid #bcbcbc;}
.inquiry-left{width: 47.5%;}
.inquiry-left .wmkcfeedback .wmkcfb-fileupload,.inquiry-left .wmkcfeedback input{height: 62px;font-size: 20px;color: #000000;}
.inquiry-left .wmkcfeedback textarea{font-size: 20px;color: #000000;}
.inquiry-left .wmkcfeedback .send-btn{height: 60px;margin: inherit;font-size: 20px;}
.inquiry-left .protypefeedback .wmkcfeedback .inquiry-form>*{border-radius: 4px;border: 1px solid #808080;}
.inquiry-right{width: 45%;}
@media (max-width:1640px) {.prodetails-name{padding-bottom: 15px;margin-bottom: 15px;}
.module2-box .table-wrap table td{padding: 20px 0;}
.protext{margin-top: 15px;}
.details-contant{margin-top: 50px;}
.details-btns a{padding: 12px 25px;}
.details-text .text{font-size: 18px;}
.module2-com{margin-bottom: 30px;}
.module2-contant {padding: 30px 0;}
.share-btn-list .share-btn{height: 35px;width: 35px;}
.prodetails-info .prodetails-btnlist>*{font-size: 20px;}}
@media (max-width:1420px) {.protext,.module2-list p,.module2-item li,.prodetails-text,.module1 p,.module2-box .table-wrap table td,.module2 .text2{font-size: 18px;}
.module2 .text1{font-size: 20px;}
.prodetails .l-wrap{padding: 0 50px;}
.module2-table{margin-top: 25px;}
.module2-contant {padding: 25px 0;}
.details-btns a{font-size: 16px;}
.details-text .title{font-size: 22px;}
.prodetails-info .prodetails-btnlist>*{font-size: 18px;}
.share-btn-list .share-btn{height: 35px;width: 35px;}
.module2-list p strong{font-size: 22px;}
.prodetails-text ul {margin-top: 5px;}}
@media (max-width:1200px) {.inquiry-left .wmkcfeedback .wmkcfb-fileupload, .inquiry-left .wmkcfeedback input{height: 50px;font-size: 18px;}
.inquiry-left .wmkcfeedback textarea{font-size: 18px;}
.protitile,.prodetails-name{font-size: 24px;}
.prodetails .l-wrap{padding: 0 25px;}
.module1,.module2,.module3{margin-bottom: 3%;}
.module2-com{margin-bottom: 30px;}
.module3-contant{margin-top: 15px;}
.inquiry-contant{margin-top: 25px;}
.share-btn-list .share-btn {height: 30px;width: 30px;}
.prodetails-info .prodetails-btnlist>*{font-size: 18px;padding: 12px 30px;}}
@media (max-width:1024px) {.module2-list p strong{font-size: 18px;}
.module2-list::after{top: 10px;}
.module2-item{flex-wrap: wrap;}
.module2-item li{width: 25%;}
.module2-com{flex-direction: column;}
.module2-left{width: 100%;}
.module2-left img{width: 100%;}
.module2 .text1, .inquiry-left .wmkcfeedback .wmkcfb-fileupload, .inquiry-left .wmkcfeedback input, .inquiry-left .wmkcfeedback textarea, .inquiry-left .wmkcfeedback .send-btn{font-size: 16px;}
.module2-right{padding-left: 0;margin-top: 25px;width: 100%;justify-content: center;}
.module2-list{width: 45%;}
.details-box{width: 100%;margin-bottom: 35px}
.details-box:nth-last-child(2){margin-bottom: 35px;}
.details-img img{width: 100%;}
.prodetails-name {font-size: 22px;margin-bottom: 10px;padding-bottom: 15px;}
.share-btn-list .share-btn {height: 25px;width: 25px;}
.prodetails-info .prodetails-btnlist{margin-top: 15px;}
.prodetails-info .prodetails-btnlist>*{font-size: 14px;}
.module2-box .table-wrap table td, .module2-list p, .details-text .text, .module1 p, .protext, .module2-item li, .prodetails-text, .module2 .text2{font-size: 16px;}
.inquiry-left .wmkcfeedback .wmkcfb-fileupload, .inquiry-left .wmkcfeedback input, .inquiry-left .wmkcfeedback textarea{height: 45px;}
.inquiry-right{width: 48%;}
.details-text .title{font-size: 20px;}
.details-box::after{height: 70%;}}
@media (max-width:768px) {.preview-container img{width: 100%;}
.prodetails .l-wrap {padding: 0 15px;}
.module3-img{width: 32%;}
.details-text .title{font-size: 18px;}
.details-box,.details-box:nth-last-child(1), .details-box:nth-last-child(2){margin-bottom: 30px;}
.inquiry-contant{flex-direction: column-reverse;}
.inquiry-left {width: 100%;}
.inquiry-right {width: 100%;margin-bottom: 25px;}
.details-box{padding-bottom: 20px;padding-left: 20px;}
.details-btns a {font-size: 14px;padding: 10px 20px;}
.details-box::after{height: 75%;}
.prodetails-content {margin-top: 5px;}
.inquiry-left .wmkcfeedback .send-btn{height: 50px;}}
@media (max-width:550px) {.prodetails-top{padding: 0;}
.module2-list p{padding-left: 15px;}
.protitile, .prodetails-name{font-size: 22px;}
.protext {margin-top: 5px;}
.details-text .text{margin-top: 15px;}
.details-btns{margin-top: 9px;}}
@media (min-width:1025px){.head-nav .nav-ul>li>a{margin:0 7px;}
.head-nav .nav-ul>li>ul a{font-size:var(--fontsize18)}}
@media (min-width:1025px) and (max-width:1920px){.head-nav .nav-ul>li>a{font-size:var(--fontsize22)}}
@media (min-width:1025px) and (max-width:1550px){.head-nav .nav-ul>li>a,.head-nav .nav-ul>li>ul a{font-size:var(--fontsize14)}}
@media (min-width:1025px) and (max-width:1300px){.head-nav .nav-ul>li>a,.head-nav .nav-ul>li>ul a{font-size:var(--fontsize12)}}
@media (min-width:1025px){.head-info{height: 75px;}
#liinquiry a{height: auto;background: initial;}
body{padding-top:115px}}
.head-logo a img {max-height:65%}
.head-logo,.head-logo a{height:100%}
.head-nav .search-box{display: none;}

footer .foot-logo img {width:auto;max-height:50px}
@media (min-width: 1024px) {  .head-logo a img {max-height: 45px;} }
@media (min-width:1025px){li#liphe-plates-gaskets ul.submenu.nav0{display:flex;flex-wrap:wrap;width:320px}
li#liphe-plates-gaskets ul.submenu.nav0 li{width:60%}
li#liphe-plates-gaskets ul.submenu.nav0 li:nth-child(2n){width:40%}}
footer .foot-link li em,footer .foot-list li a em{color:#fff;}
@media (min-width:1025px){footer .foot-title {font-size: var(--fontsize24);}
footer .foot-info .foot-text{font-size:var(--fontsize20)}}
footer .foot-info .foot-text,footer  .foot-list li a ,footer .foot-link li p{font-size: var(--fontsize16);}
.pro-d-main .module2 .module2-table .module2-item.pro-ulli1 { justify-content: flex-start;}
@media (min-width:1025px){.module2-box .table-wrap table{table-layout: fixed;}}
.module2-box .table-wrap table td{padding-left:5px;padding-right:5px}
@media (max-width:768px){.module2-item li{width:50%;display:flex;align-items:center;justify-content:center;padding:15px 10px}}
.details-text .text{display: none;}
.wmkcinquirybtn{cursor:pointer}
.wmkcpopup-inquiry{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:none;align-items:center;justify-content:center}
.wmkcpopup-inquiry.is-active{display:flex}
.wmkcpopup-inquiry.is-active .wmkcinquiry-box{animation:wmkcinquiryanimation .3s forwards}
.wmkcinquiry-diaolg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}
.wmkcinquiry-box{z-index:2;background:#fff;width:100%;max-width:900px;margin:0 auto;padding:30px 30px;border-radius:10px;box-shadow:1px 2px 10px rgba(0,0,0,.2);max-height:100vh;overflow-y:auto;transform:translateY(20px);opacity:.5}
.wmkcinquiry-box .wmkcinquiry-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.wmkcinquiry-box .wmkcinquiry-title{font-weight:700;font-size:var(--fontsize20);text-align:left}
.wmkcinquiry-box .wmkcinquiry-close{position:relative;cursor:pointer;width:30px;height:30px}
.wmkcinquiry-box .wmkcinquiry-close::before{content:"";position:absolute;top:0;left:0;width:20px;height:2px;background:var(--color);left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}
.wmkcinquiry-box .wmkcinquiry-close::after{content:"";position:absolute;top:0;left:0;width:20px;height:2px;background:var(--color);left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg)}
@keyframes wmkcinquiryanimation{0%{transform:translateY(20px);opacity:.5}
100%{transform:translateY(0);opacity:1}}