@media (max-height: 1079px) {
	#header {
		height: 8%;
	}
	#mainContainer {
		top: 8%;
	}
  .royalSlider.rsFullscreen {
		top: 8% !important;
	}
  .frontsOfTheWar .battleList .battleName {
		padding: 0.1em 0.3em 0.2em 0;
	}
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      width: 4px;
    }
}
@media (max-width: 1600px) {
	body {
		font-size: 12px;
	}
	p {
		margin: 0 0 0.7em 0;
	}
	#header {
		height: 10%;
	}
		#header h1 {
			font-size: 2em;
		}
	#mainContainer {
		bottom: 9.7em;
		top: 10%;
	}
	#footer {
		height: 7em;
	}
		#footer nav a {
			font-size: 2.1em;
			padding: 1.3em 4% 0.7em;
		}
		#footer nav a.right {
			padding: 1.3em 3% 0.7em;
		}
		#footer nav .divider {
			height: 3.5em;
			margin-top: 1.3em;
		}
	#footer .howtoblock {
		bottom: 7em;
		font-size: 1.4em;
		width: 18em;
	}
		#footer .howtoblock .close {
			font-size: 1.2em;
			line-height: 1.2em;
		}
			#footer .howtoblock .close span.ico {
				height: 1.2em;
				margin: 0 0 0 0.7em;
				width: 1.2em;
			}
	.frontsOfTheWar .sectionTitle {
		font-size: 1.7em;
		height: 4em;
		padding: 0.7em 0.7em 0 3%;
	}
	.frontsOfTheWar .battleList {
		bottom: 3em;
		top: 4.3em;
	}
		.frontsOfTheWar .battleList .battleName {
			font-size: 1.5em;
		}
		.frontsOfTheWar .battleList .item {
			margin: 0 0 1em 7%;
		}
			.frontsOfTheWar .battleList .item .title {
				font-size: 1.2em;
				line-height: 1.2em;
				min-height: 2.3em;
			}
	.frontsOfTheWar .frontList {
		bottom: 3em;
		top: 4.3em;
		width: 34%;
	}
		.frontsOfTheWar .frontList a {
			font-size: 1.3em;
			line-height: 1.3em;
			min-height: 3.1em;
			margin: 0 0.4em 0.7em 1em;
			padding: 0.7em 0.3em 0.2em 0.3em;
		}
	.frontsOfTheWar .years {
		height: 3em;
	}
		.frontsOfTheWar .years span.subtitle {
			border-bottom: 0.4em solid #aaa17d;
			font-size: 1.2em;
			height: 3em;
			line-height: 1.15em;
			padding: 0.2em 0.3em 0 0.8em;
		}
		.frontsOfTheWar .years a {
			border-bottom: 0.4em solid #303235;
			font-size: 1.3em;
			height: 2.3em;
			padding: 0.6em 0 0 0;
		}
			.frontsOfTheWar .years a:hover,
			.frontsOfTheWar .years a.active {
				background-color: #b2083d;
				border-bottom: 0.4em solid #b2083d;
			}
	.iconicBattles {
		padding-bottom: 1em;
	}
		.frontsOfTheWar .iconicBattles .item {
			margin: 0 0 1em 5%;
		}
		.frontsOfTheWar .battleList .battleName {
			padding: 0.1em 0.3em 0.2em 0;
		}
	.battleList {
		padding-top: 1em;
	}
	#introduction h1 {
		font-size: 1.6em;
		margin: 2em 2em 0 2em;
		padding: 0 0 0.3em 0;
	}
	#introduction .info {
		bottom: 3.7em;
		padding: 0 2em;
		top: 4.3em;
	}
		#introduction .info img {
			margin-bottom: 1.3em;
		}
		#introduction .info .text {
			padding: 0 1.3em;
			top: 27em;
		}
	#introduction footer {
		bottom: 0.3em;
		height: 2.7em;
		left: 2em;
		padding: 0.3em 0 0 0;
		right: 2em;
	}
		#introduction footer .close {
			font-size: 1.2em;
			line-height: 1.2em;
			padding: 0.2em 0 0.2em 0.2em;
		}
			#introduction footer .close span.ico {
				height: 1.2em;
				margin: 0 0 0 0.7em;
				width: 1.2em;
			}
	#frontInfo {
		width: 36em;
	}
		#frontInfo h1 {
			font-size: 1.8em;
			margin: 1em 1.1em 0 1.1em;
			padding: 0 0 0.3em 0;
		}
		#frontInfo .info {
			bottom: 3.7em;
			padding: 0 2em;
			top: 7em;
		}
			#frontInfo .info img {
				margin-bottom: 1.3em;
			}
			#frontInfo .info .img {
				margin-bottom: 1.3em;
			}
				#frontInfo .info .img .largescreen {
					height: 2.7em;
					width: 2.7em;
				}
			#frontInfo .info .text {
				font-size: 1.3em;
				font-family: 'Forum';
				padding: 0 1.5em;
				top: 49%;
			}
		#frontInfo footer {
			bottom: 0.3em;
			height: 2.7em;
			left: 2em;
			padding: 0.3em 0 0 0;
			right: 2em;
		}
			#frontInfo footer .close {
				font-size: 1.2em;
				line-height: 1.2em;
				padding: 0.2em 0 0.2em 0.2em;
			}
				#frontInfo footer .close span.ico {
					margin: 0 0 0 0.7em;
				}
		.rsDefault .rsGCaption {
			bottom: -3em;
			font-size: 0.9em;
			height: 2.7em;
		}
		.rsDefault.rsFullscreen .rsGCaption {
			font-size: 1.15em;
		}
	.map-marker-label {
		height: 1.2em;	
		min-width: 9.3em;
	}
		.map-marker-label .title {
			font-size: 1em;
			height: 1.2em;	
			line-height: 1.2em;
			padding: 0px 0.3em;
		}
		.royalSlider.rsFullscreen {
			bottom: 116px !important;
			top: 10% !important;
		}
}
@media (max-width: 1368px) {
	body {
		font-size: 10px;
		_min-width: 1024px;
		_min-height: 600px;
		_max-height: 1000px;
		_overflow: scroll;
		_position: relative;
	}
	#header {
		height: 7%;
	}
		#header h1 {
			left: 0.7%;
		}
	#mainContainer {
		bottom: 7em;
		left: 0.7%;
		right: 0.7%;
		top: 7%;
	}
	#footer {
		height: 5.5em;
	}
	#footer nav a {
		font-size: 2em;
		padding: 1em 4% 0.7em;
	}
	#footer nav a.right {
		padding: 1em 3% 0.7em;
	}
	.royalSlider.rsFullscreen {
		bottom: 70px !important;
		left: 0.7% !important;
		right: 34.2% !important;
		top: 7% !important;
	}
	#frontInfo .info {
		top: 6em;
	}
	#frontInfo .info .text {
		top: 55%;
	}
	.frontsOfTheWar .battleList .battleName {
		font-size: 1.8em;
	}
	.frontsOfTheWar .battleList .item .title {
		font-size: 1.25em;
		line-height: 1.2em;
	}
	.frontsOfTheWar .sectionTitle {
		font-size: 2em;
	}
	#frontInfo .info .text {
		font-size: 1.4em;
		padding: 0 1em 0 1.5em;
		top: 55%;
	}
}
@media (max-width: 1280px) {
	#footer {
		height: 6.5em;
	}
}