@media(max-width: 1370px) {
	.container {
		max-width: 940px;
	}
}
@media(max-width: 1199px) {
	.container {
		max-width: 760px;
	}
}
@media(max-width: 991px) {
	aside {
		left: -240px;
		width: 240px;
		transition: all .4s linear;
		z-index: 99;
		box-shadow: none;
		overflow: auto;
	}
	aside.active {
		left: 0;
		box-shadow: 10px 0px 25px -10px rgba(0,0,0,0.2);
	}
	aside nav ul ul {
		position: static;
		display: inline-block;
		box-shadow: none;
		padding-left: 20px;
	}
	content {
		padding: 0 15px;
	}
	content .container {
		margin: 0 auto;
	}

	header {
		padding: 10px 0 50px;
	}

	header a {
		color: #222;
		font-size: 18px;
	}
	header a.far {
		font-size: 21px;
	}
	header .logo {
		background: #0C50A0;
		display: inline-block;
		padding: 10px 30px;
		margin-bottom: 10px;
		/*width: 100%;*/
	}
	header .logo img {
		height: 60px;
	}
	footer .order0 {
		-webkit-order: 0;
		-moz-order: 0;
		-ms-order: 0;
		-o-order: 0;
		order: 0;
		margin-bottom: 30px;
	}
	footer .order1 {
		-webkit-order: 1;
		-moz-order: 1;
		-ms-order: 1;
		-o-order: 1;
		order: 1;
	}
	.container {
		max-width: 700px;
	}
}
@media(max-width: 767px) {
	.container {
		max-width: 540px;
	}
	.article__footer {
		padding: 20px;
	}
	.article__footer #social {
		margin-top: 15px;
		
	}
	.article__footer .tags {
		text-align: center !important;
		justify-content: center;
	}
	.article__footer [class*="col"] {
		text-align: center !important;
	}
}
@media(max-width: 574px) {
	.review__items {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.review__items img {
		margin-bottom: 20px;
	}
	.pagination li a.nav {
		font-size: 0;
	}
	content, main {
		width: 100%;
		padding: 0;
	}
	.nav__items {
		-webkit-flex: 0 0 50%;
		-moz-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		-o-flex: 0 0 50%;
		flex: 0 0 50%;
		border-bottom: 1px solid  #fafafa;
	}
	.nav__items img {
		height: 40px;
	}
	.article__items a {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.article__items a .image {
		width: 100%;
		margin-bottom: 30px;
	}
	footer {
		line-height: 1.5;
	}
	footer .d-flex {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	footer .d-flex > div {
		width: 100%;
		text-align: center !important;
	}
	footer .xs-center {
		text-align: center;
	}
}

@media (max-height: 720px) {
	aside {
		overflow: auto;
	}
	aside nav li ul {
		left: 0;
		z-index: 99;
		top: 34px;
	}
}