/* HTML5 CSS3 */

/* 1200px - 1599px */
@media (min-width: 1200px) and (max-width: 1599.98px) {
    .top-header .btn-danger {
    	font-size: 15px;
    }
    
    .home-banner-text .f48,
    .home-top-banner h1 {
    	font-size: 40px !important;
    }
    
    .about-team .text {
    	width: 800px !important;
    }
    
    .home-banner {
    	padding: 55px 0;
    	background-position: center;
    }
    
    .home-banner-note {
    	padding: 30px 0;
    }
    
    .home-banner .bdvideo {
    	width: auto;
    	height: 800px;
    }
    
    .cases-cate a {
    	padding: 8px 13px;
    	margin: 10px 5px 0 5px;
    }
    
    .index-main-title {
    	margin: 0 10rem;
    }
    
    .mobile-w100 .col-xl-9 {
    	-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
    }
    
    .industries-banner .content {
    	padding-right: 50px;
    }
    
    .industries-banner .content h1 {
    	font-size: 2.2rem;
    }
    
    .index-about .content {
    	padding-right: 0px;
    }
    
    .index-about .about-pic {
    	margin-top: 20px;
    }
    
    .left-banner-w {
    	-ms-flex: 0 0 60%;
    	flex: 0 0 60%;
    	max-width: 60%;
    }
}

/* 768px - 991px */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .et-hero-tabs,.et-hero-tabs-container {
    	display: none !important;
		height: 0px;
    }
    
    .cases-left {
    	padding-right: 15px;
    	padding-bottom: 50px;
    }
    
    .about-team .text {
    	width: 700px !important;
    }
	
	.pd-about .about-pic {
		margin-top: 50px;
	}
	
	.about-team,.contact-thumb {
		height: 400px;
	}
	
	.about-team video {
		width: auto;
		height: 100%;
	}
    
    .head-center,
    .working-list .row::before {
    	display: none;
    }
    
    .btn-menu {
    	display: block;
    }
    
    .wraper-auto {
    	padding: 20px 50px;
    }
    
    .home-banner .bdvideo {
    	width: auto;
    	height: 800px;
    }
    
    .index-main-title {
    	margin: 0 10rem;
    }
	
	.index-about .about-pic {
		height: 400px;
	}
    
    .index-about .content {
    	padding-left: 0px;
		margin-top: 50px;
    	margin-bottom: 50px;
    	font-size: 15px;
    }
	
	.inBox .inBd {
		width: 73%;
	}
	
	.inBox .inBd .note {
		width: 100%;
	}
    
    .working-list .item {
    	margin-bottom: 20px;
    }
    
    .language-box {
    	width: 600px;
    	left: 300px;
    }
    
    .faqs-left {
    	margin-bottom: 50px;
    }
    
    .industries-banner {
    	height: 460px;
    }
    
    .industries-banner .content {
    	width: 77%;
    }
    
    .industries-banner .content h1 {
    	font-size: 2rem;
    }
    
    .jgxm-list .jgxm-title {
    	width: calc(100% / 3 - 20px);
    }
    
    .banner-mobile {
    	height: 400px;
    }
    
    .table-list-material .description p {
    	font-size: 17px;
    	padding: 20px 0;
    	color: var(--gray);
    }
    
    .table-list-material .btn-prices span {
    	display: block;
    	font-weight: bold;
    	padding-right: 10px;
    }
    
    .material-canshu .border-left {
    	border: 0px !important;
    	margin-top: 50px;
    }
    
    .show-article-right {
    	padding-left: 0px;
    	margin-top: 50px;
    }
    
    .about-fzlc .page-title,
    .fuwu-mobile .col-lg-6 {
    	margin-bottom: 30px;
    }
    
    .item-equipment .text {
    	padding-right: 0px;
    }
}

