/**
 * RWD
 */
@media all and (max-width: 1640px) {
	.Articles .Placeholder {
		left: -150px;
	}
}

@media all and (max-width: 1495px) {
	.Articles .Placeholder {
		display: none;
	}
}

@media all and (max-width: 1207px) {
	.cWidth, .cw {
		margin: 0 10px;
	}
}

@media all and (max-width: 900px) {
	#Footer .Boxs {
		margin-bottom: 50px;
	}
/*
	#Footer .Boxs {
		margin-bottom: 50px;
		float: none;
	}

	#Footer .Boxs::after {
		content: "";
		display: block;
		clear: both;
	}

	#Footer .Boxs .Box {
		margin-right: 1.6%;
		width: 23.8%;
	}

	#Footer .Boxs .Box:nth-child(4n) {
		margin-right: 0px;
	}

	#Footer .Boxs .Box .Articles {
		width: 90%;
	}
*/
	#Copyright {
		text-align: left;
		clear: both;
		float: none;
	}
}

@media all and (max-width: 900px) {
	.Articles article .Content h2 {
		line-height: 20px;
		font-size: 18px;
	}

	.Articles .HasBig article:first-child .Content h2 {
		line-height: 34px;
		font-size: 34px;
	}

	#Container aside article.Item .Text time,
	#Container aside article.Item .Text a {
		line-height: 18px;
		font-size: 14px;
	}

	#Container aside article.Time time,
	#Container aside article.Time a {
		line-height: 18px;
		font-size: 14px;
	}

	#Container aside article.Item figure + .Text a {
		line-height: 18px;
		font-size: 16px;
	}

	#ArticleContent .Caption h1 {
		line-height: 38px;
		font-size: 38px;
	}

	#ArticleContent .Caption figure + h1 {
		bottom: 30px;
		left: 20px;
	}
}

@media all and (max-width: 855px) {
	.SearchArticles ol {
		width: 100%;
	}
}

@media all and (max-width: 800px) {
	#Container main, #ArticleContent {
		margin-bottom: 25px;
		width: 100%;
		float: none;
	}

	#Container aside {
		width: 100%;
		float: none;
	}

	.Articles:last-child .Grid {
		border-bottom: solid 4px #814380;
		margin-bottom: 9px;
	}

	#Container aside article.Time time,
	#Container aside article.Time a {
		line-height: 22px;
		font-size: 18px;
	}

	#Container aside article.Item .Text time,
	#Container aside article.Item .Text a {
		line-height: 22px;
		font-size: 18px;
	}

	#Container aside article.Item .Text time ~ a {
		margin-left: 55px;
	}

	#Container aside article.Item figure ~ .Text a {
		line-height: 30px;
		font-size: 26px;
	}
}

