/* Responsive layout for desktop URLs (Google mobile-first, no /m/ redirect). */

@media screen and (max-width: 991px) {
	body {
		min-width: 0;
	}

	.border-top1,
	.Catalog_1 {
		width: 95%;
	}

	.menu li a {
		font-size: 15px;
		padding-top: 12px;
	}
}

@media screen and (max-width: 767px) {
	html,
	body {
		min-width: 0;
		overflow-x: hidden;
	}

	.border-top1 {
		width: 100%;
		margin: 0;
		padding: 0 12px;
		box-sizing: border-box;
	}

	.border-top1 .wrapper {
		overflow: visible;
	}

	h1.h1,
	div.h1,
	.h1 {
		width: auto;
		max-width: 70%;
		float: left;
		padding: 8px 0 0 8px !important;
		box-sizing: border-box;
	}

	h1.h1 .Center,
	div.h1 .Center,
	.h1 .Center {
		float: none;
		width: auto;
	}

	.border-top1 .Center img {
		width: 160px !important;
		height: auto !important;
		max-width: 100%;
	}

	.switch {
		width: auto;
		float: right;
	}

	.switch p {
		font-size: 14px;
		line-height: 1.4;
		padding: 12px 0 0;
	}

	.gem20 {
		height: 8px;
	}

	.catalogue {
		margin-top: 0;
	}

	.Catalog_1 {
		width: 100%;
	}

	.menu {
		flex-wrap: wrap;
		justify-content: center;
		gap: 2px 4px;
		padding: 8px 4px 10px;
	}

	.menu li {
		float: none;
		flex: 0 0 auto;
	}

	.menu li a {
		font-size: 12px;
		line-height: 1.2;
		padding: 8px 6px;
	}

	.menu li a.active,
	.menu > li > a:hover {
		background-size: contain;
	}

	.swiper,
	.lunbo {
		margin-top: 0 !important;
		padding-top: 168px;
	}

	.YEARS,
	.YEARS_1,
	.YEARS_two {
		padding-top: 168px !important;
	}

	.lun_image,
	.YEARS img,
	.YEARS_1 img,
	.YEARS_two img {
		width: 100%;
		height: auto;
	}

	.container_12 {
		margin-top: 24px;
	}

	[class*="grid_"] {
		width: 100% !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		left: 0 !important;
		right: 0 !important;
	}

	.grid_8 {
		width: 94% !important;
	}

	.indent,
	.indent-left,
	.indent2,
	.indent-right {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.container1 {
		width: 100% !important;
		height: auto !important;
	}

	.container1 .slider1 img {
		width: 100% !important;
		height: auto !important;
	}

	#content img,
	#content p img {
		max-width: 100% !important;
		height: auto !important;
	}

	#contact-form input,
	#contact-form textarea {
		width: 100% !important;
		max-width: 100%;
		float: none;
		box-sizing: border-box;
	}

	.text-form {
		float: none;
		width: auto;
		display: block;
		margin-bottom: 4px;
	}

	.buttons {
		text-align: left;
		padding: 8px 0 0;
	}

	.swiper-button-next,
	.swiper-button-prev {
		width: 36px;
		height: 36px;
	}

	footer,
	.footer-bg {
		height: auto;
		padding: 24px 12px;
		box-sizing: border-box;
	}

	.disline1 {
		float: none;
		margin-left: 0;
	}
}

@media screen and (max-width: 480px) {
	h1.h1,
	div.h1,
	.h1 {
		max-width: 62%;
		padding-left: 4px !important;
	}

	.border-top1 .Center img {
		width: 140px !important;
	}

	.switch p {
		font-size: 13px;
	}

	.menu li a {
		font-size: 11px;
		padding: 6px 4px;
	}

	.swiper,
	.lunbo,
	.YEARS,
	.YEARS_1,
	.YEARS_two {
		padding-top: 188px;
	}
}