/* Big screens and systems... bigger machines .... */
											@media screen and (min-width: 1200px){
												.content{
												width: 80%;
												float: right;
												padding: 10px;
												background-color: #00058A;
												border-radius: 50px;
												text-align: center;
											}
											.post{
												width: 80%;
												text-align: center;
												margin-left: 10%;
												background-color: #ffffff;
												color: #000;
												border-radius: 30px;
												border: 2px solid #ffffff;
											}
											.post .username{
												color: #ffffff;
												background-color: rgb(107, 126, 100);
												position: absolute;
												margin-top: 30px;
												margin-left: 78px;
												display: block;
												opacity: 0.7;
											    filter: alpha(opacity=70); /* For IE8 and earlier */
											}
										
											.post .user_profile{
												width: 50px;
												height: 50px;
												border-radius: 50%;
												position: absolute;
												margin-left: 15px;
												margin-top: 12px;
												display: block;
												opacity: 0.8;
											    filter: alpha(opacity=80); /* For IE8 and earlier */
											}
									
											.post .image_post{
												width: 99%;
												border-radius: 30px;
												min-height: 300px;
												max-height: 90vh;
												box-shadow: 0px 10px 7px grey;
												border: 2px solid #ffffff;
											}

											.post .post-attributes{
												width: 100%;
												display: block;
												font-size: large;
											}

											.post  .post-attributes .post_writeUp{
												color: #000;
												font-weight: bold;
												display: inline;
												text-align: center;
												width: 100%;
											}

											.post  .post-attributes  .location{
												display: block;
												text-align: center;
												font-size: 9px;
												color: #00058A;
												opacity: 0.4;
											}

											.post .post-attributes .post_comments{
												padding: 5px;
												display: inline;
												float: left;
												margin-left: 30px;
												font-size: 12px;
												line-height: 0.7;
												color: #00058A;
												background-color: #ffffff;
												border-radius: 9px
											}
											.post .post-attributes .attributes{
												padding: 5px;
												display: inline;
												float: left;
												margin-left: 30px;
												font-size: 12px;
												line-height: 0.7;
												color: #00058A;
												background-color: #ffffff;
												border-radius: 9px
											}
											.post .post-attributes .post_shares{
												padding: 5px;
												display: inline;
												float: left;
												margin-left: 30px;
												font-size: 12px;
												line-height: 0.7;
												color: #00058A;
												background-color: #ffffff;
												border-radius: 9px
											}
											.post .post-attributes .time_and_date{
												display: inline;
												float: right;
												margin-right: 30px;
												font-size: 12px;
												line-height: 0.7;
												color: #00058A;
												opacity: 0.4;
											}

											/* This part is the slectbox and the write-up post part */
											.view_option{
												width: 80%;
												padding: 12px;
												border: 2px solid #345098;
												border-radius: 20px;
											}


											}

								/* Tablets and Medium Devices and lit stuffs .... */
								@media screen and (max-width: 1200px){
								.content{
									width: 80%;
									float: right;
									padding: 10px;
									background-color: #00058A;
									border-radius: 50px;
									text-align: center;
								}
								.post{
									width: 80%;
									text-align: center;
									margin-left: 10%;
									background-color: #ffffff;
									border-radius: 30px;
									border: 2px solid #ffffff;
								}
								.post .username{
									color: #ffffff;
									background-color: rgb(107, 126, 100);
									position: absolute;
									margin-top: 30px;
									margin-left: 78px;
									display: block;
									opacity: 0.8;
								    filter: alpha(opacity=80); /* For IE8 and earlier */
								}
								.post .user_profile{
									width: 50px;
									height: 50px;
									border-radius: 50%;
									position: absolute;
									margin-left: 15px;
									margin-top: 12px;
									display: block;
									opacity: 0.8;
									filter: alpha(opacity=80); /* For IE8 and earlier */
								}
								.post .image_post{
									width: 99%;
									border-radius: 30px;
									min-height: 300px;
									max-height: 90vh;
									box-shadow: 0px 10px 7px grey;
									border: 2px solid #ffffff;
								}

								.post .post-attributes{
									width: 100%;
									display: block;
									font-size: large;
								}

								.post  .post-attributes .post_writeUp{
									color: #000;
									font-weight: bold;
									display: inline;
									text-align: center;
									width: 100%;
								}

								.post  .post-attributes  .location{
									display: block;
									text-align: center;
									font-size: 9px;
									color: #00058A;
									opacity: 0.4;
								}

								.post .post-attributes .post_comments{
									padding: 5px;
									display: inline;
									float: left;
									margin-left: 30px;
									font-size: 12px;
									line-height: 0.7;
									color: #00058A;
									background-color: #ffffff;
									border-radius: 9px
								}
								.post .post-attributes .attributes{
									padding: 5px;
									display: inline;
									float: left;
									margin-left: 30px;
									font-size: 12px;
									line-height: 0.7;
									color: #00058A;
									background-color: #ffffff;
									border-radius: 9px
								}
								.post .post-attributes .post_shares{
									padding: 5px;
									display: inline;
									float: left;
									margin-left: 30px;
									font-size: 12px;
									line-height: 0.7;
									color: #00058A;
									background-color: #ffffff;
									border-radius: 9px
								}
								.post .post-attributes .time_and_date{
									display: inline;
									float: right;
									margin-right: 30px;
									font-size: 12px;
									line-height: 0.7;
									color: #00058A;
									opacity: 0.4;
								}

								/* This part is the slectbox and the write-up post part */
								.view_option{
									width: 80%;
									padding: 12px;
									border: 2px solid #345098;
									border-radius: 20px;
								}


								}

															/* Smallest Screens and Mobile Devices... Hand gadgets .... */
															@media screen and (max-width: 860px){
													.content{
																	width: 100%;
																	background-color: #00058A;
																	border-radius: 30px;
																	text-align: center;

																}
																.post{
																	width: 98%;
																	text-align: center;
																	/*margin-left: 10%;*/
																	background-color: #ffffff;
																	border-radius: 30px;
																	border: 2px solid #ffffff;
																	margin-left: 2%;
																}
																.post .username{
																	color: #ffffff;
																	background-color: rgb(107, 126, 100);																	position: absolute;
																	margin-top: 30px;
																	margin-left: 78px;
																	display: block;
																	opacity: 0.8;
																    filter: alpha(opacity=80); /* For IE8 and earlier */
																}
																.post .user_profile{
																	width: 50px;
																	height: 50px;
																	border-radius: 50%;
																	position: absolute;
																	margin-left: 15px;
																	margin-top: 12px;
																	display: block;
																	opacity: 0.8;
																    filter: alpha(opacity=80); /* For IE8 and earlier */
																}
																.post .image_post{
																	width: 99%;
																	border-radius: 30px;
																	min-height: 300px;
																	max-height: 100vh;
																	box-shadow: 0px 10px 7px grey;
																	border: 2px solid #ffffff;
																}

																.post .post-attributes{
																	width: 100%;
																	display: block;
																	font-size: large;
																}

																.post  .post-attributes .post_writeUp{
																	color: #000;
																	font-weight: bold;
																	display: inline;
																	text-align: center;
																	width: 100%;
																}

																.post  .post-attributes  .location{
																	display: block;
																	text-align: center;
																	font-size: 9px;
																	color: #00058A;
																	opacity: 0.4;
																}

																.post .post-attributes .post_comments{
																	padding: 5px;
																	display: inline;
																	float: left;
																	margin-left: 30px;
																	font-size: 12px;
																	line-height: 0.7;
																	color: #00058A;
																	background-color: #ffffff;
																	border-radius: 9px
																}
																.post .post-attributes .attributes{
																	padding: 5px;
																	display: inline;
																	float: left;
																	margin-left: 30px;
																	font-size: 12px;
																	line-height: 0.7;
																	color: #00058A;
																	background-color: #ffffff;
																	border-radius: 9px
																}
																.post .post-attributes .post_shares{
																	padding: 5px;
																	display: inline;
																	float: left;
																	margin-left: 30px;
																	font-size: 12px;
																	line-height: 0.7;
																	color: #00058A;
																	background-color: #ffffff;
																	border-radius: 9px
																}
																.post .post-attributes .time_and_date{
																	display: inline;
																	float: right;
																	margin-right: 30px;
																	font-size: 12px;
																	line-height: 0.7;
																	color: #00058A;
																	opacity: 0.4;
																}

																/* This part is the slectbox and the write-up post part */
																.view_option{
																	width: 100%;
																	padding: 12px;
																	border: 2px solid #345098;
																	border-radius: 20px;
																}

															}