/*
   Source file:

   https://github.com/flowplayer/www/blob/master/content/media/css/demos/playlist/grid.styl

*/

body {
	background: #fff;
}

#grid{
	/* wrapper element for all players */
	background: url('../images/corporate/box.png');
	padding: 30px 0;
	position:relative;
	width: 18%;
	background-size: 100% auto;
	background-position:0% 0%;
	margin-top: 0px;
	z-index: 180;
	text-align: center;
}

#grid img {
	width: 80%;
	height: auto;
	margin: 0 auto 25px;
}

#corporate-box {
	top: 100px!important;
	margin-top: 0!important;
}

@media screen and (max-width: 1000px) {
	#grid {
		width: 90%;
		margin: o auto;
	}
	
	#home-logo {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	#corporate-box {
		top: 230px!important;
		}
	#grid {
		top: 275px!important;
	}
	
	#grid img {
		width: 86%;
	}
	
	#corporate {
		top: 160%;
		}
}

@media screen and (max-width: 700px) {
	#content #content, #agree_tag {
		display: none;
	}
	#corporate {
		top: 220%;
		bottom: 0;
	}
	#slideshow {
		height: 350px;
	}
	.flowplayer {
		width: 80%!important;
		height: auto!important;
		margin: 0 0 10% 10%!important;
	}
	.flowplayer video {
		width: 100%!important;
		height: auto!important;
	}
	#corporate input[type="submit"] {
		margin: 50px 0px 50px 40%;
		float: left;
	}
}

@media screen and (max-width: 650px) {
	#corporate {
		top:200%;
	}
}

@media screen and (max-width: 570px) {
	#corporate {
		top:180%;
	}
	#slideshow {
		height: 200px;
	}
	
	#grid {
		top: 185px!important;
	}
}

@media screen and (max-width: 490px) {
	#corporate {
		top: 150%;
	}
	
	#corporate input[type="submit"] {
		margin: 50px 0px 50px 25%;
		float: left;
	}
}