@media only screen and (max-width: 480px) {
	.HeadTopImage img {
		width: 100%;
		/*height: 90px;*/
	}

	.content {
		width: 100%;
		/*width: 380px;*/
		/*text-align: left;*/
	}

		.content h4 {
			padding-left: 150px;
			padding-top: 0;
		}

		.content img {
			width: 100%;
		}

	.news-item {
		margin: 20px 0px;
	}

	.news-imgs {
		height: 250px;
		width: 90%;
		/* padding: 0px; */
		 margin-left: 20px; 
		/* margin-right: 0px; */
		border: 1px solid #CCCCCC;
		border-radius: 2%;
	}


	.title-div {
		margin-top: 10px;
		width: 95%;
		float: none;
	}

	.headtop {
		background: #33A1C9;
		height: 130px;
	}

	.headtop1 {
		text-align: center;
		color: white;
		padding-top: 15px;
		font-size: 30px;
	}

	.headtop2 {
		text-align: center;
		color: white;
		font-size: 20px;
	}


	.li-item {
		border-bottom: 1px dashed #cccccc;
		text-align: left;
		/*margin: 20px;*/
		padding: 30px 0;
	}

	.demo2 {
		margin: 20px 5%;
	}

}