/*
////////////////////////////////////////////////////////////
//
// L8M
//
// 
// Filesource  /public/css/default/responsive.css
// Version     $Id: responsive.css 7 2014-03-11 16:18:40Z sl $
//
////////////////////////////////////////////////////////////
*/

/*
////////////////////////////////////////////////////////////
// RESPONSIVE DESIGN
// 940px
////////////////////////////////////////////////////////////
*/

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

	body {
	}
	
	main div.wrap {
		width: 100%;
	}
	
	main.container {
		margin: 0px 5px;
	}
	
	main div.side {
		display: none;
	}
	
	div.full div.list article:nth-child(3n+3) {
		margin-right: 20px;
	}
	
	footer {
		font-size: 80%;
	}
}

/*
////////////////////////////////////////////////////////////
// RESPONSIVE DESIGN
// 768px
////////////////////////////////////////////////////////////
*/

@media screen and (max-width: 800px) {
	
	header div.header div.network iframe,
	footer div.menu ul li iframe {
		display: none;
	}
	
}

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

	body {
		font-size: 90%;
	}
	
	div.list {
		text-align: center;	
	}	
	
	header div.header {
		overflow: hidden;
	}
	
	header div.top {
		position: inherit;
	}
	
	header.fixed + nav.menu {
		display: none;
	}

	header div.header div.header-menu {
		width: 50px;
		padding: 7px 10px;
	}
	
	header div.header div.header-menu ul {
		display: block;
	}
	
	header a.logo {
		height: 0px;
	}
	
	nav.menu {
		height: 0px;
	}
	
	body div.list {
		min-width: 0px;
		width: auto;
	}
	
	main div.page {
		padding: 5px;
	}
	
	main div.page div.content {
		padding: 0px;
	}
	
	footer {
		font-size: 60%;
	}	
	
}

/*
////////////////////////////////////////////////////////////
// RESPONSIVE DESIGN
// 650px
////////////////////////////////////////////////////////////
*/

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

	body {
		font-size: 80%;
	}
	
	header div.header a.home {
		width: 230px;
	}
	
	div.list article {
	width: 295px;
	}
	
	
	div.full div.list article:nth-child(3n+3),
	div.list article:nth-child(3n+3),
	div.full div.list article:nth-child(2n+2),
	div.list article:nth-child(2n+2) {
		margin-right: 5px;
	}
	
	div.page + div.thumbnail article,
	div.thumbnail article {
		margin: 0px 3px 5px;
	}
	
	div.list article:nth-child(2n+2),
	div.list article {
		margin: 5px 5px;
	}
	
	footer div.menu {
		height: auto;
	}
	
	footer div.menu ul li {
		display: block;
		font-size: 250%;
	}
	
	footer a.page-back {
		font-size: 250%;
	}
	
}

@media screen and (max-width: 500px) {
	div.thumbnail h2 iframe {
		display: none;
	}
}

/*
////////////////////////////////////////////////////////////
// RESPONSIVE DESIGN
// 320px
////////////////////////////////////////////////////////////
*/

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

	body {
		font-size: 70%;
	}
	
	div.list article:nth-child(2n+2),
	div.list article {
		margin: 5px 0px;
	}	
	
}