/* Big screens and systems... bigger machines .... */
								@media screen and (min-width: 1200px){
									.content{
									width: 80%;
									float: right;
									padding: 10px;
									background-color: #00058A;
									color: #dddddd;
									border-radius: 50px;
									text-align: center;
								}
								
								.see_all_jobs{
									width: 100%;
									padding: 5px;
									text-align: center;
								}
								.particular_job{
									width: 25%;
									height: 300px;
									overflow: scroll;
									padding: 12px;
									display: inline-block;
									border: 6px solid #935829;
									background-color: #000;
									opacity: 0.8;
									white-space: nowrap;
									scrollbar-width: none;
									-ms-overflow-style: none;
								}
								.particular_job::-webkit-scrollbar{
									width: 0;
									height: 0;
								}


								.particular_job img{
									width: 100%;
								}

								.particular_job .job_title{
									width: 100%;
									height: 80px;
									overflow: scroll;
									white-space: nowrap;
									text-align: center;
									scrollbar-width: none;
									-ms-overflow-style: none;
								}
								.particular_job .job_title::-webkit-scrollbar{
									width: 0;
									height: 0;
								}

								.particular_job_detailed{
									width: 100%;
									height: 100%;
									display: block;
								}
								.particular_job_detailed .imaging{
									width: 25%;
									height: 250px;
									padding: 12px;
									display: inline-block;
									vertical-align: top;
								}
								.particular_job_detailed .imaging .creation_method{
									width: 70%;
									height: 250px;
									padding: 12px;
									display: inline;
									border-radius: 13px;
								}
								.particular_job_detailed .detailing{
									width: 50%;
									display: inline-block;
								}
								.particular_job_detailed .detailing p img{
									width: 60px;
									display: inline-block;
									border-radius: 15px;
								}
								.create_a_job{
									width: 100%;
								}

								.create_a_job button{
									width: 40%;
									padding: 12px;
									background-color: green;
									color: #fefefe;
									border-radius: 12px;
									font-weight: bold;
								}

							}

/* Tablets and Medium Devices and lit stuffs .... */
@media screen and (max-width: 1200px){
	.content{
	width: 70%;
	float: right;
	padding: 10px;
	background-color: #00058A;
	color: #dddddd;
	border-radius: 50px;
	text-align: center;
}

.see_all_jobs{
	width: 100%;
	padding: 5px;
	text-align: center;
}
.particular_job{
	width: 25%;
	height: 250px;
	overflow: scroll;
	padding: 12px;
	display: inline-block;
	border: 6px solid #935829;
	background-color: #0b0e0b;
	opacity: 0.8;
	white-space: nowrap;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.particular_job::-webkit-scrollbar{
	width: 0;
	height: 0;
}


.particular_job img{
	width: 100%;
}

.particular_job .job_title{
	width: 100%;
	height: 80px;
	overflow: scroll;
	white-space: nowrap;
	text-align: center;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.particular_job .job_title::-webkit-scrollbar{
	width: 0;
	height: 0;
}

.particular_job_detailed{
	width: 100%;
	height: 100%;
	display: block;
}
.particular_job_detailed .imaging{
	width: 25%;
	height: 250px;
	padding: 12px;
	display: inline-block;
	vertical-align: top;
}
.particular_job_detailed .imaging .creation_method{
	width: 70%;
	height: 250px;
	padding: 12px;
	display: inline;
	border-radius: 13px;
}
.particular_job_detailed .detailing{
	width: 50%;
	display: inline-block;
}
.particular_job_detailed .detailing p img{
	width: 60px;
	display: inline-block;
	border-radius: 15px;
}
.create_a_job{
	width: 100%;
}

.create_a_job button{
	width: 40%;
	padding: 12px;
	background-color: green;
	color: #fefefe;
	border-radius: 12px;
	font-weight: bold;
}
}

							/* Smallest Screens and Mobile Devices... Hand gadgets .... */
							@media screen and (max-width: 860px){
								.content{
								width: 100%;
								background-color: #00058A;
								color: #dddddd;
								border-radius: 20px;
								text-align: center;
							}
							
							.see_all_jobs{
								width: 100%;
								padding: 5px;
								text-align: center;
							}
							.particular_job{
								width: 25%;
								height: 250px;
								overflow: scroll;
								padding: 12px;
								display: inline-block;
								border: 6px solid #935829;
								background-color: #0b0e0b;
								opacity: 0.8;
								white-space: nowrap;
								scrollbar-width: none;
								-ms-overflow-style: none;
							}
							.particular_job::-webkit-scrollbar{
								width: 0;
								height: 0;
							}


							.particular_job img{
								width: 100%;
							}

							.particular_job .job_title{
								width: 100%;
								height: 80px;
								overflow: scroll;
								white-space: nowrap;
								text-align: center;
								scrollbar-width: none;
								-ms-overflow-style: none;
							}
							.particular_job .job_title::-webkit-scrollbar{
								width: 0;
								height: 0;
							}

							.particular_job_detailed{
								width: 100%;
								height: 100%;
								display: block;
							}
							.particular_job_detailed .imaging{
								width: 25%;
								height: 250px;
								padding: 12px;
								display: inline-block;
								vertical-align: top;
							}
							.particular_job_detailed .imaging .creation_method{
								width: 70%;
								height: 250px;
								padding: 12px;
								display: inline;
								border-radius: 13px;
							}
							.particular_job_detailed .detailing{
								width: 50%;
								display: inline-block;
							}
							.particular_job_detailed .detailing p img{
								width: 60px;
								display: inline-block;
								border-radius: 15px;
							}
							.create_a_job{
								width: 100%;
							}

							.create_a_job button{
								width: 40%;
								padding: 12px;
								background-color: green;
								color: #fefefe;
								border-radius: 12px;
								font-weight: bold;
							}

						}