@media only screen and (max-width : 1600px) {
	.menu ul li {
		max-width: 15vw;
		*max-width: 200px;
		padding-right: 0;
	}
}
@media only screen and (max-width : 1310px) {
	.menu ul li {
		*max-width: 200px;
		*padding-left: 0;
		*padding-right: 0;
	}
	.knopka {
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (max-width : 1177px) {
	.menu ul li {
		*max-width: 185px;
	}
}
@media only screen and (max-width : 910px) {
	.menu {
		*background: var(--background-footer);
	}
	.menu .logo {
		width: 42vw;
	}
	.menu .logo h1, .menu .logo h2 {
		padding-top: 2vw;
	}
	.menu .logo h2 {
		padding-top: 10px;
	}
}
@media only screen and (max-width : 768px) {
	.menu {
		*background: var(--background-footer);
	}
	.menu .logo {
		width: 80vw;
	}
	.menu .logo h1 {
		padding-top: 7vw;
		font-size: 2.5em;
	}
	.menu .logo h2 {
		*padding-top: 15px;
	}
/* ----------------------
Мобильное меню.
------------------------- */
#mobi-menu + label{
	display: none; 
	position: relative;
	color: #fff;
	height: 20px;
	z-index: 1;
	cursor: pointer;
}
#mobi-menu + label:before{
	content: '\f0c9';
	display: inline-block;
	font-family:'FontAwesome';
	*font-size: 22px;
	font-size: 3em;
}
#mobi-menu:checked + label:before{
	content: '\f00d';
	color: #f00;
}

nav {
	*background: #1e4f2f;
	*padding: 15px;
	*margin: 20px 0 20px 0;
	*position: absolute;
	*top: 0;
	*left: 0;
	right: 0;

	*text-decoration: none;
	
	position: absolute;
	background: var(--background-footer);
	padding: 15px;
	top: 3vh;
	*right: 1vh;
	z-index: 5;
}
.menu ul {
	*display: flex;
	*position: absolute;
	*left: 0;
	*right: 0;
	*top: 0;
	*display: block;
	width: 90vw;
	*width: 100%;
	*height: 150px;
	*line-height: 1.5em;
	*line-height: 1.5em;
	*line-height: 1em;
	*float: right;
	*float: none;
	*margin-right: 3vw;
	*margin-top: 20px;
	*margin-top: 3vw;
	*margin: 0;
	*padding: 0;
	*background: var(--background-footer);
	*background: var(--knopka);
	*background: var(--background-footer);
	*border-radius: 10vh;
	
}
.menu ul li {
	display: block;
	*margin-top: 20px;
	*width: 20%;
	*max-width: 33%;
	*max-width: 245px;
	*max-width: 185px;
	*width: auto;
	*height: 150px;
	*float: left;
	*float: right;
	float: none;
	*width: 100%;
	*width: 50vw;
	*width: 150px;
	max-width: 100%;
	*margin: 0;
	*background: var(--knopka);
	*margin-left: 5px;
	*margin-left: 1%;
	*padding: 25px 10px;
	padding: 10px;
	*padding: 0;
	*text-align: center;
	text-align: left;
	*border-left: 1px solid #fff;
	font-size: 1.5em;
}

#mobi-menu + label{
	display: inline-block;
}
#mobi-menu + label + ul {
    display: none;
}
#mobi-menu:checked + label + ul {
	display: block;
}
#mobi-menu:checked + label + ul li.active {
    display: block;
    position: relative;
}
/* ----------------------
Контент мобильный
------------------------- */
.advantage {
	font-size: 1.5em;
	*min-height: auto;
}
.advantage-block {
	width: 100%;
	margin: 0;
}
.advantage-block .advantage-data:nth-child(n+1)  {
	width: 100%;
	float: none;
	*margin-top: 8vh;
	*position: relative;
    *animation: none;
}
.content {
	width: 100%;
	min-height: auto;
	border-radius: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 2vw;
	margin-bottom: 5vw;
	*font-size: 1.3em;
	padding: 0;
}
.content  h2 {
	padding-top: 5vh;
}
.left-menu {
	display: none;
}
/* ----------------------
Футер
------------------------- */
.footer-wrap {
	*display: grid;
	*margin-left: 5vw;
	*grid-template-areas: "contact schedule copying";
	*gap: 2rem;
	*gap: 0;
	grid-template-columns: auto;
	*grid-template-rows: auto;
	*justify-self: center;
	justify-self: normal;
	margin: 0;
	font-size: 1.8em;
}
.footer-wrap .copying {
	grid-column: 1;
	grid-row: 1;
	padding-top: 5vw;
}
.footer-wrap .contact-ikon-logo {
	width: 9vw;
	margin-right: 2vw;
	margin-bottom: 2vw;
}
.copypk {
	display: none;
}
.copymb {
	display: block;
	
	font-size: 1.5em;
}
.copyright {
}
.footer-wrap .contact {
	grid-column: 1;
	grid-row: 2;
	*display: grid;
*grid-auto-flow: row;
*font-size: 1rem;
*justify-content: normal;
	*grid-area: contact;
	*margin: 0;
	*background: var(--knopka);
}
.footer-wrap .contact-ikon {
	*display: block;
	*width: 4%;
	width: 7vw;
	*float: left;
	margin-right: 2vw;
	margin-bottom: 2vw;
}
.footer-wrap .contact-text {
	line-height: 7vw;
}
.footer-wrap .schedule {
	grid-column: 1;
	grid-row: 3;
	margin-bottom: 4vw;
}
/* ----------------------
Грид
------------------------- */
.container {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.container1 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
[class^="box-"] {
  padding-left: 0;
}
.tit {
	font-weight: normal;
}
.box-2 img {
	width: 100%;
	margin: 0;
}
}
