@media (min-width:1200px){
	.container{
		width: 1280px;
	}
}

@media (max-width:1024px) {
	.navigation .logo {
		width: auto;
		max-width: 200px;
		max-height: 80px;
		padding: 0 0 10px;
		margin-left: -10px;
	}

	.navigation .menu-icon {
		line-height: 60px;
		font-size: 22px;
		padding: 15px 10px 0;
	}

	.navigation .navigation-mobile-menu {
		height: 0;
		position: fixed;
		top: 75px;
		width: 100%;
		left: 0px;
		overflow: hidden;
		transition: all 0.5s;
	}

	.navigation .navigation-mobile-menu.show {
		height: calc(100% - 60px);
		background: #ffffff;
		overflow: auto;
		z-index: 99;
	}

	.navigation .navigation-menu {
		display: block;
	}

	.navigation .navigation-menu .navigation-item {
		width: 100%;
		margin: 0;
		padding: 0;
		padding-left: 30px;
		line-height: 40px;
	}

	.navigation .navigation-menu .navigation-item a {
		display: block;
	}

	.navigation .navigation-menu .navigation-item a i {
		float: right;
		line-height: 50px;
	}

	.navigation .navigation-menu .navigation-item a::after {
		content: "";
		display: block;
		height: 0;
		clear: both;
	}
	
	.navigation .navigation-lang{
		padding-left: 30px;
	}

	.navigation .navigation-lang a {
		position: initial;
		line-height: 30px;
		padding: 0;
		display: block;
		width: 50px;
	}

	.navigation .navigation-lang a:first-of-type {
		margin-left: 0;
	}
	
	.navigation .navigation-lang a:last-child{
		display: block;
	}

	.position-breadcrumb {
		margin-top: 0;
		height: auto;
		padding: 10px 15px;
	}

	.catalog-tab a {
		padding: 0 5px;
	}
	.catalog-product .product-item{
		margin-bottom: 0;
	}
	.catalog-product .product-item a .product-name{
		display: block;
		padding: 10px 5px;
		text-align: center;
	}
}

@media (max-width:640px) {

	.navigation .navigation-mobile-menu {
		height: 0;
		overflow: hidden;
		transition: all 0.5s;
		z-index: 99;
	}

	/* main-content */
	.main-content {
		padding: 30px 0;
	}

	/* pg-nav */
	.pg-nav-list ul {
		border: none;
	}

	.pg-nav-list ul li {
		width: calc((100% - 20px)/2);
		float: left;
		margin-left: 20px;
		margin-bottom: 20px;
	}

	.pg-nav-list ul li:nth-child(odd) {
		margin-left: 0px;
	}

	.pg-nav-list ul li a {
		display: block;
		background: var(--border)
	}

	.pg-nav-list ul::after {
		content: '';
		clear: both;
		display: block;
		height: 0;
	}

	.pg-nav ul li a.active {
		background-color: var(--red);
		color: var(--white);
	}

	.pg-nav ul li a::before {
		content: none;
	}
	
	.pg-about-text{
		float: initial;
	}
	/* index-about */
	.index-about .about-module{
		padding-top: 20px;
	}
	
	.index-about .about-module .about-title{
		padding: 20px 0;
	}

	/* index-product */
	.index-product,
	.index-news {
		padding: 50px 0 20px;
	}

	.index-product .product-module .product-item {
		width: 50%;
	}

	.index-product .product-module .product-item a .product-name {
		justify-content: center;
	}

	/* index-news */
	.index-news .news-list {
		padding: 10px 0;
	}

	.index-news .news-list .news-item {
		margin: 10px 0;
	}

	.index-news .news-list .news-item .news-link .news-pic {
		width: 150px;
	}

	.index-news .news-list .news-item .news-link .news-intro {
		width: calc(100% - 150px);
		padding: 15px 10px;
	}

	.index-news .news-list .news-item .news-link .news-intro .news-date {
		margin-top: 10px;
	}

	/* index-product */
	.catalog-tab a,
	.catalog-product .product-item {
		width: 50%;
		padding: 0 10px;
	}

	.catalog-tab a span {
		padding: 10px 5px;
		line-height: 20px;
		height: 60px;
	}

	.article-product .parameter-btn a {
		width: 100%;
	}

	.news-list {
		padding-bottom: 20px;
	}

	.news-list a .news-pnl-tit {
		padding-top: 0;
	}

	.news-npt-t1 {
		font-size: 16px;
	}
	
	.index-about .about-module .about-link a{
		margin: 0 10px;
	}

	.index-about .about-module .about-item{
		margin-bottom: 20px;
		min-height: auto;
		height: auto;
	}

	.index-about .about-module .about-link a p{
		font-size: 12px;
	}

	.index-about .about-module .about-list{
		padding: 30px 0 0;
	}

	/* footer */
	.footer .footer-nav {
		display: block;
	}

	.footer .footer-nav dl {
		width: 100%;
	}

	.footer .footer-nav dl dt {
		width: 100%;
	}

	.footer .footer-nav dl dd,
	.footer .footer-main-nav dl dd {
		display: inline-block;
		margin-right: 10px;
	}

	.footer .footer-main-nav dl.contact dd {
		display: block;
		padding-left: 20px;
		line-height: 35px;
		color: var(--font-color);
	}
}