@media (max-width: 767.98px) {
    
    	.navBar,
    	.swiper-trusted .swiper-button-next,
    	.index-about h3,
    	.working-list .row::before,
    	.wraper-auto .btn-language,
    	.head-center,
    	.btnbox.btn-search,
    	.cases-cate,
    	.show-mobile-content .photo-num,
    	.show-mobile-content .swiper-photo-nav,
    	.et-hero-tabs,
    	.logo-icons::after,
    	.item-kfpj .text::before,
    	.solutions-box,
    	#current-search-tag,
    	.index-cases .index-main-title p {
    		display: none !important;
    	}
    
    	.swiper-box-cases {
    		overflow: hidden !important;
    	}
    
    	.btn-menu,
		.case-list-auto {
    		display: block !important;
    	}
    	
    	.btn-menu .bi {
    		margin-top: 5px;
    	}
    
    	h2,
    	.h2 {
    		font-size: 1.5rem;
    	}
    
    	.more-fuwu,
    	.index-main-title p,
    	.main-title p {
    		font-size: 14px;
    	}
    
    	.home-top-banner .form-upload {
    		width: 100%;
			background-color: rgba(255, 255, 255, .6);
    	}
    
    	.home-top-banner .form-falock {
    		font-size: 12px;
    	}
    
    	.home-top-banner .subtitle,
    	.form-falock .fa {
    		font-size: 15px;
    	}
    
    	.working-list .item .title {
    		font-size: 18px;
    	}
    	
    	.more-fuwu .btn {
    		width: 100%;
    	}
    	
    	.tishibg {
    		padding: 15px;
    	}
    	
    	#tab-surface {
    		margin-top: 50px;
    	}
    	
    	ul.check-list {
    		padding: 20px 0 0 20px !important;
    	}
    	
    	.our-services-box {
    		padding-bottom: 0;
    	}
    	
    	.home-service-slide .bd ul {
    		padding: 0;
    	}
    	
    	.home-service-slide .hd ul {
    		display: block;
    	}
    	
    	.home-service-slide .hd ul li {
    		padding: 10px 20px !important;
    		border: 1px solid #eee;
    		font-size: 15px;
    		font-weight: 600;
    		text-align: left;
    	}
    	
    	.home-service-slide .hd ul li:before {
    		width: 3px;
    		height: 0;
    		transition: height 0.3s ease-in-out;
    	}
    	
    	.home-service-slide .hd ul li.on:before, .home-service-slide .hd ul li:hover:before {
    		width: 3px;
    		height: 100%;
    	}
    
    	.inBox .inBd .note .btn-outline-secondary {
    		margin-left: 0px;
    		margin-top: 20px;
    		width: 100%;
    		padding: 10px;
    	}

		.home-service-slide .home-more-fuwu {
			position: static;
		}
    
    	.filter-search input {
    		width: 256px;
    		font-size: 13px;
    	}
    
    	.filter-search button {
    		width: 50px;
    	}
    
        .mobile-hide,
		.home-service-slide .bd .pic,
    	.filter-cases .mobile-hide {
    		display: none !important;
    	}
    
    	.item-certified-list {
    		flex-wrap: wrap;
    	}

		#tab-materials .p-t80 {
			padding-top: 30px !important;
		}
    
    	.index-cases .btn {
    		margin-top: 15px !important;
    	}
    
    	.index-cases .index-main-title {
    		padding-bottom: 0px !important;
    	}
    
    	.box-quick-quote span {
    		font-size: 0px;
    		padding-right: 0px;
    	}
    
    	#tab-case .btn {
    		margin-top: 15px !important;
    	}
    
    	.scroll {
    		right: -50px;
    	}
    
    	.menu-mobile .btn-lg {
    		width: 100%;
    		font-weight: bold;
    		font-size: 18px !important;
    	}
    
    	.fix-header {
    		top: 0px !important;
    	}
    
    	.industries-banner .item::before {
    		content: "";
    		display: block;
    		position: absolute;
    		z-index: 2;
    		width: 100%;
    		height: 100%;
    		background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3));
    		top: 0px;
    		left: 0px;
    	}
    	
    	.industries-banner img {
    		position: absolute;
    		top: 0px;
    		left: -100%;
    		z-index: 1;
    	}
    
    	.item-cases2 .text .note {
    		max-height: 200px;
    		overflow-y: auto;
    	}
    	
    	.item-cases2 .overflow1 {
    		-webkit-line-clamp: none;
    	}
    	
    	.case-list-auto {
    		padding: 0 15px;
			overflow: hidden;
    	}
    
    	.cases-left {
    		padding-right: 15px;
    	}
    	
    	.cases-left-cate {
    		margin-right: 0px;
    	}
    	
    	.case-pb60 {
    		padding-bottom: 20px !important;
    	}
    	
    	.item-article .article-description {
    		display: none;
    	}
    
    	.cases-left-cate ul {
    	  display: flex;
    	  flex-wrap: nowrap;
    	  overflow-x: auto;
    	  gap: 20px;
    	  padding: 0;
    	  margin: 0;
    	}
    	
    	.cases-left-cate li {
    	  white-space: nowrap;
    	  flex-shrink: 0;
    	  list-style: none;
    	}
    	
    	.cases-left-cate ul li a {
    		border: 0px;
    		padding: 0 0 20px 0 !important;
    	}
    
    	.language-box .item-close {
    		top: 20px;
    	}
    
    	.item-kfpj .image {
    		width: 50%;
    		margin-bottom: 20px;
    	}
    	
    	.outBox .hd {
    		position: relative;
    	}
    	
    	.inBox .inHd {
    		margin-top: 0px;
    	}
    
    	.inBox .inHd,
    	.inBox .inBd {
    		width: 100%;
    	}
    
    	.inBox .inBd .note {
    		width: 100%;
    		padding-right: 0px;
    	}
    
    	.inBox .inHd ul,
    	.inBox .inBd ul {
    		padding: 0px;
    	}
    
    	.inBox .inBd {
    		border-left: 0px;
    		background: none;
    	}
    
    	.inBox .inHd ul {
    		display: flex;
    		overflow-y: hidden;
    		padding-bottom: 10px;
    		margin-bottom: 30px;
    		height: 50px !important;
    	}
    
    	.inBox .inHd ul li {
    		display: flex;
    		white-space: nowrap;
    		justify-content: center;
    		align-items: center;
    		float: left;
    		height: 36px;
			font-size: 14px;
    		border: 1px solid #ddd;
    		padding: 0 10px !important;
    		margin-right: 5px !important;
    		border-radius: 5px;
    	}
    
    	.inBox .inHd ul li:last-of-type {
    		margin-right: 0px !important;
    	}
    	
    	.outBox .hd ul li a {
    		font-size: 15px;
    	}
    
    	.inBox .inBd .note h3 {
    		font-size: 20px;
    	}

		#tab-materials .index-main-title,#tab-materials .p-b80 {
			padding-bottom: 0px !important;
		}
    
    	.ul-right-main {
    		display: flex;
    		flex-direction: column;
    	}
    
    	.inBox .ul-right-image {
    		width: 100%;
    	}
    
    	.ul-right-main .note {
    		order: 2;
    		padding-top: 30px;
    	}
    
    	.ul-right-main .note .public-btn {
    		width: 100%;
    		background-color: var(--darkred);
    		padding: 10px;
            margin-top: 30px;
    	}
    
    	.ul-right-main .note .public-btn span {
    		color: var(--white);
    	}
    
    	.ul-right-main .ul-right-image {
    		order: 1;
    		overflow: hidden;
    	}
    
    	.item-cltxs .bold,
    	.item-cltxs .cltxs-note {
    		width: 100%;
    	}
    
    	.item-cltxs {
    		display: block !important;
    	}
    
    	.index-about {
    		margin-top: 60px;
    		padding-top: 30px !important;
    	}
    
    	.index-about h2.f24 {
    		font-size: 20px !important;
    	}
    	
    	.about-option {
    		border: 0px;
    		padding: 0px;
    		margin-top: 20px;
    	}
    
    	.table-font .thumb {
    		-ms-flex: 0 0 25%;
    		flex: 0 0 25%;
    		max-width: 25%;
    	}
    
    	.table-font .thumb img {
    		width: 100%;
    	}
    
    	.table-font .title {
    		padding-left: 0px;
    		-ms-flex: 0 0 75%;
    		flex: 0 0 75%;
    		max-width: 75%;
    	}
    
    	.table-font .description {
    		-ms-flex: 0 0 100%;
    		flex: 0 0 100%;
    		max-width: 100%;
    		padding-top: 15px;
    		color: var(--gray);
    	}
    
    	.table-list-material .description p {
    		font-size: 15px;
    		padding-top: 10px;
    		color: var(--gray);
    	}
    
    	.item-equipment .position {
    		line-height: 20px;
    	}
    
    	.item-search-list .image,
    	.item-search-list .article-text {
    		flex: none;
    		margin: 0px;
    	}
    
    	.item-search-list .image {
    		width: 20%;
    	}
    
    	.item-search-list .article-text {
    		width: 80%;
    		padding-left: 10px;
    	}
    
    	.item-search-list .image img {
    		width: 100%;
    	}
    
    	.item-search-list .article-tag,
    	.item-search-list .article-description {
    		display: none;
    	}
    
    	.pagination {
    		display: inline-block;
    	}
    
    	.pagination li {
    		float: left;
    	}
    
    	.pagination a {
    		margin-top: 10px;
    	}
    
    	.post_code {
    		margin-top: 10px;
    	}
    
    	.post_code .col-md-4 {
    		margin-bottom: 30px;
    	}
    
    	.cookienotice {
    		width: 100%;
    	}
    
    	.cookbtn {
    		display: flex;
    		flex-direction: column-reverse;
    		width: 100%;
    		gap: 10px;
    	}
    
    	.cookienotice .d-flex {
    		display: block !important;
    	}
    
    	.cookienotice .btn-more-light,
    	.cookienotice .btn-danger {
    		width: 100%;
    	}
    
    	.cookienotice .btn-more-light {
    		margin: 0 0 15px 0;
    	}
    
    	.scroll.show {
    		right: 15px;
    	}
    
    	.btn-materials span {
    		display: none;
    	}
    
    	.btn-materials a {
    		border: 1px solid var(--gray);
    		padding: 7px 15px;
    		font-size: 16px;
    		display: block;
    		width: 100%;
    		border-radius: .25rem;
    		color: var(--dark);
    	}
    
    	.btn-get-quick .btn {
    		padding: 7px 15px;
    		font-size: 16px;
    		display: block;
    		width: 100%;
    		font-weight: 600;
    	}
    
    	.quality-list-mobile .item-quality {
    		margin-bottom: 50px;
    	}
    
    	.material-jiagongfuwu {
    		padding-right: 0px;
    	}
    
    	.table-list-material .btn-prices {
    		padding-top: 20px;
    		padding-bottom: 20px;
    	}
    
    	.table-list-material .btn-prices span {
    		display: block;
    		font-weight: bold;
    		padding-right: 10px;
    	}
    
    	.myparts-box {
    		padding: 0px 15px 40px 15px;
    	}
    
    	.list-nth-child .col-xl-9:nth-child(even) .item-quality {
    		margin-top: 50px;
    	}
    
    	.jgxm-list {
    		margin-right: 0px;
    	}
    
    	.jgxm-list .jgxm-title {
    		width: 100%;
    		min-height: 82px;
    		margin-right: 0px;
    	}
    
    	.scrolltop {
    		bottom: 50px;
    	}
    
    	.foot-menu li.li-contact,
    	.foot-menu li.li-ftlogo {
    		float: none;
    		width: 100%;
    		clear: both;
    		margin-bottom: 30px !important;
    	}
    
    	.foot-menu li.li-contact {
    		padding-top: 30px !important;
    	}
    
    	.foot-menu li,
    	.foot-menu li.li9 {
    		width: 100%;
    		margin-top: 0px !important;
    		padding-right: 0px !important;
    	}
    
    	.footbg {
    		padding-top: 50px;
    	}

		.foot-menu li .title {
			font-size: 15px !important;
		}
    
    	.collapsible .collapsible-content {
    		display: none;
    	}
    
    	.collapsible .collapsible-header {
    		cursor: pointer;
    		position: relative;
    		padding-right: 20px;
    		padding-bottom: 15px;
    		margin-bottom: 15px !important;
    		font-size: 15px !important;
    		font-weight: 600;
    		border-bottom: 1px solid rgba(255, 255, 255, .15);
    	}
    
    	.collapsible .title:after {
    		content: '';
    		background: url('../images/chevron-up2.png') no-repeat center;
    		display: block;
    		width: 20px;
    		height: 20px;
    		position: absolute;
    		right: 0;
    		top: 4px;
    		background-size: 20px
    	}
    
    	.collapsible.active .title:after {
    		transform: rotate(180deg);
    	}
    
    	.collapsible.active {
    		margin-bottom: 20px !important;
    	}
    
    	.language-box {
    		width: 100%;
    		height: 100%;
    		left: 0px;
    		top: 0px;
    		transform: none !important;
    	}
    
    	.industries-banner .banner-box {
    		z-index: 2;
    		position: absolute;
    	}
    
    	.industries-banner .content {
    		padding-right: 15px;
    		padding-top: 20px;
    		z-index: 2;
    		text-align: center;
    	}
    
    	.industries-banner .item {
    		width: 100%;
    		top: 0;
    		position: absolute;
    		z-index: 1;
    	}
    
    	.industries-banner .item::before {
    		background: rgba(0, 0, 0, 0.7);
    		z-index: 2;
    	}
    
    	.surface-banner .item,
    	.surface-banner .item::before {
    		display: none;
    	}
    
    	.mobile-table-auto {
    		overflow-x: auto;
    	}
    
    	.mobile-table-auto table {
    		width: 1000px;
    	}
    
    	.item-tubiao-box {
    		bottom: 15px;
    	}
    
    	.industries-banner .item .tubiao {
    		background: none;
    	}
    
    	.btn-language {
    		background-color: rgba(255, 255, 255, .15);
    	}
    
    	.box-quick-quote .btn {
    		font-weight: 600;
    		font-size: 14px;
    		line-height: 14px;
    		padding: 8px 5px !important;
    	}
    
    	.home-banner-note {
    		font-size: 17px;
    	}
    
    	.certified-ico .text-center {
    		margin-top: 10px;
    		font-size: 15px;
    		text-align: left !important;
    		justify-content: left !important;
    	}
    
    	.home-banner .bdvideo {
    		bottom: 0px;
    		width: auto;
    		height: 680px;
    		display: block;
    		position: static;
    	}
    
    	.video-banner .container {
    		position: absolute !important;
    		z-index: 3 !important;
    		top: 0px;
    	}
    
    	.home-banner-text .iso-title {
    		margin-bottom: 20px;
    	}
    
    	.banner-mobile {
    		height: 400px;
    	}
    
    	.banner-mobile .text {
    		padding-right: 10px;
    		transform: translateY(-45%);
    	}
    
    	.about-banner-mobile {
    		height: 260px;
    	}
    
    	.show-about {
    		margin-top: 0px;
    	}
    
    	.show-about .content {
    		margin: 0px !important;
    		padding: 0px !important;
    	}
    
    	.show-about .d-flex {
    		display: block !important;
    	}
    
    	.btn-video-about {
    		width: 50px;
    		height: 40px;
    	}
    
    	.banner-mobile h1,
    	.industries-banner .content h1 {
    		font-size: 1.6rem !important;
    	}

		.item-gltw {
			border-radius: 5px;
		}
    
    	.industries-banner .banner-box .btn,
    	.btn-lg {
    		font-size: 16px !important;
    		padding: 18px 20px !important;
    	}
    
    	.about-video .btn-list {
    		top: 50%;
    		left: 0%;
    		transform: none;
    		width: 100%;
    		padding: 0 20px;
    	}
    
    	.about-video .btn {
    		font-size: 15px !important;
    		padding: 12px 15px !important;
    		width: 100%;
    		margin: 10px 0 0 0 !important;
    	}
    
    	.page-cate a {
    		margin: 0 5px !important;
    		padding: 0px !important;
    		height: 50px !important;
    		line-height: 50px !important;
    		font-size: 14px !important;
    	}
    
    	.industries-banner .item .tubiao img {
    		max-height: 40px;
    	}
    
    	.et-hero-tabs-container--top {
    		top: 75px;
    	}
    
    	.et-hero-tabs-container {
    		padding-left: 0px;
    		padding-right: 0px;
    	}
    
    	.et-hero-tab {
    		text-align: center;
    	}
    
    	.materials-list-item li {
    		width: auto;
    		margin-right: 15px !important;
    		margin-top: 10px !important;
    		text-align: left;
    	}
    
    	.materials-list-item li img {
    		display: none;
    	}
    
    	.material-left,
    	.material-right {
    		-ms-flex: 100%;
    		flex: 100%;
    		max-width: 100%;
    	}
    
    	.material-right,
    	.mhide33 {
    		margin-top: 50px;
    	}
    	
    	.contact-left,
    	.form-book {
    		padding: 0px;
			background: none;
    	}
		
		#contact-form .index-main-title {
			padding-bottom: 0px;
		}
    
    	.contact-left {
    		padding-top: 40px;
    	}
    
    	.form-book .form-actions .btn-outline-secondary {
    		margin-left: 0px;
    		margin-top: 20px;
    	}
    
    	.show-article-right {
    		padding-left: 0px;
    		margin-top: 50px;
    	}
    
    	.show-mobile-content {
    		padding-top: 0px !important;
    	}
    
    	.show-mobile-content .myPhoto {
    		top: 10px;
    		margin-top: 0px;
    	}
    
    	.show-mobile-content .myPhoto2,
    	.show-mobile-content .myPhoto .swiper-slide {
    		border-radius: 0px;
    	}
    
    	.show-mobile-content .myPhoto2 .swiper-slide .title {
    		top: auto;
    		left: 0px;
    		bottom: 0px;
    		right: 0px;
    		line-height: 16px;
    		padding: 10px;
    		transform: none !important;
    		display: none;
    	}
    
    	.item-equipment .text {
    		padding-right: 0px;
    	}
    
    	.item-material2 .content {
    		padding: 30px 20px 20px 20px;
    	}
    
    	.item-equipment.p-tb80 {
    		padding-top: 50px !important;
    		padding-bottom: 50px !important;
    	}
    
    	.get-quick-quote {
    		height: 420px;
    	}
    
    	.get-quick-quote .text {
    		z-index: 2;
    		top: 230px;
    		left: 15px;
    		right: 15px;
    		transform: none;
    		text-align: center;
    	}
    
    	.get-quick-quote .imgage {
    		width: auto !important;
    		height: 200px;
    		position: absolute;
    		z-index: 1;
    		top: 30px;
    		left: 50%;
    		transform: translateX(-50%);
    	}
    
    	.get-quick-quote .imgage .imgauto {
    		width: 700px;
    		margin-left: -140px;
    	}
    
    	.quality-fuwu .col-xl-4 {
    		margin-top: 20px;
    	}
    
    	.quality-fuwu .item-culture {
    		padding: 30px;
    	}
    
    	.about-team .text {
    		left: 0px;
    		padding: 20px;
    		transform: translate(0%, -50%);
    		box-sizing: border-box;
    	}
    
    	.page-title {
    		padding-right: 0px;
    		padding-bottom: 30px;
    	}
    
    	.item-fzlc .years,
    	.item-fzlc .text {
    		width: 100%;
    	}
    
    	.item-fzlc.d-flex {
    		display: block !important;
    	}
    
    	.item-fzlc .years {
    		border-right: 0px;
    		border-bottom: 1px solid #eee;
    		padding-bottom: 10px;
    		margin-bottom: 10px;
    	}
    
    	.item-fzlc {
    		padding: 0px;
    		border: 0px;
    		border-radius: 0px;
    	}
    
    	.h4-title {
    		font-size: 24px !important;
    	}
    
    	.material-rightad {
    		padding: 30px;
    	}
    
    	.material-canshu .row1,
    	.col-list .row {
    		margin-left: -15px;
    		margin-right: -15px;
    	}
    
    	.material-canshu .col-xl-6,
    	.col-list .col-xl-3,
    	.col-list .col-xl-4 {
    		padding-left: 15px;
    		padding-right: 15px;
    	}
    
    	.material-canshu .border-left {
    		border: 0px;
    		margin-top: 50px;
    	}
    
    	.material-banner-mobile .text {
    		display: block;
    	}
    
    	.material-banner-mobile .text .item {
    		width: 100%;
    		flex: none;
    		position: static;
    	}
    
    	.material-banner-mobile .text .item .content {
    		position: static;
    		transform: none;
    		padding: 100px 30px 60px 30px;
    		width: 100%;
    	}
    
    	.material-load {
    		display: none;
    	}
    
    	.material-banner-mobile .swiper-horizontal {
    		margin-top: 0px;
    	}
    
    	.material-banner-mobile .material-slider .swiper-slide p {
    		left: 10px;
    		top: 10px;
    		bottom: auto;
    		transform: none;
    		background-color: rgba(255, 255, 255, .5)
    	}
    
    	.slide-faqs .hd ul li .title {
    		padding-right: 50px;
    	}
    	
    	.contact-faq.p-tb100 {
    		padding-top: 50px !important;
    	}
    	
    	.contact-faq .bg2 {
    		padding-top: 0px !important;
    	}
    	
    	.contact-faq .what_about {
    		margin-top: 30px;
			padding-bottom: 30px;
    	}
    
    	.et-main .p-t120 {
    		padding-top: 50px !important;
    	}
    
    	.item-quality {
    		gap: 0px;
    		padding: 0 15px;
    		margin-top: 0px;
    		display: block !important;
    	}
    
    	.item-quality .image,
    	.item-quality .text {
    		width: 100%;
    		box-sizing: border-box;
    	}
    
    	#tab-surface .item-quality .image,
    	#tab-surface .item-quality .text {
    		padding-left: 0px;
    		padding-right: 0px;
    	}
    
    	.item-quality .text {
    		margin-top: 30px;
    	}
    
    	.item-quality .image img {
    		border-radius: 5px;
    	}
    
    	.index-main-title {
    		margin: 0px;
    	}
    
    	.slide-industries .hd,
    	.slide-industries .bd {
    		width: 100%;
    		float: none;
    		padding: 0px;
    		position: static;
    	}
    
    	.slide-industries .bd {
    		margin-top: 20px;
    	}
		
		.index-about .about-pic {
			height: 200px;
		}
    
    	.home-banner {
    		padding: 50px 0;
    		background-position: center center;
    	}
    
    	.home-banner-text .f48 {
    		font-size: 32px !important;
    	}
    
    	.home-banner-text {
    		padding-right: 0px;
    	}
    
    	.home-banner .btn {
    		width: 100%;
    		padding: 8px 15px;
    		font-size: 16px !important;
    	}
    
    	.home-banner::before {
    		display: block;
    		content: "";
    		position: absolute;
    		z-index: 0;
    		top: 0px;
    		width: 100%;
    		height: 100%;
    		background-color: rgba(0, 0, 0, .05);
    		-webkit-backdrop-filter: saturate(180%) blur(6px);
    		backdrop-filter: saturate(180%) blur(6px);
    	}
    
    	.home-banner .btn-outline-secondary {
    		margin-left: 0px !important;
    		margin-top: 20px;
    	}
    
    	.trusted-list .title {
    		width: 100%;
    		display: none;
    	}
    	
    	.trusted-title {
    		padding-bottom: 20px;
    	}
    	
    	.swiper-box-cases {
    		padding-top: 10px;
    	}
    
    	.service-huoban {
    		text-align: center;
    	}
    
    	.service-huoban .swiper-horizontal {
    		margin-top: 10px;
    	}
    
    	.footer-change-country.text-right {
    		text-align: left !important;
    		margin-top: 10px;
    	}
    
    	.index-about .col-6 {
    		margin-bottom: 10px;
    	}
    
    	.index-about .index-main-title h2 {
    		margin-bottom: 0px;
    		font-size: 30px !important;
    	}
    
    	.working-list .item {
    		padding-bottom: 30px;
    	}
    
    	.home-banner-text h2 {
    		font-size: 30px !important;
    		line-height: 40px;
    	}
    
    	.top-header .latest-events-box {
    		font-size: 12px;
    	}
    
    	.logo-default {
    		height: 28px;
    	}
    
    	.li-ftlogo img {
    		margin-top: 20px !important;
    	}
    
    	.wraper-auto {
    		padding: 15px;
    	}
    
    	.wraper-auto .box-quick-quote {
    		display: none;
    	}
    
    	.item-certified-ico {
    		margin-bottom: 5px;
    		font-size: 13px;
    	}

		.home-top-banner {
			background-position: left;
			position: relative;
			z-index: 1;
			overflow: hidden;
		}

		.home-top-banner .banner-box {
			position: relative;
			z-index: 3;
		}

		.home-top-banner::before {
			content: "";
  			position: absolute;
  			top: 0;
  			left: 0;
  			right: 0;
  			bottom: 0;
  			background-image: inherit;
  			filter: blur(3px);
  			z-index: 2;
			transform: scale(1.09);
		}
    
    	.home-top-banner .btn-lg {
    		font-size: 18px !important;
    		padding: 15px 25px !important;
    	}
    
    	.home-top-banner .btn-lg .ki {
    		height: 26px;
    	}
    
    	.home-top-banner h1 {
    		font-size: 1.6rem !important;
    	}
    
    	.home-top-banner .paragraph {
    		font-size: 12px;
    	}
    
    	.home-top-banner .form-upload h4 {
    		font-size: 16px;
    	}
    
    	.top-header {
    		border-bottom: 1px solid var(--darkgray);
    	}
    
    	.index-about .content {
    		padding-left: 0px;
    		margin-top: 30px;
    		font-size: 15px;
    	}

		.footer-alang {
			text-align: left !important;
		}
    
    	.latest-events-box {
    		height: 50px;
    		display: none !important;
    	}
    
    	.swiper.topadbox .swiper-slide {
    		display: block !important;
    		padding-top: 6px;
    	}
    
    	.item-culture .text .note {
    		color: var(--dark);
    	}
    
    	.material-right .col-xl-8,
    	.material-right .col-xl-4 {
    		-ms-flex: 0 0 100%;
    		flex: 0 0 100%;
    		max-width: 100%;
    	}
    
    	.material-right .col-xl-4 {
    		margin-top: 50px;
    	}
    
    	.form-book .form-upload .col-xl-12 {
    		padding-left: 0px !important;
    		padding-right: 0px !important;
    		font-size: 12px;
    	}
    
    	.fileinput-button {
    		padding: 5px 10px !important;
    		font-size: 14px !important;
    	}
    
    	.contact-faq h3,
    	.article-content-h1 h1 {
    		padding-top: 20px;
    	}

		.contact-faq h3.title {
			padding-top: 0px;
		}
    
    	.lift-target img {
    		margin-bottom: 20px;
    	}
    
    	.content-matebox p {
    		font-size: 14px;
    		line-height: 25px;
    	}

		.index-about .content h2 {
			text-transform: none;
		}
    
    
    	.h2-title,
    	.foot-content-box .f34,
    	.material-jiagongfuwu h3,
    	.material-canshu h3,
    	.material-text .f30,
    	.contact-left h2,
    	.pageshow-title span,
    	.show-article-right h3,
    	.about-team .text p,
    	.item-equipment .text h2,
    	.get-quick-quote .text h3,
    	.index-main-title h2,
    	.page-title h2,
    	.lift-target h2,
    	.article-content-h1 h1,
    	.contact-faq .title,
		.home-service-slide .bd .title {
    		font-size: 1.2rem !important;
    	}

		.bg-foot-quote .title {
			font-size: 1.5rem !important;
		}
    
    	.page-banner h1 {
    		font-size: 2rem !important;
    	}
    
    	.material-banner-mobile .text h1,
    	.col-list h1,
    	.page-about .item-num .title {
    		font-size: 2.2rem !important;
    	}
    
    	.language-box h3,
    	.tishibg,
    	.cases-show-box,
    	.content .table,
		.home-service-slide .bd ul,
    	.contact-faq .what_about,
    	.item-gltw .content p {
    		font-size: 14px !important;
    	}
    
    	.faqs-swiper2 .swiper-slide .title,
    	.slide-faqs .hd ul li .title,
    	.more-fuwu2 a,
    	.item-article .article-title,
    	.page-about .item-num p,
    	.item-equipment .description,
    	.item-culture .text .note,
    	.item-quality .text h2,
    	.item-gltw h2,
    	.btn-quote2,
    	.material-jiagongfuwu h2,
    	.contact-left h4,
    	.page-title h5 {
    		font-size: 15px !important;
    	}
    
}