@media (max-width: 480px) {
	#contents{
		background: none;
	}
	
	body{
		background: #3f3e37;
	}
	
	#page{
		margin-left: 0;
	}
	
	#title{
		width: 94%;
		padding: 3%;
		float: left;
		opacity: 1;
	}
	
	#logo-top-right{
		margin-bottom: 0;
	}
	
	#title br{
		display: block;
	}
	
	#title h1{
		font-size: 20px;
		margin: 0;
	}
	
	#title h2{
		font-size: 14px;
		line-height: 18px;
		margin: 0;
	}
	
	#iview{
		width: 100%;
	}
	
	h1, h2, h3{
		line-height: 30px;
	}
	
	#right-menu{
		width: 100%;
	}
	
	#footer > .container{
		padding: 10px;
	}
	
	.iview-controlNav,
	.iview-items,
	.iview-controlNextNav{
		display: none;
	}
	
	.navbar-inverse .brand, .navbar-inverse .nav > li > a{
		line-height: 48px;
	}
	
	.btn-navbar{
		background: #d31b22 !important;
	}
	
	img{
		max-width: 97%;
	}
}

@media (max-width: 979px) {
	ul.nav{ height:auto; background:#222; }
	ul.nav > li{ width:auto; }
	ul.nav > li > img{ display:none; }

	ul.nav > li > ul{ display:block; }
	ul.nav > li > ul > li{ text-align:center; font-size:0.9em; padding:0; }
}

@media (max-width: 1024px) {
	.navbar .nav > li > a{
		padding: 0 10px;
	}
	
	.navbar-inverse .brand, .navbar-inverse .nav > li > a{
		font-size: 18px;
	}
}