@media screen and (max-width: 1024px) {

	.module_info h1 {
		font-size: 24px;
	}

	.module_info p {
		font-size: 14px;
	}

	.x_message p {
		font-size: 48px;
	}
	
	span.submessage {
		font-size: 24px;
	}

	#third p {
		/*margin: 0 0 20px 100px;*/
	}

}


@media screen and (max-width: 900px) {

	.logo {
		display: block;
		margin: 10px 0 0 0;
	}

	.main {
		display: block;
		margin: 10px 0 10px 0;
	}

	#third p {
		/*margin: 0 0 20px 20px;*/
	}

	.module_info p {
		/*margin: 0 20px 20px 0;*/
	}

	.logoImage {
		max-width: 240px;
		width: 50%;
	}
}

@media screen and (max-width: 480px) {

	.main {
		display: none;
	}

	.main ul li {
		display: block;
		margin: 7px 20px 7px 20px;
		padding-bottom: 2px;
		padding: 10px;
	}

	.main ul li a {
		text-decoration: none;
		color: #8a9295;
		text-transform: uppercase;
	}

	.main ul li.current {
		border-bottom: none;
		text-decoration: underline;
	}

	.main ul li.current:hover {
		border-bottom: none;
	}

	.main ul li a:hover {
		color: #1d3c72;
	}

	.home_or {
	}

	.menu_or {
		display: block;
	}

}

@media screen and (max-width: 380px) {
	
	span.submessage {
	  font-size: 17px;
	}

		.module_info h1 {
			font-size: 28px;
		}

			.x_message p {
			font-size: 28px;
		}

}

@media screen and (max-width: 750px) {

	.navigation {
		position: absolute;
		padding-bottom: 1em;
		min-height: 0;
		padding-top: .5em;
	}

	.detail-wrap {
		position: relative;
		top: inherit;
		bottom: inherit;
		left: inherit;
		right: inherit;
		text-align: center;
	}

	.det-add {
		top: inherit;
		bottom: inherit;
		left: inherit;
		right: inherit;
	}

	.mob-background {
		position: absolute;
		display: block;
		width: 100%;
	}

	.side {
		position: absolute;
		display: block;
		width: 100%;
		z-index: 2;
	}

	.x_message p {
		font-size: 24px;
	}

	.module_info {
		max-width: none;
		width: 100%;
		padding: 3% !important;
		background-color: white;
		box-sizing: border-box;
	}

	.flag {
		width: 1%;
		margin-right: -1%;
	}

	#third .side .flag, #fith .side .flag {
		margin-right: 0;
		margin-left: -1%;
	}

	.nav.menu li {
		font-size: 12px;
	}

	.logoImage {
		max-width: 110px;
	}

	.logo {
		margin: 0;
	}

	.main ul li {
		margin: 0 10px 0 10px;
		padding-bottom: 0;
	}

	.det-add {
		display: none;
	}

	.x_message p {
		line-height: normal;
	}

	.x_message {
		width: 100%;
		margin-top: 30vh;
	}

}