.mainContent{
	width: 100%;
	height: auto;
	margin: 0;
	background-color: #b0b7bc;
}
.leftContent{
	float: left;
	width: 79%;
	margin: 0;
	height: 100%;
	background-color: #ffffff;
	padding-right:5px;
	padding-left:5px;
}
.rightContent{
	float: right;
	width: 20%;
	height: 100%;
	margin: 0;
}

@media screen and (max-width: 1200px) and (min-width: 1000px){
	.leftContent{
		width: 77%;
	}
	.rightContent{
		width: 22%;
	}
	
	.app-blog-image{
		width: 85% !important;
	}
}

@media screen and (max-width: 1000px) and (min-width: 900px){
	.leftContent{
		width: 72%;
	}
		.leftContent img{
				width:85%;
				height:auto;
		}
	.rightContent{
		width: 26%;
	}
}

@media screen and (max-width: 900px) and (min-width: 800px){
	.leftContent{
		width: 70%;
	}
		.leftContent img{
			width:80%;
			height:auto;
		}
	
	.rightContent{
		width: 28%;
	}
}

@media screen and (max-width: 800px) {
	.leftContent{
		width: 98%;
		float:none;
		padding-bottom:1px;
		padding-right:2px;
	}
		.leftContent img{
			width:85%;
			height:auto;
		}
		
	.rightContent{
		width: 96%;
		float:none;
		padding:10px;
	}
}

@media screen and (max-width: 700px) and (min-width: 400px){}

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

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

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