@media (min-width: 768px) and (max-width:1023px) {
	body, html {
		min-width: 769px;
		margin:0
	}
	
	body div {max-width:100%;box-sizing:border-box}
			body img {height:auto!important;max-width:100%}
			body embed, body iframe, body  video {max-width:100%}
			
	.top-head {height:auto;padding:10px;}
	
	#container {padding:10px}	
		.content {width:auto}
	.item {float:none;display:inline-block;vertical-align:top;width:45%;height:auto;margin:10px 2%}
				.item .item-text {width:100%;box-sizing:border-box}
				.content .comics img {max-width:100%}
	
	
}




@media (min-width: 481px) and  (max-width: 767px) {
	body, html {
		min-width: 480px;
		margin:0;
		
	}
		
		body div {max-width:100%;box-sizing:border-box}
			body img {height:auto!important;max-width:100%}
			body embed, body iframe, body  video {max-width:100%}
			.text table {width:100%!important;display:block;overflow-x:auto;height:auto!important;-webkit-overflow-scrolling:touch}
			
		.top-head {height:auto;padding:10px;text-align:center}
			header .header-h1 h1 {margin:0;clear:both;color:#fff}
			.top-head .upload, .top-head .report {float:none;display:inline-block;vertical-align:top;}
			.temp-head a img {float:none;display:inline-block;}
			
		#container {padding:10px}	
			.left-menu, .content {float:none;margin:10px 0;width:100%}
			ul.friends {float:none;width:100%}
			
			.item {float:none;display:inline-block;vertical-align:top;width:30%;height:auto;margin:10px 1%}
				.item .item-text {width:100%;box-sizing:border-box}
				.content .comics img {max-width:100%}
			
		.left-menu .menu > li {display:inline-block;vertical-align:top;}
		
}

	



@media (max-width: 480px) {
	body, html {
		min-width: 210px;
		margin:0;
		padding:0;
		
		height:100%;
	}
	
	
	
		body div {max-width:100%;box-sizing:border-box}
			body img {height:auto!important;max-width:100%}
			body embed, body iframe, body  video {max-width:100%}
			.text table {width:100%!important;display:block;overflow-x:auto;height:auto!important;-webkit-overflow-scrolling:touch}
			
		.top-head {height:auto;padding:10px;text-align:center}
			header .header-h1 h1 {margin:0;clear:both;color:#fff}
			.top-head .upload, .top-head .report {float:none;display:inline-block;vertical-align:top;}
			.temp-head a img {float:none;display:inline-block;}
			
		#container {padding:10px}	
			.left-menu, .content {float:none;margin:10px 0;width:100%}
			ul.friends {float:none;width:100%}
			
			.item {float:none;display:inline-block;vertical-align:top;width:45%;height:auto;margin:10px 2%}
				.item .item-text {width:100%;box-sizing:border-box}
				.content .comics img {max-width:100%}
			
			.left-menu .menu > li {display:inline-block;vertical-align:top;}
		
}