@media only screen and (min-width: 1024px) {
 .blog-area .avatar {
	margin-left: 70%;
	width: 200px;;
	height: 200px;;
	margin-top: -100px;
	
	
}
	
	.blog-area .buttonsleft{
	margin-top: -100px;}
	
	
.post-style-1 .blog-image {
    max-height: 300px;
    overflow: hidden;
}
	
	.inlinesymbol{
	
	margin-top: 20px;
	margin-left: 3%;
		font-size: 50px;}
	
		.inlineheart{
	
	margin-top: 28px;
	margin-left: 87%;
		font-size: 50px;}
}

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

 .blog-area .avatar {
	margin-left: 70%;
	width: 200px;;
	height: 200px;;
	margin-top: -100px;
	
	
}
	
	.blog-area .buttonsleft{
	margin-top: -100px;}
	
	.post-style-1 .blog-image {
    max-height: 300px;
    overflow: hidden;
}
	
		.inlinesymbol{
	
	margin-top: 10px;
margin-left: 3%;
		font-size: 50px;}
	
			.inlineheart{
	
	margin-top: 20px;
	margin-left: 87%;
		font-size: 50px;}

}

@media only screen and (max-width: 999px) {

	 .blog-area .avatar {
	margin-left: 60%;
	width: 200px;;
	height: 200px;;
	margin-top: -100px;	
}
	
	
		.inlinesymbol{
	
	margin-top: 5px;
margin-left: 3%;
		font-size: 40px;}
	
	
				.inlineheart{
	
	margin-top: 20px;
	margin-left: 87%;
		font-size: 40px;}


}

/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
.blog-area .buttonsleft{
	margin-top: -50px;}
	
		.personalinfo{
		padding-top: 50px;
	}
	
			.inlinesymbol{
	
	margin-top: 5px;
margin-left: 3%;
		font-size: 40px;}
	
						.inlineheart{
	
	margin-top: 20px;
	margin-left: 87%;
		font-size: 40px;}


}

/* Screens Resolution : 479px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {

	 
	
	.blog-area .avatar {
	margin-left: 60%;
	width: 100px;;
	height: 100px;;
	margin-top: -50px;}
		
		.blog-area .buttonsleft{
	

			margin-top: -50px;}
	
	.personalinfo{
		padding-top: 150px;
	}
	
	.post-style-1 .blog-image {
    max-height: 200px;
    overflow: hidden;
}
	
		.inlinesymbol{
	
	margin-top: 5px;
margin-left: 3%;
		font-size: 20px;}
	
					.inlineheart{
	
	margin-top: 20px;
	margin-left: 87%;
		font-size: 20px;}





}

/* Screens Resolution : 359px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 360px) {
.post-style-1 .blog-image {
    max-height: 180px;
    overflow: hidden;
}
	
	
	
}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {

}