@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {

	.leftArea {
		width: 100%;
		top: 20px;
	}

	.leftArea .topContent {
		padding: 0px 15px 15px 15px;

	}

	.leftArea .bottomContent {
		padding: 15px 15px 0px 15px;
	}

}

@media only screen and (min-device-width : 481px) and (max-device-width : 767px) {

	.leftArea {
		width: 100%;
		top: 10px;
	}

	.leftArea .topContent {
		padding: 0px 15px 15px 15px;
		border: none;
	}

	.leftArea .bottomContent {
		padding: 15px 15px 0px 15px;
		display: none;
	}

	.leftArea .refresh {
		margin-top: 15px;
	}

	.leftArea .infos {
		margin-top: 15px;
	}

	.leftArea .infos .title {
		margin-bottom: 15px;
	}

	.leftArea .infos .address {
		margin-bottom: 15px;
	}
	
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){

	.leftArea {
		width: 40%;
		top: 110px;
	}

	.leftArea .topContent {
		padding: 0px 15px 15px 50px;

	}

	.leftArea .bottomContent {
		padding: 15px 15px 0px 50px;
	}
	
}