@media only screen and (max-width:1500px) {
	#top-slider .ts-slide .wrap {
		padding: 0 15% 0 0;
	}
}


@media only screen and (max-width:1430px) {
	#menu ul.wrap {
		width: auto;
		padding: 80px 20px;
	}
	#menu i.close {
		left: 20px;
		top: 20px;
		margin: 0;
	}
}


@media only screen and (max-width:1330px) {
	.logo {
		gap: 10px;
	}
	.logo strong {
		font-size: 20px;
	}
	#h2 nav {
		margin: 1.4em 0 0;
	}
	.main-news figure section {
		gap: 20px;
	}
	.main-news figure section img {
		width: 330px;
		height: 240px;
	}
	.main-news figure ul {
		min-width: 360px;
	}
	.main-news figure ul li {
		gap: 20px;
	}
	.main-news figure ul li + li {
		margin: 20px 0 0;
	}
	.media-list ul li {
		width: calc(33.33% - 30px / 3 * 2);
	}


	.partners {
		gap: 40px;
	}
}


@media only screen and (max-width:1200px) {
	#h1 aside {
		gap: 10px;
	}
	#h2 > .wrap {
		flex-direction: row-reverse;
	}
	#h2 nav {
		display: none;
	}
	#menu ul.wrap {
		grid-template-columns: repeat(3,1fr);
	}
	#top-slider .ts-slide .wrap {
		padding: 0;
	}
	.about .title {
		font-size: 40px;
	}
	.about section {
		gap: 20px;
	}
	.about section aside {
		width: calc(25% - 20px * 3 / 4);
		padding: 0;
	}
	.about section aside b {
		font-size: 16px;
	}
	.desk {
		grid-template-columns: repeat(3,1fr);
		gap: 20px;
	}
	.cert-list {
		gap: 20px;
	}
	.media-list ul {
		gap: 20px;
	}
	.media-list ul li {
		width: calc(33.33% - 20px / 3 * 2);
	}
	.media-list ul li:nth-child(1), .media-list ul li:nth-child(2) {
		width: calc(50% - 10px);
	}


	footer .wrap {
		gap: 20px;
	}
	footer aside:first-child {
		display: none;
	}
}


@media only screen and (max-width:1080px) {
	header {
		border-bottom: 1px solid var(--l-grey);
	}
	#h1 > .wrap {
		justify-content: end;
	}
	#h1 aside:first-child {
		display: none;
	}
	#top-slider, #top-slider-controls {
		display: none;
	}
	.top-video {
		display: none;
	}
	.wrap {
		padding: 20px;
	}
	.products-list ul {
		gap: 20px;
		margin: 0 0 10px;
	}
	.products-list ul li {
		width: calc(33.33% - 20px * 2 / 3);
	}
	.products-list ul li:nth-child(1), .products-list ul li:nth-child(2), .media-list ul li:nth-child(1), .media-list ul li:nth-child(2) {
		width: calc(50% - 10px);
	}
	.mc-item {
		margin: 0 10px;
	}
	.photos-inner {
		grid-template-columns: repeat(4,1fr)
	}


	.partners {
		gap: 20px;
	}
}


@media only screen and (max-width:1000px) {
	#menu ul.wrap {
		grid-template-columns: repeat(2,1fr);
		gap: 20px;
	}
	.products-list ul li, .media-list ul li {
		width: calc(50% - 10px) !important;
	}
	.about section aside {
		width: calc(33.33% - 20px * 2 / 3);
		padding: 0;
	}
	.main-news figure {
		display: block;
	}
	.main-news figure ul {
		margin: 30px 0 0;
	}
	div.news-detail img.detail_picture {
		float: none;
		display: block;
		max-width: none;
		width: auto;
		margin: 0 0 20px;
	}
	.cert-list {
		grid-template-columns: repeat(4,1fr)
	}
	

	.partners {
		flex-wrap: wrap;
	}
	.partners a {
		flex: auto;
		width: calc(50% - 10px);
	}
}


@media only screen and (max-width:900px) {
	.desk {
		grid-template-columns: repeat(2,1fr);
	}
}


@media only screen and (max-width:800px) {
	.about section aside {
		width: calc(50% - 10px);
	}
	.cert-list {
		grid-template-columns: repeat(3,1fr)
	}
	.photos-inner {
		grid-template-columns: repeat(3,1fr)
	}
}


@media only screen and (max-width:700px) {
	#menu ul.wrap {
		grid-template-columns: repeat(1,1fr);
	}
	.about .title {
		font-size: 24px;
		margin: 0 0 1em;
	}
	.about section {
		margin: 30px 0 0;
	}
	.about section aside {
		width: 100%;
	}
	.about section aside img {
		margin: 0 0 10px;
	}
	.about section aside p {
		margin: .5em 0 0;
	}
	.main-news figure section {
		display: block;
	}
	.main-news figure section img {
		width: 100%;
		height: 310px;
	}
	.main-news figure section aside p {
		margin: 0;
	}
	.eo table, .eo table tbody, .eo table tr, .eo table td {
		display: block;
	}
	.eo table td:empty {
		display: none;
	}
	.eo input[type="text"], .eo select, .eo textarea {
		margin: -10px 0 10px;
	}


	footer .wrap {
		flex-direction: column;
	}
	footer .contacts {
		display: none;
	}
}


@media only screen and (max-width:600px) {
	h1, .h1 {
		font-size: 20px;
	}
	.products-list ul {
		margin: 0 -20px 10px;
	}
	.products-list ul li, .media-list ul li {
		width: 100% !important;
	}
	.desk {
		grid-template-columns: repeat(1,1fr);
	}
	.cert-list {
		grid-template-columns: repeat(2,1fr)
	}


	.partners a {
		width: 100%;
	}
}


@media only screen and (max-width:500px) {
	#h1 .eye {
		gap: 0;
		font-size: 0;
	}
	.photos-inner {
		grid-template-columns: repeat(2,1fr)
	}
}


@media only screen and (max-width:400px) {
	#h2>.wrap {
		height: 100px;
	}
	.logo span {
		display: none;
	}
	.main-news figure ul {
		min-width: 0;
	}
	.cert-list {
		grid-template-columns: repeat(1,1fr)
	}
}