@media only screen and (min-width:769px) and (max-width:800px){
/*Шапка сайта*/
#wrapper-header {
	width: 100%;
	height: auto;
	margin: 0 0 40px 0;
	padding: 20px 0;
}
	.header {
		width: calc(100% - 80px);
		height: auto;
		display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
		margin: 0 auto;
	}
		/*Логотип*/
		.header > .logo {
			width: 200px;
			height: auto;
			display: flex;
				justify-content: flex-start;
				align-items: center;
				flex-wrap: wrap;
			outline: 0px solid blue;
		}
			.header > .logo svg {
				margin: 0 15px 0 0;
			}

		/* Кнопка для адаптивного меню */
		.header > .show-menu {
			display: block;
			width: 32px;
			height: 32px;
			cursor: pointer;
		}

		/*Навигация*/
		.header > .nav-header {
			position: fixed;
			top: 0;
			right: -300px;
			width: 300px;
			height: 100%;
			padding: 40px 40px;
			background-color: #f8f9fa;
			box-sizing: border-box;
			border-left: 1px solid #ebebeb;
			transition: right 0.3s;
			z-index: 999;
		}
				.header > .nav-header.open {
					right: 0;
				}
			.header > .nav-header ul {
				width: 100%;
				height: auto;
				display: flex;
					justify-content: flex-start;
					flex-wrap: wrap;
			}
				.header > .nav-header ul li {
					width: 100%;
					display: inline-block;
					font-size: 15px;
					margin: 0 0 40px 0;
				}
					.header > .nav-header ul li:last-child {
						margin: 0 0 0 0;
					}
			/*Кнпока закрытия адаптивного меню*/
			.header .nav-header > .close-menu {
				display: flex;
					justify-content: flex-start;
					align-items: center;
					flex-wrap: wrap;
				width: 100%;
				height: auto;
				margin: 40px 0 0 0;
				padding: 10px 10px;
				border: 1px solid #767676;
				border-radius: 5px;
				box-sizing: border-box;
				cursor: pointer;
			}
					.header .nav-header > .close-menu:hover {
						background-color: #333;
						border: 1px solid #333;
					}
				.header .nav-header > .close-menu svg {
					fill: #767676;
					margin: 0 10px 0 0;
				}
					.header .nav-header > .close-menu:hover.close-menu svg {
						fill: #fff;
					}
				.header .nav-header > .close-menu p {
					font-size: 14px;
					line-height: 100%;
					color: #767676;
				}
					.header .nav-header > .close-menu:hover.close-menu p {
						color: #fff;
					}

		/* Подложка для адаптивного меню */
		.header > .overlay-menu {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.65);
			z-index: 998;
		}

/* Скидки на курсы */
.discounts-courses {
	display: flex;
		justify-content: space-between;
		align-items: center;
	width: calc(100% - 80px);
	height: auto;
	padding: 40px 40px;
	margin: 0 auto 40px auto;
	box-sizing: border-box;
}
		.discounts-courses.autumn {
			background-color: #ffd7a2;
		}
	.discounts-courses .text-discounts {
		width: 100%;
		height: auto;
		outline: 0px solid red;
	}
	.discounts-courses .image-discounts {
		display: none;
	}

/* Контент */
#wrapper-content {
	width: calc(100% - 80px);
	height: auto;
	margin: 0 auto;
}
	/* Раздел с контентом  */
	.box-container {
		width: 100%;
		height: auto;
	}

		/* Заголовок раздела */
		.box-container .title-container {
			width: 100%;
			height: auto;
			display: flex;
				justify-content: flex-start;
				align-items: center;
			margin: 0 0 40px 0;
		}
			.box-container .title-container > .icon {
				width: 32px;
				height: auto;
				margin: 0 20px 0 0;
			}
			.box-container .title-container > .title {
				width: calc(100% - 52px);
				height: auto;
			}

		/* Список контейнеров в разделе */
		.box-container .list-box {
			width: 100%;
			height: auto;
			display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
		}
			.box {
				width: 100%;
				height: auto;
				display: flex;
					justify-content: space-between;
					flex-wrap: wrap;
					align-items: flex-start;
				margin: 0 0 40px 0;
				padding: 40px 40px;

			}
				/* Изображение контейнера  */
				.box .img-box {
					width: 150px;
					height: auto;
				}
				/* Описание контейнера */
				.box .description-box {
					width: calc(100% - 190px);
					height: auto;
				}
					.box .description-box h4 {
						margin: 0 0 15px 0;
					}
						.box .description-box p {
							margin: 0 0 15px 0;
						}
								.box .description-box p:last-child {
									margin: 0 0 0 0;
								}

/*Подвал*/
#wrapper-footer {
	width: 100%;
	height: auto;
	background-color: #282c34;
	padding: 40px 0;
}
	.footer {
		width: calc(100% - 80px);
		height: auto;
		margin: 0 auto;
	}
		.footer > .list-col-footer {
			width: 100%;
			height: auto;
			display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				align-content: flex-start;
		}
			.footer > .list-col-footer > .col-footer {
				width: calc((100% - 40px) / 2);
				height: auto;
				margin: 0 0 40px 0;
			}
				.footer > .list-col-footer > .col-footer > .title-col-footer {
					width: 100%;
					height: auto;
					display: flex;
						justify-content: flex-start;
						flex-wrap: wrap;
						align-items: center;
					margin: 0 0 30px 0;
				}
					.footer > .list-col-footer > .col-footer > .title-col-footer > svg {
						margin: 0 10px 0 0;
					}
				.footer > .list-col-footer > .col-footer > .content-col-footer {
					width: 100%;
					height: auto;
				}
					.footer > .list-col-footer > .col-footer > .content-col-footer ul {
						list-style-type: none;
						list-style-position: inside;
					}
						.footer > .list-col-footer > .col-footer > .content-col-footer ul li {
							margin-bottom: 20px;
						}
								.footer > .list-col-footer > .col-footer > .content-col-footer ul li:last-child {
									margin-bottom: 0;
								}
		.footer > hr {
			width: 100%;
			height: 1px;
			background-color: #404754;
			box-shadow: none;
			border: 0;
			outline: 0;
			margin: 0 0 40px 0;
		}

		.footer > .meta-footer {
			width: 100%;
			height: auto;
			display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				align-items: flex-start;
		}
			.footer > .meta-footer > .copyright {
				width: 100%;
				height: auto;
				margin: 0 0 20px 0;
			}
				.footer > .meta-footer > .copyright p {
					margin: 0 0 5px 0;
					text-align: center;
				}
						.footer > .meta-footer > .copyright p:last-child {
							margin: 0 0 0 0;
						}
			.footer > .meta-footer > .social-network {
				width: 170px;
				height: auto;
				display: flex;
					justify-content: space-between;
					align-items: center;
					flex-wrap: wrap;
				margin: 0 auto;
			}
				.footer > .meta-footer > .social-network > a > svg {
					display: inline-block;
					width: 18px;
					height: auto;
				}
}