@media (max-width:1199px)
{
	.side_banner
	{
		width:600px;
		height:410px;
	}
	.side_banner img#frame
	{
		width:100%;
		height:100%;
	}
	.slider
	{
		width:450px;
		height:600px;
		left:10px;

	-webkit-transform:skewX(-16deg) skewY(5deg);
	-moz-transform:skewX(-16deg) skewY(5deg);
	-o-transform:skewX(-16deg) skewY(5deg);
	transform:skewX(-16deg) skewY(5deg);	
		}
		.banner
		{
			height:600px;
		}
	
	#graphic1
	{

	background-size:1200px 600px;
	background-position:0px 0px;
	}
	
	#c_banner
	{
		width:335px;
		height:250px;
	}
	section#career
	{
		height:500px;
	}
	
	
	section#career h3
	{
		width:600px;
		margin-top:20px;
	}

	
}


@media (max-width: 1023px)
{
	section#intro p
	{
		text-align:justify;
	}
	.banner
	{
		height:700px;
		background-size:1600px 800px;
		position:relative;

	}
	.banner h1
	{
		font-size:30px;
		margin-top:20px;
	}
	.side_banner
	{
		position:absolute;
		left:0;
		top:0;
		right:0;
		margin:auto;
		top:80px;
		z-index:4;
	}
	
	article#intro_top
	{
		width:100%;
		margin-top:500px;
		height:130px;
		position:relative;

	}
	
	.button
	{
		margin:auto;
		height:25px;
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		width:150px;
	}
	article#intro_top h2
	{
		text-align:center;
		font-size:25px;
		z-index:5;
		
		line-height:40px;
		
	}
	
	article#intro_top h2 br {
    content: ' '
}

article#intro_top br:after {
    content: ' '
}

#graphic1
	{

	background-size:1000px 500px;
	background-position:0px 0px;
	}
	section#intro
	{
		height:430px;
	}
	

	
	section#intro p
	{
		font-size:18px;
	}
	
	section#service
	{
		height:600px;
		background-size:1000px 600px;
	}
	section#service span.buttoncover
	{
		margin-top:380px;
	}
	
	
	figure#serv figcaption
	{
		font-size:20px;
		top:0px;
	}
	figure#serv
	{
		width:200px;
	}
	
	section#career h3
	{
		font-size:18px;
		width:480px;
		text-align:justify;
		top:20px;
		margin-top:0px;
	}
	#c_banner
	{
		width:280px;
	}
	section#partner
	{
		background-size:1000px 1050px;
	}
	article#working p
	{
		font-size:18px;
	}
	
}


@media (max-width:819px)
{
	.banner h1
	{
		font-size:25px;
	}
	section#intro
	{
		height:530px;
	}
	
	
	section#career
	{
		height:800px;
	}
	
	#c_banner
	{
		position:absolute;
		left:0;
		top:0;
		right:0;
		margin:auto;
		top:80px;
		width:420px;
		height:320px;
	}
	
	section#career h3
	{
		width:100%;
		margin-top:360px;
	}
	
	article#working p
	{
		font-size:18px;
	}
	
}

@media (max-width:639px)
{
	.banner
	{
		height:550px;
		background-size:1500px 750px;
	}
	.side_banner
	{
		width:400px;
		height:260px;
	}
	.side_banner img#frame
	{
		width:100%;
		height:100%;
	}
	.slider
	{
		width:290px;
		height:400px;
		left:10px;
		top:20px;

	-webkit-transform:skewX(-18deg) skewY(3deg);
	-moz-transform:skewX(-18deg) skewY(3deg);
	-o-transform:skewX(-18deg) skewY(3deg);
	transform:skewX(-18deg) skewY(3deg);	
		}
		
	
		
		article.working >*
		{
			display:none;
		}
		article.working
		{
			height:auto;
			top:0px;
			margin-bottom:30px;
		}
		section#partner
		{
			height:auto;
		}
		article.working figure.resp_work
		{
			display:block;
			width:100%;
		}
		
		figure.resp_work img
		{
			width:100%;
			display:none;
		}
		article#working p
	{
		font-size:18px;
	}
	section#partner
	{
		height:auto;
		background-size:600px 100%;
		padding-bottom:30px;
	}
	
	figure#serv
	{
		width:150px;
	}
	section h2
	{
		font-size:30px;
		margin-bottom:20px;
	}
	section#intro
	{
		height:570px;

	}
	
	section#service
	{
		background-size:600px 600px;
	}
	
	section#career
	{
		height:900px;
	}
	article#intro_top
	
	{
		margin-top:300px;
	}
	
	
}
@media (max-width:479px)
{
	section#intro p
	{
		line-height:30px;
	}
	section#intro
	{
		height:auto;
		padding-bottom:50px;
	}
	
	section#service
	{
		height:700px;
		background-size:600px 700px;
	}
	
	
	section#career h3
	{
		line-height:30px;
	}
	
	article#intro_top h2
	{
		font-size:18px;
		line-height:28px;
	}
	
	section#service span.buttoncover
	{
		margin-top:480px;
	}
	
}

@media (max-width:409px)
{
	
	.side_banner
	{
		width:320px;
		height:220px;
	}
	.slider
	{
		width:250px;
		left:-10px;
	}
	
	
	.banner
	{
		height:485px;
	}
	.banner h1
	{
		font-size:18px;
	}
	article#working p
	{
		line-height:30px;
	}
	#c_banner
	{
		width:320px;
		height:260px;
	}
	article#intro_top
	{
		margin-top:250px;
	}
	
	section#partner
	{
		padding-bottom:100px;
	}
	section#career h3
	{
		margin-top:300px;
	}

}

@media (max-width:319px)
{
	figure#serv
	{
		width:200px;
	}
	section#service
	{
		height:1250px;
		background-size:600px 1250px;
	}
	
	section#service span.buttoncover
	{
		margin-top:1000px;
	}
	#c_banner
	{
		width:100%;
		height:150px;
	}
	section#career h3
	{
		margin-top:200px;
	}

	
}