@media screen and (max-width: 1800px) {
	/*===========================================
		HEADER BAR
	===========================================*/
	.DisplayBarContainer .Header {
		width: 28.5%;
	}
	.DisplayBarContainer .StartEndDate {
		width: 32.5%;
	}
	.DisplayBarContainer .FilterDetail {
		width: 38%;
	}
		.DisplayBarContainer .DisplayBar .DisplayTitle {
			display: none;
		}
}

@media screen and (max-width: 1600px) {
	/*===========================================
		HEADER BAR
	===========================================*/
	.DisplayBarContainer .Header {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.DisplayBarContainer .StartEndDate {
		width: 44%;
		margin-right: 1%;
	}
	.DisplayBarContainer .FilterDetail {
		width: 55%;
	}
		.DisplayBarContainer .DisplayBar h2 {
			padding: 10px;
		}
		.DisplayBarContainer .DisplayBar .DisplayTitle {
			display: block;
		}
}


@media screen and (max-width: 1300px) {
	.DisplayBarContainer .DisplayBar .DisplayTitle {
		display: none;
	}
}


@media screen and (max-width: 1100px) {
	/*===========================================
		HEADER BAR
	===========================================*/
	.DisplayBarContainer .Header {
		width: 44.5%;
		margin-right: 0.5%;
		margin-bottom: 10px;
	}
	.DisplayBarContainer .StartEndDate {
		width: 55%;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.DisplayBarContainer .FilterDetail {
		width: 100%;
	}
		.DisplayBarContainer .DisplayBar h2 {
			padding: 17px 10px 16px 10px;
		}
}


@media screen and (max-width: 1000px) {
	/*===========================================
		HEADER BAR
	===========================================*/
	.DisplayBarContainer .Header {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.DisplayBarContainer .StartEndDate {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.DisplayBarContainer .FilterDetail {
		width: 100%;
	}
		.DisplayBarContainer .DisplayBar h2 {
			padding: 10px;
		}
		.DisplayBarContainer .DisplayBar .DisplayTitle {
			display: block;
		}
}