@media (orientation: portrait) {
	.empty {
		height: 10vw;
	}
	.index-logo {
		width: 85vw;
		height: 50vh;
	}
	.index-menu {
		width: 85vw;
		background-color: rgb(250 250 250 / 50%);
	}
	.index-menu-list {
		display: block;
		text-align: center;
	}
	ul.index-menu-list li {
		width: 100%;
		font-size: 20px!important;
		padding: 15px 20px!important;
		font-weight: 600;
	}
	.page-404__wrapper {
		align-items: flex-start;
	}
	.page-404__main {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.ooops {
		font-size: 60px;
		padding: 40px 0 20px 0;
	}
	.sign {
		width: 150px;
	}
	.not-found {
		width: 100vw;
	}
	.no-page {
		width: 100vw;
		font-size: 25px;
		line-height: 100%;
		padding-bottom: 25px;
	}
}


@media (max-width: 1400px) and (orientation: landscape) {
	ul.index-menu-list li {
		font-size: 20px!important;
	}
}


@media (max-width: 1024px) {
	.container {
		padding: 0 20px;
	}
}


@media (max-width: 992px) and (orientation: landscape) {
	.empty {
		min-height: 50px;
	}
	ul.index-menu-list li {
		font-size: 16px!important;
	}
	.index-menu {
		margin-top: 1.5vw;
	}
		.sign {
		width: 145px;
	}
	.ooops {
		font-size: 75px;
		padding-right: 0;
		padding-top: 7px;
	}
	.not-found {
	display: inline-block;
	width: 220px;
	}
	.no-page {
		width: 130px;
		font-size: 25px;
		padding-bottom: 25px;
	}
	.move-to {
		font-size: 14px;
	}
}


@media (max-width: 992px) {
	.top-menu__item {
		padding: 0 8px;
	}
}


@media (max-width: 768px)  and (orientation: landscape){
	.empty {
		min-height: 30px;
	}
	.index-menu {
		margin-top: 1.5vw;
	}
	ul.index-menu-list li {
		padding: 5px 15px!important;
	}
}


@media (max-width: 768px) {
	.header__logo {
		width: 200px;
	}
	.top-menu__item a {
		padding: 0 0 26px;
	}
}


@media (max-width: 750px) {
	.top-menu {
		display: none;
	}
	.left-menu {
		display: none;
	}
	.mobile-menu {
		display: flex;
	}
	.menu-button {
		display: flex;
	}
	a.bvi-button {
		display: none;
	}
	.content {
		padding-left: 0;
	}
	.content__title {
		font-size: 1.8em;
	}
}


@media (max-width: 628px)  and (orientation: landscape){
	ul.index-menu-list li {
		/*width: 100%;*/
		font-size: 15px!important;
		padding: 5px 10px!important;
	}
	/*ul.index-menu-list li-link {
		background-color: rgb(250 250 250 / 28%);
		padding: 5px 15px;
	}*/
}


@media (max-width: 628px) {
	.content {
		padding-left: 0;
	}
	.footer__contacts {
		flex-direction: column;
	}
	.footer__mail {
		margin-top: 10px;
	}
	.icon-envelope {
		margin-left: 0;
	}
}


@media (max-width: 576px)  and (orientation: landscape){
	/*.index-logo {
		width: 315px;
		height: 98px;
	}*/
}


@media (max-width: 553px) and (orientation: landscape){
	/*.index-logo {
		width: 315px;
		height: 98px;
	}*/
	.index-menu {
		width: 435px;
		background-color: rgb(250 250 250 / 50%);
	}
	ul.index-menu-list li {
		width: 45%;
	}
	.menu-item1,
	.menu-item3 {
		text-align: right;
		padding-right: 15px;
	}
	.menu-item2,
	.menu-item4 {
		text-align: left;
		padding-left: 15px;
	}
	.menu-item1,
	.menu-item2 {
		padding-bottom: 0px;
	}
	.menu-item3,
	.menu-item4 {
		padding-bottom: 0px;
	}
}


@media (max-width: 460px) and (orientation: landscape){
	.empty {
		height: 5vw;
		min-height: 10px;
	}
	.index-logo {
		width: 85vw;
		height: 30vh;
	}
	.index-menu {
		width: 85vw;
		background-color: rgb(250 250 250 / 50%);
	}
	ul.index-menu-list li {
		width: 80vw;
		font-size: 15px!important;
		padding: 5px 15px!important;
	}
	.menu-item1,
	.menu-item3 {
		text-align: center;
		padding-right: 15px;
	}
	.menu-item2,
	.menu-item4 {
		text-align: center;
		padding-left: 0px;
	}
	.menu-item1,
	.menu-item2 {
		padding-bottom: 0px;
	}
	.menu-item3,
	.menu-item4 {
		padding-bottom: 0px;
	}
}

@media (max-width: 460px) {
	.content__title {
		font-size: 1.6em;
	}
	.footer__contacts {
		font-size: 1.7em;
	}
}