body{font-family: 'Open Sans', sans-serif;}

header {position:relative; height: 120px;padding: 20px 0; }
header .logo {float: left;}
header .search-btn {padding-top: 18px; float: right; margin-left: 60px;}
header .search-btn a { display: block; width:40px; height:40px; border-radius: 3px; font-size: 18px;color: #494949; text-align: center; line-height: 40px; font-weight: 400 !important; }
header .search-btn a i { font-size:18px; }
header .search-btn a:hover { color: #007CC5;}

header .search-area { display: none; position: absolute; top:58px; left: 0; right: 0}
header .search-area .center { width: 75%; float: right;}
header .search-area input {background: #007CC5;border: none;width: 100%;font-size: 12px;padding: 10px;margin-bottom: 0;color: #ffffff;}
header .search-area input::placeholder {color: #ffffff;}
header .search-area input:focus {color: #ffffff;}

header a.lang {color: #494949;display: inline-block;padding:0 15px;font-size: 15px; line-height: 40px;font-weight: 600;}
header a.lang:hover {color: #007CC5;}
header .lang-select {position: relative;float: right;margin-top: 18px;}
header .lang-select ul { list-style: none; display: none; position: absolute; right: 0; z-index: 999; background:#fff; width: 75px;padding: 10px; line-height: 20px;top: 35px;border: 1px solid #494949;}
header .lang-select ul li a:hover { background: none;color: #333;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #007CC5 !important;}

.slider { position: relative;}
.slider .owl-item.active h1 {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.3s;}
.slider .owl-item.active p { display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.3s;}
.slider .owl-item.active .counter { display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.3s;}
.slider .owl-item.active .customPrevBtn, .slider .owl-item.active .customNextBtn { -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.3s;}
.slider .owl-item.active .btn {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDown;animation-delay: 0.3s;}
.slider .owl-dots { position:absolute; width: 100%; text-align: center; bottom:20px; }
.slider .overlay { position: absolute; top: 0; left: 0; right: 0; bottom:0;}
.slider .overlay .center {top: 35%; max-width: 90%;left: 70px; }
.slider .overlay .slide-content { max-width: 720px; }
.slider .slide-content h1 { font-size: 45px; color: #494949; font-weight: 600; text-shadow: 0 0 10px rgba(0,0,0,.15)}
.slider .slide-content p { font-size: 20px; color: #494949; font-weight: 600; margin-bottom: 0; text-shadow: 0 0 10px rgba(0,0,0,.15)}
.slider .slide-content .btn { margin-top: 40px }
.slider .owl-theme .owl-nav { margin: 0 auto;width: 100%;max-width: 90%;text-align: left;padding: 0 80px; }
.slider .owl-theme .owl-nav { margin-top: 0; }

.slider .customPrevBtn {margin-left: 200px;}
.slider .customNextBtn {margin-left: 260px;margin-top: -42px;}
.slider .customNextBtn a, .slider .customPrevBtn a  {display:block;width: 42px; height: 42px; color:#494949; border-radius: 42px;border: 1px solid #494949;text-align: center;line-height: 42px;}

.slider .counter {font-size: 20px;color: #494949;position: absolute;left: auto;top: auto;font-weight: 600;bottom: 35px;}
.slider .counter p {font-size: 20px;color: #494949;display: inline-block;vertical-align: top;font-weight: 600;position: absolute;text-shadow: 0 0 10px rgba(0,0,0,.15);}
.slider .counter span {border-bottom: 1px solid #202223;padding: 0 50px;position: relative;bottom: 13px;margin: 0 15px;}

.home-products .center {max-width: 1920px;padding: 0 0 0 10%;}
.product-carousel .owl-item:nth-child(odd) .product-box {background-color: #007CC5;border: 1px solid #007CC5;}
.product-box-overlay {height: 180px;}
.product-box {background-color: #EB6501;border:1px solid #EB6501;display: grid;align-items: center;transition: 0.3s;height: 120px;overflow: hidden;}
.product-box-overlay:hover .product-box{box-shadow: 0 10px 30px rgba(250,187,149,.44);transition: 0.3s;height: 180px;}
.product-box-overlay:hover span {display: block !important;transition: 0.3s;}
.product-box a {padding:25px 10px;display: block;transition: 0.3s;}
.product-box .p-content-top {display: flex;align-items: center;justify-content: space-between;}
.product-box img {width: 60px !important;height: 60px;}
.product-box h4 {color: #ffffff;margin: 0;margin-left: 50px;}
.product-box span {color: #ffffff;transition: 0.3s;}
.product-box span i{margin-left: 5px;}
.product-carousel.owl-carousel .owl-nav button.owl-prev {position: absolute;right: 270px;top: -75px;}
.product-carousel.owl-carousel .owl-nav button.owl-next {position: absolute;right: 210px;top: -75px;}
.product-carousel.owl-carousel .owl-nav button.owl-prev, .product-carousel.owl-carousel .owl-nav button.owl-next {background: none!important;width: 42px;height: 42px;color: #007CC5;border-radius: 42px;border: 1px solid #494949;}
.product-carousel.owl-carousel .owl-nav button.owl-prev span, .product-carousel.owl-carousel .owl-nav button.owl-next span {color: #494949;font-size: 35px;line-height: 25px;}

.home-about .center {background: #007CC5;width: 60%;top: 100px;}
.home-about .center .about-page {padding: 50px 0;}
.home-about h1 {margin-bottom: 0;}
.home-about h3 {margin-top:10px;}
.home-about h1,.home-about h3,.home-about p,.home-about a {color: #ffffff;}
.home-about .left-about i {margin-left: 5px;}
.home-about .left-about a:hover {color: #EB6501;}
.home-about .right-about .video, .home-about .right-about .video a {position: relative;}
.home-about .right-about .video a {display: block;}
.home-about .right-about .overlay:after {content: '';background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(32,34,35,1) 58%, rgba(32,34,35,1) 100%);position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: .5;z-index: -1;}
/*.home-about .right-about .video .overlay .overlay-content {position: absolute;z-index: 99;left: 0;right: 0;margin: auto;text-align: center;}*/
.home-about .right-about .video .overlay  {position: absolute;left: 0;right: 0;top:0;bottom:0;padding:120px 0; text-align: center;z-index: 99;}

.home-about .right-about img {max-height: 336px;}
.home-about .right-about img {width: 100%;height:100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.home-about .right-about .icon {font-size: 50px;}
.home-about .right-about span {font-size: 20px;}

.home-why {margin-top: 160px;background: #F6F6F6;padding-bottom: 360px !important;}
.why-box .why-box-content {position: relative;}
.why-box .why-box-content .face{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 0.3s;}
.why-box .why-box-content .face.front{z-index: 1;transform-origin: bottom;}
.why-box .why-box-content .face.front a{position: relative;}
.why-box .why-box-content .face.back{transform-origin: top;transform: translateY(100%) rotateY(90deg);}
.why-box .front h3 {color: #ffffff;position: absolute;left: 35px;right: 35px;display: grid;align-items: center;top: 0;bottom: 0;z-index: 99;margin: 0;}
.why-box .front img {width:100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;max-height: 310px;}
.why-box .front .overlay {position: relative;}
.why-box .front .overlay:after {content: '';background: rgb(37,150,212);background: linear-gradient(270deg, rgba(37,150,212,1) 23%, rgba(52,52,52,1) 100%);position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: .5;}
.why-box .back h2{color: #007CC5;}
/*.why-box .back p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}*/
.why-box .back a{padding: 25px;display: block;background: #FFFFFF;height: 310px;position: relative;}
.why-box .back .read-more{position: absolute;bottom: 25px;right: 25px;}
.why-box .back .read-more span{color: #494949}
.why-box .back .read-more span:hover{color: #EB6501}
.why-box .back .read-more i{margin-left: 5px;}
.home-why .col-2{padding-top: 350px !important;}

.why-box .why-box-content:hover .face.front{transform: translateY(-100%) rotateY(90deg);}
.why-box .why-box-content:hover .face.back{transform: translateY(0) rotateY(0deg);}

.contact {background-image: url(../img/contact.png);background-repeat: no-repeat;background-size: cover;background-position: center;background-color: #007CC5;background-blend-mode: color-burn;}
.contact .center{max-width: 1280px;}
.contact .col-2{align-items: center;}
.contact .center .right-contact{justify-self: flex-end; }
.contact h1,.contact p {color: #FFFFFF;}
.contact h1 {margin-bottom: 20px;}
.contact p {margin-bottom: 0;}

footer {background-color: #F6F6F6;}
footer .center {max-width: 1280px;}
footer .f-social {text-align: center;}
footer .f-social li {display: inline-block;padding-right: 30px;font-size: 20px;}
footer .f-social li a{color: #007CC5;}
footer .f-social li a:hover{color: #EB6501;}
footer a{color: #494949;}
footer a:hover{color: #EB6501;}
footer p {margin: 0;}
footer h5 {margin-bottom: 25px;margin-top: 0;}
footer ul li {list-style: none;margin-bottom: 10px;}
footer h6{color: #007CC5;margin-top: 0;}
footer .f-box:last-child .contact-box {display: flex;margin-bottom: 20px;}
footer .f-box:last-child .contact-box a {color: #494949;}
footer .f-box:last-child .contact-box a:hover {color: #EB6501;}
footer .contact-box i{margin-right: 10px;color: #CDD6DA;font-size: 18px;}

.copyright .copyright-text {display: flex;justify-content: center;align-items: center;}
.copyright .copyright-text p{margin: 0;color: #494949;font-weight: 600;}

.about .center {background: #FFFFFF;width: 60%;top: 240px;}
.about .center .about-page {padding: 50px;}
.about h3 {margin-top:10px;}
.about h5 {color: #007CC5;}
.about h3,.about p {color: #494949;}

.mission-vision {margin-top: 235px;}
.mission-vision p, .mission-vision h2 {color: #FFFFFF;}
.mission-vision .mis-vis-box {background: #007CC5;}
.mission-vision .mis-vis-box .mis-vis-content, .mission-vision .mis-vis-box .mis-vis-content a {position: relative;}
.mission-vision .mis-vis-box .mis-vis-content a {display: block;color: #FFFFFF;}
.mission-vision .mis-vis-box a[href*="javascript"] .overlay {padding: 35px;}
.mission-vision .mis-vis-box a[href*="youtu"] .overlay {position: absolute;left: 0;right: 0;top:0;bottom:0;padding:120px 0; text-align: center;z-index: 99;}
.mission-vision .mis-vis-box .icon {font-size: 50px;}
.mission-vision .mis-vis-box span {font-size: 20px;}
.mission-vision .mis-vis-box a[href*="youtu"] .overlay:after {content: '';background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(32,34,35,1) 58%, rgba(32,34,35,1) 100%);position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: .5;z-index: -1;}
.mission-vision .mis-vis-box a[href*="youtu"] img {max-height: 343px;}
.mission-vision .mis-vis-box a[href*="youtu"] img {width: 100%;height:100%;background-size: cover;background-repeat: no-repeat;background-position: center;}

.our-values {background: #F6F6F6;padding-bottom: 345px !important;}
.our-values h1{margin-bottom: 10px;}
.our-values .center > p {color: #494949;font-size: 20px;}
.our-values .why-box .front .overlay:after {content: '';background: rgb(5,33,49);background: linear-gradient(270deg, rgba(5,33,49,1) 23%, rgba(29,29,29,0) 100%);position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: .5;}
.our-values .why-box .back h3{color: #494949;}
/*.our-values .why-box .back p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}*/
.our-values .why-box .front h3 {left: 15px;right:15px;justify-content: center;font-size: 22px;}

.quality-production h3 {margin-top: 0;color: #007CC5;}
.quality-production span {color: #007CC5;font-size: 20px;}

.quality-certificates {background: #F6F6F6;}
.quality-certificates .center{max-width: 1280px;}

.ui-state-active h4 {color: #FFFFFF !important;border: 1px solid #007CC5 !important;background: #007CC5;}
.ui-widget-header {border: none !important;background: #fff url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x !important;}
.ui-widget-content {border: none !important;background: none !important;}
.ui-widget {font-family: Poppins,sans-serif !important;}
.ui-tabs {position: relative;padding: 0 !important;}
.ui-tabs .ui-tabs-nav li{margin: 0 !important;white-space: normal !important;}
.ui-tabs .ui-tabs-nav li h4{font-weight: 600!important;margin-bottom: 40px!important;color: #494949;border: 1px solid #C4C4C4;padding: 25px;font-size: 16px;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 0 !important;}
.ui-tabs .ui-tabs-nav {display: flex!important;justify-content: center;background: none !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {height: auto !important;border:none !important;width: auto !important; background: none!important;color: #000000 !important;}

.quality-certificates .tab-content h4{margin-top: 0;}
.quality-certificates .tab-content {display: flex;}
.quality-certificates .tab-content .left-tab{flex: 1;margin-right: 20px;}
.quality-certificates .tab-content .right-tab{flex: 11;}

.we-doing .center {padding: 0;max-width: 1920px;}
.doing-boxes h2 {color: #007CC5;}
.doing-boxes .col-2 {border-bottom: 1px solid #707070;}
.doing-boxes .col-2:last-child {border: none;}
.doing-boxes .col-2:nth-child(even) .box:nth-child(1) {grid-column-start: 2;grid-row-end: 1;}
.doing-boxes .col-2:nth-child(odd)  .box:nth-child(2) {margin-right: 200px;}
.doing-boxes .col-2:nth-child(even) .box:nth-child(2) {margin-left: 200px;}
.doing-boxes .col-2:nth-child(odd) {background-position: right;}
.doing-boxes .col-2:nth-child(even) {background-position: left;}

.production-capacity h1 {color: #FFFFFF;}
.production-capacity {background-image: url(../img/capacity.png);background-repeat: no-repeat;background-size: cover;background-position: center;}
.production-capacity:after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(73,73,73,.9);z-index: 0;}
.production-capacity .center {z-index: 99;max-width: 1280px;}
.production-capacity .p-capacity-box {border: 1px solid #FFFFFF;}
.production-capacity .p-capacity-box p{color: #007CC5;font-size: 60px;font-weight: 600;margin-bottom: 0;}
.production-capacity .p-capacity-box span{display: block;color: #A2A2A2;font-size: 15px;margin-top: -15px;margin-left: 30px;}
.production-capacity .p-capacity-box h3{color: #FFFFFF;font-weight: 400;margin: 0;}
.production-capacity .p-capacity-box .capacity-content{padding: 15px;}
.production-capacity .p-capacity-box .top-content{display: flex;align-items: center;justify-content: center;}

.home-products.products {background: #F6F6F6;margin-top: 40px;}
.home-products.products .product-box {height: auto;}
.home-products.products .product-box:hover{background: none !important;box-shadow: none;border: 1px solid #494949;}
.home-products.products .product-box:hover h4{color: #494949;}
.home-products.products .product-box:hover img{filter: brightness(1) invert(1);}

.products-list h6 {font-weight: 900;}
.products-list i {margin-left: 15px;}
.products-list .read-more span{color: #007CC5;}
.products-list .read-more span:hover{color: #EB6501;}
.product-boxes {border: 1px solid #C4C4C4;transition: 0.3s;}
.product-boxes .product-text{padding: 15px;}
.product-boxes .product-image img{border-bottom: 1px solid #C4C4C4;}
.product-boxes:hover {box-shadow: 0 3px 20px rgba(196,196,196,.19);transition: 0.3s;border: 1px solid #FFFFFF;}
.product-boxes:hover img{border: 1px solid #FFFFFF;}

.product-detail .left-product-detail {background-color: rgba(0,124,197,.7); }
.product-detail .left-product-detail .detail-content {padding: 50px; }
.product-detail .left-product-detail h5 {margin-top: 0;}
.product-detail .left-product-detail h5, .product-detail .left-product-detail p {color: #FFFFFF; }
.product-detail .left-product-detail p.header-product {font-weight:600; }
.product-detail .left-product-detail span {font-weight:400; }

.product-detail-list .center{max-width: 1280px;}

.product-detail-list table tr {font-size: 18px;color: #494949 !important;}
.product-detail-list table,.product-detail-list th,.product-detail-list td {border: none;}
.product-detail-list table tr td {padding: 30px;}
.product-detail-list table tr td[colspan="3"],.product-detail-list table tr:first-child {background-color: #FFF0E6 !important;}
.product-detail-list table tr:first-child {border-bottom: 1px solid #C4C4C4 !important;}
.product-detail-list table tr:nth-child(odd) {background-color: #FAFAFA;}

.product-detail-list .ui-state-active h5 {color: #FFFFFF !important;border: 1px solid #007CC5 !important;background: #007CC5;}
.product-detail-list .ui-tabs .ui-tabs-nav li h5{font-weight: 600!important;margin-bottom: 40px!important;color: #494949;border: 1px solid #C4C4C4;padding: 20px 103px;}

.product-detail-list .tab-content .list-content > h5{background: #FFF0E6;font-weight: 600 !important;}
.product-detail-list .tab-content .list-content h5{font-weight: 400;padding: 30px; margin: 0}
.product-detail-list .tab-content .list-content .list-rows:nth-child(2) h5{font-weight: 600 !important;}
.product-detail-list .tab-content .list-content .list-rows:nth-child(odd) {background-color: #FAFAFA;}

.other-products .product-boxes {margin: 5px;}
.other-products h6 {font-weight: 900;}
.other-products i {margin-left: 15px;}
.other-products .read-more span{color: #007CC5;}
.other-products .read-more span:hover{color: #EB6501;}

.announcements i {margin-left: 15px;}
.announcements h6 {margin-top: 0;}
.announcements .read-more {display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #C4C4C4;}
.announcements .read-more span{color: #007CC5;}
.announcements .read-more span:hover{color: #EB6501;}
.announcements .read-more p{color: #C4C4C4;margin: 0;font-weight: 600;}
.announcements .announcements-box {border: 1px solid #C4C4C4;transition: 0.3s;}
.announcements .announcements-box .announcements-text{padding: 15px;}
.announcements .announcements-box .announcements-image img{border-bottom: 1px solid #C4C4C4;}
.announcements .announcements-box:hover {box-shadow: 0 3px 20px rgba(196,196,196,.19);transition: 0.3s;border: 1px solid #FFFFFF;}
.announcements .announcements-box:hover img{border: 1px solid #FFFFFF;}

.announcements-detail span{color: #C4C4C4;font-weight: 600;}
.announcements-detail h3{margin-top: 10px;}
.announcements-detail img{border: 1px solid #C4C4C4;}
.announcements-detail .social-list ul li {list-style: none;display: inline-block;margin-right: 5px;border: 1px solid #C4C4C4;}
.announcements-detail .social-list ul li a{padding: 5px;color: #C4C4C4;font-size: 20px;width: 40px;height: 40px;display: block;text-align: center;line-height: 32px;}
.announcements-detail .social-list ul li:hover a{color: #007CC5;}
.announcements-detail .social-list ul li:hover{border: 1px solid #007CC5;}

.sales-right {display: inherit;}
.contact-boxes {display: flex;margin-bottom: 25px;align-items: center;}
.contact-boxes p{font-weight: bold;margin-bottom: 0;}
.contact-boxes span{font-weight: 400;}
.contact-boxes a {color: #211C33;}
.contact-boxes a:hover {color: #EB6501;}
.contact-boxes i{margin-right: 20px;color: #CDD6DA;font-size: 20px;}

.contact-page .contact-form form p {margin-bottom: 0;}
.contact-page .contact-form form input,.contact-form form textarea {border:none;border-bottom: 1px solid #494949;padding: 0 !important;margin-bottom: 30px;}
.contact-page .contact-form form input:focus, .contact-form form textarea:focus { border-bottom-color: rgba(235, 101, 1, 0.8);border-bottom-width: 2px;} /* input focus */

#cssmenu{position:relative; float:right;}
#cssmenu>ul>li { margin: 0 0 0 -4px; }
#cssmenu>ul>li:last-child { border-right: none }
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu>ul>li>a {display: block; font-size: 14px; font-weight:600; color:#494949;padding:0 15px; line-height: 80px;}
#cssmenu li:hover > ul > li {height: 35px;}
#cssmenu>ul>li.active>a, #cssmenu ul li a:hover { color:#007CC5; }
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li{ display: inline-block;}
#cssmenu ul ul{position:absolute;left:-9999px; font-weight:600; box-shadow: 10px 10px 20px rgba(0,0,0,.2);text-align: left;background:#fff; padding:10px 0; border-radius: 3px;z-index: 99;}
#cssmenu.align-right ul ul{text-align:right;}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{left:auto;right:0}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li a{padding:10px 15px;font-size: 13px; display:block;width:220px;text-decoration:none;color:#555;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li {height: 0;-webkit-transition: all .25s ease;-ms-transition: all .25s ease;transition: all .25s ease;}

@media only screen and (max-width:1030px) {
	#cssmenu {position: absolute;left: 0;right: 0;width: auto;text-align: left}
	#cssmenu>ul>li>a:hover { background:#000;color: #000;}
	#cssmenu > ul { margin: 0 0 0 0; position: relative;}
	#cssmenu>ul{display:none; z-index:99999; position: absolute; top:95px;left:10px; right:10px}
	#cssmenu ul{display:none; z-index:99999; position: absolute;}
	#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
	#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
	#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;}
	#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
	#cssmenu>ul>ul>li>a{font-size:12px;color:#fff;background:none;padding:15px 20px 20px 30px;}
	#cssmenu>ul>li>a { padding:20px !important; color: #fff !important; display: block; background:#007CC5; border-bottom:1px solid #007CC5; font-size: 14px; line-height: normal !important }
	#cssmenu>ul>li {    margin: 0 0;}
	#cssmenu ul ul li a { padding:15px 20px; }
	#cssmenu ul ul { padding: 0 !important }
	#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff; background:#000}
	#cssmenu ul ul li > a,#cssmenu ul ul li a {background:#202935}
	#cssmenu ul ul ul li a{padding-left:40px;}
	#cssmenu ul ul ul ul li a{padding-left:40px;}
	#cssmenu>ul>li { border-right:none; }
	#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
	#cssmenu #menu-button{display:block;color:#000;cursor:pointer;font-size:12px;height:32px; background:#007CC5; width: 32px; position: absolute; top:25px; right:20px; border-radius: 3px;z-index: 0;}
	#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:55px;width:55px;cursor:pointer;}
	#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99;}
	#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99;}
	#cssmenu ul li a,#cssmenu ul ul li a{width:100%;}
	#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after,#menu-line,#cssmenu .submenu-button.submenu-opened:after{display:none;}
	#cssmenu ul ul li a { color: #fff }
	#cssmenu ul ul{ border-bottom: none; }
	#cssmenu ul ul li a{border-bottom:1px solid #444;}
	#menu-button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
	#menu-button:after{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;position:absolute;top:15px;right:0;left:0;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
	#menu-button:before{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:9px;right:0;left:0;display:block;height:2px;width:20px;background:#ddd;content:''}
	#menu-button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:15px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	#menu-button.menu-opened:before{top:15px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
	#cssmenu>ul>li:last-child a { border-bottom-left-radius: 6px; border-bottom-right-radius:6px; border-bottom:none;}
}

@media only screen and (min-width:1340px) and (max-width:1500px) {header .search-btn {margin-left: 10px;}#cssmenu>ul>li>a {padding: 0 10px;}}
@media only screen and (min-width:993px) and (max-width:1339px) {header .search-btn {margin-left: 0;}#cssmenu>ul>li>a {padding: 0 7px;}}

@media only screen and (min-width:1280px) and (max-width:1300px) {
	.slider .owl-carousel .owl-nav button.owl-prev {bottom: 143px !important;}
	.slider .owl-carousel .owl-nav button.owl-next {bottom: 143px !important;}
}

@media only screen and (min-width:993px) and (max-width:1610px) {.slider .overlay .center {left: -5%;}}
@media only screen and (min-width:993px) and (max-width:1400px) {.home-about .center {width: 80%;}}
@media only screen and (min-width:993px) and (max-width:1400px) {.about .center {width: 70%;}.about{background-size: cover;}}
@media only screen and (min-width:1465px){.about{background-size: cover !important;}}

@media only screen and (max-width:660px) {
	.center	{padding: 0 20px;}
	header {height: 145px;}
	/*header .search-btn {padding-top: 25px;margin-right: -25px;margin-left: 0;}*/
	header .search-btn {padding-top: 25px;margin-right: auto;margin-left: 0;}
	/*header .search-btn {padding-top: 5px !important;margin-left: 0 !important;padding-right: 45px !important;}*/
	header .search-btn a {width:32px; height:32px;font-size: 18px;color: #FFFFFF;line-height: 30px; background: #007CC5; }
	header .search-btn a:hover {color: #FFFFFF;}
	header a.lang {padding: 0;}
	header .lang-select {margin-top: -20px;}
	header .search-area {top: 84px;}
	header .search-area .center {width: 100%;}
	/*.slider .slide-content h1 { font-size: 25px;margin-bottom: 10px;background-color:rgba(255,255,255,.2);padding: 5px;}*/
	.slider .slide-content h1 { font-size: 25px;margin-bottom: 10px;}
	.slider .slide-content p { font-size: 18px;}
	.slider .overlay .center {top: 20%;left: 0;max-width: 100%;}
	.slider .counter {bottom: 75px;}
	.slider .customPrevBtn {margin-left: 0px;margin-top: 40px;}
	.slider .customNextBtn {margin-left: 60px;}
	.home-products .center {padding: 0 20px;}
	.product-box-overlay {height: auto;}
	.product-box:hover {box-shadow: none !important;height: auto;}
	.product-box-overlay:hover .product-box {height: auto;}
	.product-box {height: auto;}
	.product-box span {display: block !important;padding-top: 20px !important;}
	.home-about .center {width: 95%;}
	.home-about .center .about-page {padding: 25px 0;}
	.why-box .front img {max-height: 240px;}
	.home-why {padding-bottom: 0 !important;}
	.why-box {margin-bottom: 240px;}
	.why-box .front h3 {margin: 30% 0;}
	.why-box .back a {height: 240px;padding: 15px;}
	.home-why .col-2 {padding-top: 0px !important;padding-bottom: 90px;}
	.home-why .col-2 .why-box{margin-top: 40px !important;margin-bottom: 200px;}
	.contact .col-2 {gap: 40px 40px;padding-top: 0 !important;padding-bottom: 0 !important;}
	footer .col-4 {gap: 20px 20px;}
	footer .f-social {text-align: left;margin-left: 30px;}
	footer .f-box:nth-child(1), footer .f-box:nth-child(4) {grid-column: span 2;}
	footer .f-box:nth-child(2), footer .f-box:nth-child(3) {grid-column: span 1;}
	.about .center {width: 95%;top: 100px;}
	.about .center .about-page {padding: 25px 0;}
	.mission-vision {margin-top: 100px;}
	.our-values {padding-bottom: 20px !important;}
	.our-values .center > p {font-size: 14px;}
	/*.our-values .why-box {margin-bottom: 240px;}*/
	.ui-tabs .ui-tabs-nav {display: block!important;padding: 0 !important;}
	.ui-tabs .ui-tabs-nav li h4 {padding: 10px;margin-bottom: 0 !important;font-size: 13px;}
	.ui-tabs .ui-tabs-nav li:first-child h4 {margin-top: 0 !important;}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {float: none !important;text-align: center;}
	.ui-tabs .ui-tabs-nav li {float: none !important;padding: 0 !important;white-space: normal !important;}
	.quality-certificates .tab-content {display: block;margin-top: 20px;}
	.quality-certificates .tab-content .left-tab {margin-right: 0;text-align: center;margin-bottom: 20px;}
	.we-doing .center {padding: 0 20px;}
	.doing-boxes .col-2:nth-child(odd) .box:nth-child(2) {margin-right: 0;}
	.doing-boxes .col-2:nth-child(even) .box:nth-child(2) {margin-left: 0;}
	.doing-boxes .col-2:nth-child(even) .box:nth-child(1) {grid-column-start: 1;}
	.doing-boxes .col-2:nth-child(odd), .doing-boxes .col-2:nth-child(even) {background-position: bottom;background-size: contain !important;}
	.production-capacity .p-capacity-box p {font-size: 45px;}
	.production-capacity .p-capacity-box span {margin-left: 0;text-align: center;}
	.about.global {margin-bottom: 100px !important;}
	.contact-page h1 {padding-bottom: 0 !important;}
	.contact-page .gap-120 {gap: 40px 40px;}
	.contact-page .gap-40 {gap: 0 0;}
	.product-detail .col-2 {display: flex;flex-direction: column-reverse;padding: 25px 0;}
	.product-detail .left-product-detail .detail-content {padding: 25px;}
	.product-detail-list {padding-top: 0 !important;}
	.product-detail-list .ui-tabs .ui-tabs-nav li h5 {padding: 15px;margin-bottom: 0 !important;}
	.product-detail-list .ui-widget-content {padding: 25px 5px 0 5px !important;}
	.product-detail-list .tab-content .list-content h5 {padding: 15px;}
	.product-detail-list .tab-content .list-content .col-3 {gap: 0 0;}

	.product-box h4 {margin-left: 15px;}
	.sales-right {display: block;}
	.sales-center {padding-top: 0 !important;}

	.product-detail-list table tr {font-size: 16px;}
	.product-detail-list table tr td {padding: 20px;}
}

@media only screen and (min-width:320px) and (max-width: 359px) {
	.center {padding: 0 10px;}
	#cssmenu #menu-button {right: 10px;}
	/*header .search-btn {margin-right: -30px;}*/
	/*header .search-btn {margin-right: -17px;}*/
	.slider .owl-carousel .owl-nav button.owl-prev {bottom: 170px;}
	.slider .owl-carousel .owl-nav button.owl-next {bottom: 170px;}
}
@media only screen and (min-width:1360px) and (max-width:1475px) {.our-values .why-box .back a {height: 290px;}}
@media only screen and (min-width:993px) and (max-width:1359px) {.our-values .why-box .back a {height: 265px;}}
@media only screen and (min-width:993px) and (max-width:1450px) {
	.doing-boxes .col-2:nth-child(odd)  .box:nth-child(2) {margin-right: 100px;}
	.doing-boxes .col-2:nth-child(even) .box:nth-child(2) {margin-left: 100px;}
}
@media only screen and (min-width:1500px) and (max-width:1650px) {.product-box h4 {margin-left: 15px;}}
@media only screen and (min-width:1400px) and (max-width:1499px) {.product-box h4 {margin-left: 8px;}}
@media only screen and (min-width:993px) and (max-width:1399px) {.product-box h4 {margin-left: 7px;font-size: 17px;}}
@media only screen and (min-width:993px) and (max-width:1652px) {.about.global {background-size: contain !important;border: none !important;margin-top: 10px !important;}}