@media all and (max-width: 780px) {
	#Header {
		border-bottom: solid 4px #814380;
		height: auto;
	}

	#Header .cw {
		height: 145px;
	}

	#Logo {
		top: 7px;
		-webkit-transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}

	#Patronite {
		display: block;
	}

	#Search {
		width: auto;
		top: 85px;
		left: 140px;
		-webkit-transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}

	#MobileMenu {
		display: block;
		z-index: 2000;
	}

	#Menu {
		position: fixed;
		width: 240px;
		height: auto;
		top: 0px;
		bottom: 0px;
		left: -240px;
		opacity: 0;
		overflow-y: auto;
		visibility: hidden;
		z-index: 1000;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		transition:.3s;
		-webkit-box-shadow: 0px 0px 0px 5000px rgba(255, 255, 255, 0.7);
		-moz-box-shadow: 0px 0px 0px 5000px rgba(255, 255, 255, 0.7);
		box-shadow: 0px 0px 0px 5000px rgba(255, 255, 255, 0.7);
	}

	#Menu .cWidth, #Menu .cw {
		margin: 0px;
	}

	body.MenuActive #Menu {
		left: 0px;
		opacity: 1;
		visibility: visible;
	}

	#Menu ul li {
		border-bottom: solid 1px rgba(255, 255, 255, 0.25);
		margin-right: 0px;
		padding-left: 20px;
		display: block;
		float: none;
	}

	#Menu ul li:last-child {
		border-bottom: 0px;
	}

	#Menu ul li a.Link {
		padding-left: 40px;
	}

	#Menu ul li a.Link img {
		margin-right: 0px;
		position: absolute;
		top: -3px;
		left: 15px;
		-webkit-transform: translate(-50%, 0%);
		-moz-transform: translate(-50%, 0%);
		-o-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	}

	#Menu ul li.Submenu:hover a.Link::after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24'%3E%3Cpath fill='%23eaeaea' d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E");
	}

	#Menu ul li ul.Lvl2 {
		background: transparent;
		border: 0px;
		margin-top: -5px;
		margin-bottom: 10px;
		margin-left: 40px;
		position: static;
		top: auto;
		left: 0px;
		opacity: 1;
		visibility: visible;
	}

	#Menu ul li:hover ul.Lvl2 {
		margin-top: -5px;
	}

	#Menu ul li ul.Lvl2::after {
		display: none;
	}

	#Menu ul li ul.Lvl2 li {
		border-bottom: 0px;
		padding-left: 0px;
	}

	#Menu ul li ul.Lvl2 li a {
		padding: 7px 35px 7px 0px;
		color: #FFF;
	}

	#Menu ul li ul.Lvl3 {
		margin-left: 25px;
		display: none;
	}

	#SubMenu {
		padding: 10px 0px;
		height: auto;
		display: block;
	}

	#SubMenu a {
		height: 30px;
		line-height: 30px;
		display: block;
		float: none;
	}

	#SubMenu a.Active::after,
	#SubMenu a.Active::before {
		display: none;
	}
}

@media all and (max-width: 640px) {
	.Articles article {
		margin-right: 1.4% !important;
		width: 49.2%;
	}

	.Articles .HasBig article:first-child {
		width: 49.2%;
	}
	.Articles .HasBig article:last-child {
		display: none;
	}

	.Articles article:nth-child(2n) {
		margin-right: 0px !important;
	}

	.Articles article .Content h2,
	.Articles .HasBig article:first-child .Content h2 {
		line-height: 28px;
		font-size: 26px;
	}

	.Articles article .Content p,
	.Articles .HasBig article:first-child .Content p {
		max-height: 80px;
		line-height: 20px;
		font-size: 16px;
	}

	#Footer .Boxs .Box {
		margin-bottom: 0px;
		margin-right: 1.6% !important;
		width: 49.2%;
	}

	#Footer .Boxs .Box:nth-child(2n) {
		margin-right: 0px !important;
	}

	#Footer .Boxs .Box:nth-child(2n+1) {
		clear: left;
	}

	#Footer .Boxs .Box .Articles {
		width: 90%;
	}

}

@media all and (max-width: 570px) {
	#ArticleContent .Caption h1 {
		line-height: 28px;
		font-size: 28px;
	}

	#ArticleContent .Caption figure ~ h1 {
		bottom: 15px;
		left: 20px;
	}

	#Footer .Boxs {
		margin-bottom: 30px;
	}

	#Footer .fb-like {
		margin-bottom: 30px;
		margin-left: 0px;
	}
}

@media all and (max-width: 530px) {
	.Articles article .Content h2,
	.Articles .HasBig article:first-child .Content h2 {
		text-shadow: 0px 0px 5px #000;
		line-height: 22px;
		font-size: 20px;
	}
}

@media all and (max-width: 460px) {
	#Container aside article.Item figure ~ .Text a {
		line-height: 22px;
		font-size: 20px;
	}
}
@media all and (max-width: 430px) {
	.Articles article .Content h2,
	.Articles .HasBig article:first-child .Content h2 {
		line-height: 18px;
		font-size: 16px;
	}
}