/* full screen styling goes below here.......................... */
.full_screen_reconnect{
	width: 100%;
	position: fixed;
	display: none;
	z-index: 4;
/*	background-color: #bebebe;*/
	background-color: #aeaeae;
	color: #fef;
	top: 0;
	left: 0;
}
.full_screen_reconnect .title_heading{
	width: 100%;
	display: block;
}
.full_screen_reconnect .title_heading h2{
	display: block;
	float: left;
}
.full_screen_reconnect .title_heading p{
	display: block;
	float: right;
	padding-left: 12px;
	padding-right: 12px;
	padding: 10px;
	background-color: red;
	color: #fff;
	margin-right: 20px;
	border-radius: 12px;
	font-family: sans-serif;
	font-weight: bold;

}
.full_screen_reconnect .reconnect_frame{
	width: 100%;
	display: block;
}
.full_screen_reconnect .reconnect_frame iframe{
	width: 100%;
	height: 100vh;
	overflow: scroll;
	display: block;
}



/* Big screens and systems... bigger machines .... */
@media screen and (min-width: 1200px){
	html, body{
    background-color: #fdfdfd;
    color: #000;
    background-image: url(../images/a1in1mover.gif);
	background-size: 100%;
	
}

.content{
	width: 80%;
	float: right;
	padding: 10px;
	color: #00058A;
	border-radius: 50px;
	text-align: center;
}
.ask_page{
	width: 100%;
	border-radius: 50px;
	background-color: #BBBBBB;
	/* background-image: url(../images/a1in1mover.gif); */
	background-size: 100%;
}
.designer{
	width: 100%;
	text-align: center;
}


.designer h4{
	width: 10%;
	border-radius: 20px;
	color: #00058A;
	display: none;
	background: #BBBBBB; /* For browsers that do not support gradients */
  	background: -webkit-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Safari */
  	background: -o-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Opera 11.6 to 12.0 */
  	background: -moz-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Firefox 3.6 to 15 */
  	background: radial-gradient(circle, #FFFFFF, #BBBBBB); /* Standard syntax */
	background-color: #de4323;
	border: 3px solid #FFFFFF;
	padding: 12px;
	font-size: 22px;
}

.pagetitle{
	width: 100%;
	text-align: center;
	background-color: #000;
}

.pagetitle h5{
	width: 20%;
	color: #00058A;
	padding: 12px;
	margin-left: 40%;
	font-weight: bold;
	font-size: 16px;
}

.do_question{
	float: right;
	color: #00058A;
	text-align: center;
	display: none;
}
.do_question h5{
	color: #00058A;
	padding: 12px;
	font-weight: bold;
	font-size: 16px;
}

.questioner{
		width: 70%;
		margin-left: 15%;
		
	}
	.questioner .question{
		width: 100%;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		text-align: justify;
	}
	.questioner code{
		width: 100%;
		overflow: scroll;
		height: 900px;
		background-color: #ffffff;
		color: #000000;
		
	}
	.questioner img{
		width: 80%;
		text-align: center;
		border-radius: 4px;
		margin-left: 10%;
	}
	.questioner .question a{
		text-decoration: none;
		display: block;
		font-size: 13px;
		padding: 4px;
		color: red;
		font-weight: bold;
	}
	.questioner .question code{
		width: 100%;
		overflow: scroll;
		height: 900px;
		background-color: #ffffff;
		color: #000000;
		
	}
	.questioner .question pre{
		width: 100%;
		background-color: #fefefe;
		color: #000000;
		overflow: scroll;
		
	}
	.questioner .questioner_details{
		width: 100%;
		height: 70px;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		position: relative;
		z-index: 1;
		box-shadow: 0px 4px 2px #000000;
	
	}
	.questioner .questioner_details .questioner_id{
		width: 80%;
		float: left;
		text-align: left;
		font-size: 16px;
		vertical-align: middle;
	}
	.questioner .questioner_details .timings{
		width: 20%;
		display: inline-block;
		text-align: center;
		float: right;
		font-size: 13px;
		vertical-align: middle;

	}
	.questioner .questioner_details .questioner_id img{
		width: 70px;
		border-radius: 50%;
		height: 70px;
		display: inline;
		margin-left: 5px;		
	}
	.questioner .questioner_details .questioner_id .username{
		display: inline;
		position: absolute;
		margin-left: 30px;
		margin-top: 20px;
	}
	
	.questioner .questioner_details .timings .time{
		line-height: 0.4;
	}
	.questioner .questioner_details .timings .date{
		line-height: 0.4;
	}

	.answers{
		width: 80%;
		margin-left: 10%;
		
	}
	
	.answers .answer_details{
		width: 100%;
		height: 70px;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		position: relative;
		z-index: 1;
		box-shadow: 0px 4px 2px #000000;
	
	}
	.answers .answer_details .answer_id{
		width: 80%;
		float: left;
		text-align: left;
		font-size: 16px;
		vertical-align: middle;
	}
	.answers .answer_details .timings{
		width: 20%;
		display: inline-block;
		text-align: center;
		float: right;
		font-size: 13px;
		vertical-align: middle;

	}
	.answers .answer_details .answer_id img{
		width: 70px;
		border-radius: 50%;
		height: 70px;
		display: inline;
		margin-left: 5px;		
	}
	.answers .answer_details .answer_id .username{
		display: inline;
		position: absolute;
		margin-left: 30px;
		margin-top: 20px;
	}
	
	.answers .answer_details .timings .time{
		line-height: 0.4;
	}
	.answers .answer_details .timings .date{
		line-height: 0.4;
	}
	.answers .question{
		width: 100%;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		text-align: justify;
	}
	.answers .question code{
		width: 100%;
		overflow: scroll;
		height: 900px;
		background-color: #ffffff;
		color: #000000;
		
	}
	.answers .question pre{
		width: 100%;
		background-color: #fefefe;
		color: #000000;
		overflow: scroll;
		
	}
	.answers .question .posted_media{
		max-width: 100%;
		min-width: 20%;
		text-align: center;
		border-radius: 4px;
	}

	.answers .question .rate{
		text-decoration: none;
		display: inline;
		width: 40px;
		height: 37px;
		padding: 4px;
	}
	.answers .question .comment{
		text-decoration: none;
		font-size: 13px;
		padding: 4px;
		text-align: right;
		float: right;
		display: inline;
	}



	/* this is the design to answer a question in the askPage */

	.answer_a_question{
		position: absolute;
		display: none;
		top: 20%;
		width: 75%;
		text-align: center;
		margin-left: 20%;
		z-index: 1;
	}
	.answer_a_question form{
		display: block;
		width: 100%;
		text-align: left;
		background-color: #bbbbbb;
	}
	.answer_a_question form input{
		display: block;
		width: 90%;
		text-align: center;
		padding: 20px;
		border-radius: 20px;
		background-color: #00058A;
		color: #fefefe;
		font-family: sans-serif;
		font-size: 20px;
	}
	.answer_a_question form textarea{
		display: block;
		width: 90%;
		padding: 12px;
		border-radius: 12px;
	}
	.answer_a_question form .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}
	.holder .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}
/* Another css class for the design of another parts... */
.holder{
	text-align: center;
	width: 70%;
	height: 90%;
	margin-top: 5%;
	margin-left: 25%;
	position: absolute;
	display: none;
}
.pop-up_ask{
	width: 100%;
	height: 100%;
	
	border: none;
}

/* Pop-up for incomplete user deatils for the user to complete.... */
.not_registered_user{
	display: none;
	text-align: center;
	position: absolute;
	top: 20%;
	width: 70%;
	left: 15%;
	background-color: #fed098;
	border-radius: 40px;
	z-index: 1;
}
.not_registered_user img{
	width: 20%;
}
.not_registered_user select{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.not_registered_user  .input_boxes{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.not_registered_user .incomplet_form_submission{
	width: 30%;
	padding: 12px;
	border-radius: 15px;
	background-color: #de5465;
}

.not_registered_user .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}


/* Security Pop-up for the askPage ---------------------------------------------------------------------------*/
.security_pop_up{
	display: none;
	text-align: center;
	position: absolute;
	top: 20%;
	width: 60%;
	left: 20%;
	background-color: lime;
	border-radius: 40px;
	z-index: 1;
}
.security_pop_up img{
	width: 20%;
}
.security_pop_up select{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.security_pop_up .security_input{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.security_pop_up  .security_submit_button{
	width: 30%;
	margin-left: 40%;
	padding: 12px;
	border-radius: 15px;
	color: #de5465;
	background-color: #ffffff;
	font-weight: bold;
}

.security_pop_up .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: #fefefe;
		color: red;
	}


/* -----------------------------------Sign-up side and the successful and warning pop-up------------------------ */

.signup_side{
	display: none;
	width: 60%;
	background-color: #fed546;
	padding: 12px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	position: absolute;
	left: 40%;
	z-index: 1;
}
.signup_side table{
	width: 100%;
}
.signup_side table tr{
	width: 100%;
}
.signup_side table tr .inputers{
	width: 70%;
	text-align: left;
}
.signup_side table tr td {
	width: 30%;
	text-align: left;
}
.signup_side table tr td label{
	font-size: 18px;
}
.signup_side table tr .inputers input{
	width: 80%;
	border-radius: 20px;
	padding: 8px;
}
.signup_side table tr .register{
	text-align: right;
}
.signup_side table tr .register a{
	font-size: 18px;
	font-weight: bold;
	margin-right: 10%;
}

.signup_side .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: #fefefe;
		color: red;
	}
.successful_popup{
	width: 100%;
	background-color: green;
	color: #ffffff;
	display: none;
	position: absolute;
	text-align: center;
	font-weight: bold;
	padding: 12px;
}
.successful_popup img{
	position: relative;
	border: 3px solid #bbbbbb;
	border-radius: 30px;
	margin-top: -3%;
	
}


/* styler for warning side */
.warning_popup{
	width: 100%;
	background-color: yellow;
	display: none;
	position: absolute;
	text-align: center;
	font-weight: bold;
	padding: 12px;
	top: 50%;
}
.warning_popup img{
	position: relative;
	width: 5%;
	border: 3px solid #bbbbbb;
	border-radius: 30px;
	margin-top: -3%;
	
}
.warning_popup .closure{
	position: absolute;
	margin-left: 40%;
	margin-top: -10%;
	
}
.recent_question{
	width: 100%;
	/* overflow: scroll;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	overflow: auto; */
	text-align: center;
}
.recent_question .individual_recent_question{
	width: 80%;
	background-color: #00058A;
	color: #ffffff;
	/* display: inline-grid; */
	display: inline-block;
	padding: 10px;
	border: 5px solid #ffffff;
	text-align: center;
	/* white-space: nowrap;
	overflow: auto; */
}
.recent_question .individual_recent_question p{
	font-family: san-francisco, tahoma, arial;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	
}
.recent_question .individual_recent_question a{
	color: #fdfdfd;
	text-decoration: none;
	text-decoration: underline;
}
}

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


										.designer h4{
											width: 10%;
											border-radius: 20px;
											color: #00058A;
											display: none;
											background: #BBBBBB; /* For browsers that do not support gradients */
										  	background: -webkit-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Safari */
										  	background: -o-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Opera 11.6 to 12.0 */
										  	background: -moz-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Firefox 3.6 to 15 */
										  	background: radial-gradient(circle, #FFFFFF, #BBBBBB); /* Standard syntax */
											background-color: #de4323;
											border: 3px solid #FFFFFF;
											padding: 12px;
											font-size: 22px;
										}

										.pagetitle{
											width: 100%;
											text-align: center;
											background-color: #000;
										}

										.pagetitle h5{
											width: 20%;
											color: #00058A;
											padding: 12px;
											margin-left: 40%;
											font-weight: bold;
											font-size: 16px;
										}

										.do_question{
											float: right;
											color: #00058A;
											text-align: center;
											display: none;
										}
										.do_question h5{
											color: #00058A;
											padding: 12px;
											font-weight: bold;
											font-size: 16px;
										}

										.questioner{
												width: 70%;
												margin-left: 15%;
												
											}
											.questioner .question{
												width: 100%;
												background-color: #00058A;
												color: #ffffff;
												padding: 12px;
												text-align: justify;
											}
											.questioner code{
												width: 100%;
												overflow: scroll;
												height: 900px;
												background-color: #ffffff;
												color: #000000;
												
											}
											.questioner img{
												width: 80%;
												text-align: center;
												border-radius: 4px;
												margin-left: 10%;
											}
											.questioner .question a{
												text-decoration: none;
												display: block;
												font-size: 13px;
												padding: 4px;
												color: red;
												font-weight: bold;
											}
											.questioner .question code{
												width: 100%;
												overflow: scroll;
												height: 900px;
												background-color: #ffffff;
												color: #000000;
												
											}
											.questioner .question pre{
												width: 100%;
												background-color: #fefefe;
												color: #000000;
												overflow: scroll;
												
											}
											.questioner .questioner_details{
												width: 100%;
												height: 70px;
												background-color: #00058A;
												color: #ffffff;
												padding: 12px;
												position: relative;
												z-index: 1;		
												box-shadow: 0px 4px 2px #000000;

											}
											.questioner .questioner_details .questioner_id{
												width: 80%;
												float: left;
												text-align: left;
												font-size: 16px;
												vertical-align: middle;
											}
											.questioner .questioner_details .timings{
												width: 20%;
												display: inline-block;
												text-align: center;
												float: right;
												font-size: 13px;
												vertical-align: middle;

											}
											.questioner .questioner_details .questioner_id img{
												width: 70px;
												border-radius: 50%;
												height: 70px;
												display: inline;
												margin-left: 5px;		
											}
											.questioner .questioner_details .questioner_id .username{
												display: inline;
												position: absolute;
												margin-left: 30px;
												margin-top: 20px;
											}
											
											.questioner .questioner_details .timings .time{
												line-height: 0.4;
											}
											.questioner .questioner_details .timings .date{
												line-height: 0.4;
											}

											.answers{
												width: 70%;
												margin-left: 15%;
												
											}
											
											.answers .answer_details{
												width: 100%;
												height: 70px;
												background-color: #00058A;
												color: #ffffff;
												padding: 12px;
												position: relative;
												z-index: 1;
												box-shadow: 0px 4px 2px #000000;
											
											}
											.answers .answer_details .answer_id{
												width: 80%;
												float: left;
												text-align: left;
												font-size: 16px;
												vertical-align: middle;
											}
											.answers .answer_details .timings{
												width: 20%;
												display: inline-block;
												text-align: center;
												float: right;
												font-size: 13px;
												vertical-align: middle;

											}
											.answers .answer_details .answer_id img{
												width: 70px;
												border-radius: 50%;
												height: 70px;
												display: inline;
												margin-left: 5px;		
											}
											.answers .answer_details .answer_id .username{
												display: inline;
												position: absolute;
												margin-left: 30px;
												margin-top: 20px;
											}
											
											.answers .answer_details .timings .time{
												line-height: 0.4;
											}
											.answers .answer_details .timings .date{
												line-height: 0.4;
											}
											.answers .question{
												width: 100%;
												background-color: #00058A;
												color: #ffffff;
												padding: 12px;
												text-align: justify;
											}
											.answers .question code{
												width: 100%;
												overflow: scroll;
												height: 900px;
												background-color: #ffffff;
												color: #000000;
												
											}
											.answers .question pre{
												width: 100%;
												background-color: #fefefe;
												color: #000000;
												overflow: scroll;
												
											}
											.answers .question .posted_media{
												max-width: 100%;
												min-width: 20%;
												text-align: center;
												border-radius: 4px;
											}

											.answers .question .rate{
												text-decoration: none;
												display: inline;
												width: 40px;
												height: 37px;
												padding: 4px;
											}
											.answers .question .comment{
												text-decoration: none;
												font-size: 13px;
												padding: 4px;
												text-align: right;
												float: right;
												display: inline;
											}



											/* this is the design to answer a question in the askPage */

											.answer_a_question{
												position: absolute;
												display: none;
												top: 20%;
												width: 75%;
												text-align: center;
												margin-left: 20%;
												z-index: 1;
											}
											.answer_a_question form{
												display: block;
												width: 100%;
												text-align: left;
												background-color: #bbbbbb;
											}
											.answer_a_question form input{
												display: block;
												width: 90%;
												text-align: center;
												padding: 20px;
												border-radius: 20px;
												background-color: #00058A;
												color: #fefefe;
												font-family: sans-serif;
												font-size: 20px;
											}
											.answer_a_question form textarea{
												display: block;
												width: 90%;
												padding: 12px;
												border-radius: 12px;
											}
											.answer_a_question form .closure{
												margin-left: 90%;
												font-size: 23px;
												width: 25px;
												padding: 3px;
												display: block;
												border: 2px solid #aaaaaa;
												border-radius: 10px;
												text-align: center;
												font-family: arial;
												background-color: red;
												color: #fefefe;
											}
											.holder .closure{
												margin-left: 90%;
												font-size: 23px;
												width: 25px;
												padding: 3px;
												display: block;
												border: 2px solid #aaaaaa;
												border-radius: 10px;
												text-align: center;
												font-family: arial;
												background-color: red;
												color: #fefefe;
											}
										/* Another css class for the design of another parts... */
										.holder{
											text-align: center;
											width: 70%;
											height: 90%;
											margin-top: 5%;
											margin-left: 25%;
											position: absolute;
											display: none;
										}
										.pop-up_ask{
											width: 100%;
											height: 100%;
											
											border: none;
										}

										/* Pop-up for incomplete user deatils for the user to complete.... */
										.not_registered_user{
											display: none;
											text-align: center;
											position: absolute;
											top: 20%;
											width: 70%;
											left: 15%;
											background-color: #fed098;
											border-radius: 40px;
											z-index: 1;
										}
										.not_registered_user img{
											width: 20%;
										}
										.not_registered_user select{
											width: 70%;
											padding: 12px;
											border-radius: 20px;
										}
										.not_registered_user  .input_boxes{
											width: 70%;
											padding: 12px;
											border-radius: 20px;
										}
										.not_registered_user  .incomplet_form_submission{
											width: 30%;
											padding: 12px;
											border-radius: 15px;
											background-color: #de5465;
										}

										.not_registered_user .closure{
												margin-left: 90%;
												font-size: 23px;
												width: 25px;
												padding: 3px;
												display: block;
												border: 2px solid #aaaaaa;
												border-radius: 10px;
												text-align: center;
												font-family: arial;
												background-color: red;
												color: #fefefe;
											}


										/* Security Pop-up for the askPage ---------------------------------------------------------------------------*/
										.security_pop_up{
											display: none;
											text-align: center;
											position: absolute;
											top: 20%;
											width: 60%;
											left: 20%;
											background-color: lime;
											border-radius: 40px;
											z-index: 1;
										}
										.security_pop_up img{
											width: 20%;
										}
										.security_pop_up select{
											width: 70%;
											padding: 12px;
											border-radius: 20px;
										}
										.security_pop_up .security_input{
											width: 70%;
											padding: 12px;
											border-radius: 20px;
										}
										.security_pop_up  .security_submit_button{
											width: 30%;
											margin-left: 40%;
											padding: 12px;
											border-radius: 15px;
											color: #de5465;
											background-color: #ffffff;
											font-weight: bold;
										}

										.security_pop_up .closure{
												margin-left: 90%;
												font-size: 23px;
												width: 25px;
												padding: 3px;
												display: block;
												border: 2px solid #aaaaaa;
												border-radius: 10px;
												text-align: center;
												font-family: arial;
												background-color: #fefefe;
												color: red;
											}


										/* -----------------------------------Sign-up side and the successful and warning pop-up------------------------ */

										.signup_side{
											display: none;
											width: 60%;
											background-color: #fed546;
											padding: 12px;
											border-top-left-radius: 20px;
											border-bottom-left-radius: 20px;
											position: absolute;
											left: 40%;
											z-index: 1;
										}
										.signup_side table{
											width: 100%;
										}
										.signup_side table tr{
											width: 100%;
										}
										.signup_side table tr .inputers{
											width: 70%;
											text-align: left;
										}
										.signup_side table tr td {
											width: 30%;
											text-align: left;
										}
										.signup_side table tr td label{
											font-size: 18px;
										}
										.signup_side table tr .inputers input{
											width: 80%;
											border-radius: 20px;
											padding: 8px;
										}
										.signup_side table tr .register{
											text-align: right;
										}
										.signup_side table tr .register a{
											font-size: 18px;
											font-weight: bold;
											margin-right: 10%;
										}

										.signup_side .closure{
												margin-left: 90%;
												font-size: 23px;
												width: 25px;
												padding: 3px;
												display: block;
												border: 2px solid #aaaaaa;
												border-radius: 10px;
												text-align: center;
												font-family: arial;
												background-color: #fefefe;
												color: red;
											}
										.successful_popup{
											width: 100%;
											background-color: green;
											color: #ffffff;
											display: none;
											position: absolute;
											text-align: center;
											font-weight: bold;
											padding: 12px;
										}
										.successful_popup img{
											position: relative;
											border: 3px solid #bbbbbb;
											border-radius: 30px;
											margin-top: -3%;
											
										}


										/* styler for warning side */
										.warning_popup{
											width: 100%;
											background-color: yellow;
											display: none;
											position: absolute;
											text-align: center;
											font-weight: bold;
											padding: 12px;
											top: 50%;
										}
										.warning_popup img{
											position: relative;
											width: 5%;
											border: 3px solid #bbbbbb;
											border-radius: 30px;
											margin-top: -3%;
											
										}
										.warning_popup .closure{
											position: absolute;
											margin-left: 40%;
											margin-top: -10%;
											
										}

										.recent_question{
											width: 100%;
											background-color: #00058A;
											color: #ffffff;
											overflow: scroll;
											overflow-x: scroll;
											overflow-y: hidden;
											white-space: nowrap;
											overflow: auto;
											text-align: center;
										}
										.recent_question .individual_recent_question{
											width: 100%;
											display: inline;
											text-align: center;
											white-space: nowrap;
											overflow: auto;
										}
										.recent_question .individual_recent_question p{
											font-family: san-francisco, tahoma, arial;
											font-weight: bold;
											
										}
										.recent_question .individual_recent_question a{
											color: #fdfdfd;
											text-decoration: none;
										}
									}

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


.designer h4{
	width: 30%;
	border-radius: 20px;
	color: #00058A;
	display: none;
	background: #BBBBBB; /* For browsers that do not support gradients */
  	background: -webkit-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Safari */
  	background: -o-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Opera 11.6 to 12.0 */
  	background: -moz-radial-gradient(circle, #FFFFFF, #BBBBBB); /* Firefox 3.6 to 15 */
  	background: radial-gradient(circle, #FFFFFF, #BBBBBB); /* Standard syntax */
	background-color: #de4323;
	border: 3px solid #FFFFFF;
	padding: 12px;
	font-size: 22px;
}

.pagetitle{
	width: 100%;
	text-align: center;
	background-color: #000;
}

.pagetitle h5{
	width: 20%;
	color: #00058A;
	padding: 12px;
	font-weight: bold;
	font-size: 16px;
}

.do_question{
	
	color: #00058A;
	text-align: center;
}
.do_question h5{
	color: #00058A;
	padding: 12px;
	font-weight: bold;
	font-size: 16px;
}

.questioner{
		width: 80%;
		margin-left: 10%;
		
	}
	.questioner .question{
		width: 100%;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		text-align: justify;
	}
	.questioner code{
		width: 100%;
		overflow: scroll;
		height: 900px;
		background-color: #ffffff;
		color: #000000;
		
	}
	.questioner img{
		width: 80%;
		text-align: center;
		border-radius: 4px;
		margin-left: 10%;
	}
	.questioner .question a{
		text-decoration: none;
		display: block;
		font-size: 13px;
		padding: 4px;
		color: red;
		font-weight: bold;
	}
	.questioner .question code{
		width: 100%;
		overflow: scroll;
		height: 900px;
		background-color: #ffffff;
		color: #000000;
		
	}
	.questioner .question pre{
		width: 100%;
		background-color: #fefefe;
		color: #000000;
		overflow: scroll;
		
	}
	.questioner .questioner_details{
		width: 100%;
		height: 70px;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		position: relative;
		z-index: 1;
		box-shadow: 0px 4px 2px #000000;
	
	}
	.questioner .questioner_details .questioner_id{
		width: 80%;
		float: left;
		text-align: left;
		font-size: 16px;
		vertical-align: middle;
	}
	.questioner .questioner_details .timings{
		width: 20%;
		display: inline-block;
		text-align: center;
		float: right;
		font-size: 13px;
		vertical-align: middle;

	}
	.questioner .questioner_details .questioner_id img{
		width: 70px;
		border-radius: 50%;
		height: 70px;
		display: inline;
		margin-left: 5px;		
	}
	.questioner .questioner_details .questioner_id .username{
		display: inline;
		position: absolute;
		margin-left: 30px;
		margin-top: 20px;
	}
	
	.questioner .questioner_details .timings .time{
		line-height: 0.4;
	}
	.questioner .questioner_details .timings .date{
		line-height: 0.4;
	}

	.answers{
		width: 70%;
		margin-left: 15%;
		
	}
	
	.answers .answer_details{
		width: 100%;
		height: 70px;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		position: relative;
		z-index: 1;
		box-shadow: 0px 4px 2px #000000;
	
	}
	.answers .answer_details .answer_id{
		width: 80%;
		float: left;
		text-align: left;
		font-size: 16px;
		vertical-align: middle;
	}
	.answers .answer_details .timings{
		width: 20%;
		display: inline-block;
		text-align: center;
		float: right;
		font-size: 13px;
		vertical-align: middle;

	}
	.answers .answer_details .answer_id img{
		width: 70px;
		border-radius: 50%;
		height: 70px;
		display: inline;
		margin-left: 5px;		
	}
	.answers .answer_details .answer_id .username{
		display: inline;
		position: absolute;
		margin-left: 30px;
		margin-top: 20px;
	}
	
	.answers .answer_details .timings .time{
		line-height: 0.4;
	}
	.answers .answer_details .timings .date{
		line-height: 0.4;
	}
	.answers .question{
		width: 100%;
		background-color: #00058A;
		color: #ffffff;
		padding: 12px;
		text-align: justify;
	}
	.answers .question code{
		width: 100%;
		overflow: scroll;
		height: 900px;
		background-color: #ffffff;
		color: #000000;
		
	}
	.answers .question pre{
		width: 100%;
		background-color: #fefefe;
		color: #000000;
		overflow: scroll;
		
	}
	.answers .question .posted_media{
		max-width: 100%;
		min-width: 20%;
		text-align: center;
		border-radius: 4px;
	}

	.answers .question .rate{
		text-decoration: none;
		display: inline;
		width: 40px;
		height: 37px;
		padding: 4px;
	}
	.answers .question .comment{
		text-decoration: none;
		font-size: 13px;
		padding: 4px;
		text-align: right;
		float: right;
		display: inline;
	}



	/* this is the design to answer a question in the askPage */

	.answer_a_question{
		position: absolute;
		display: none;
		top: 20%;
		width: 75%;
		text-align: center;
		margin-left: 20%;
		z-index: 1;
	}
	.answer_a_question form{
		display: block;
		width: 100%;
		text-align: left;
		background-color: #bbbbbb;
	}
	.answer_a_question form input{
		display: block;
		width: 90%;
		text-align: center;
		padding: 20px;
		border-radius: 20px;
		background-color: #00058A;
		color: #fefefe;
		font-family: sans-serif;
		font-size: 20px;
	}
	.answer_a_question form textarea{
		display: block;
		width: 90%;
		padding: 12px;
		border-radius: 12px;
	}
	.answer_a_question form .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}
	.holder .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}
/* Another css class for the design of another parts... */
.holder{
	text-align: center;
	width: 70%;
	height: 90%;
	margin-top: 5%;
	margin-left: 25%;
	position: absolute;
	display: none;
}
.pop-up_ask{
	width: 100%;
	height: 100%;
	
	border: none;
}

/* Pop-up for incomplete user deatils for the user to complete.... */
.not_registered_user{
	display: none;
	text-align: center;
	position: absolute;
	top: 20%;
	width: 70%;
	left: 15%;
	background-color: #fed098;
	border-radius: 40px;
	z-index: 2;
}
.not_registered_user img{
	width: 20%;
}
.not_registered_user select{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.not_registered_user .input_boxes{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.not_registered_user .incomplet_form_submission{
	width: 30%;
	padding: 12px;
	border-radius: 15px;
	background-color: #de5465;
}

.not_registered_user .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: red;
		color: #fefefe;
	}


/* Security Pop-up for the askPage ---------------------------------------------------------------------------*/
.security_pop_up{
	display: none;
	text-align: center;
	position: absolute;
	top: 20%;
	width: 60%;
	left: 20%;
	background-color: lime;
	border-radius: 40px;
	z-index: 2; 
}
.security_pop_up img{
	width: 20%;
}
.security_pop_up select{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.security_pop_up .security_input{
	width: 70%;
	padding: 12px;
	border-radius: 20px;
}
.security_pop_up  .security_submit_button{
	width: 30%;
	margin-left: 40%;
	padding: 12px;
	border-radius: 15px;
	color: #de5465;
	background-color: #ffffff;
	font-weight: bold;
}

.security_pop_up .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: #fefefe;
		color: red;
	}


/* -----------------------------------Sign-up side and the successful and warning pop-up------------------------ */

.signup_side{
	display: none;
	width: 60%;
	background-color: #fed546;
	padding: 12px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	position: absolute;
	left: 40%;
}
.signup_side table{
	width: 100%;
}
.signup_side table tr{
	width: 100%;
}
.signup_side table tr .inputers{
	width: 70%;
	text-align: left;
}
.signup_side table tr td {
	width: 30%;
	text-align: left;
}
.signup_side table tr td label{
	font-size: 18px;
}
.signup_side table tr .inputers input{
	width: 80%;
	border-radius: 20px;
	padding: 8px;
}
.signup_side table tr .register{
	text-align: right;
}
.signup_side table tr .register a{
	font-size: 18px;
	font-weight: bold;
	margin-right: 10%;
}

.signup_side .closure{
		margin-left: 90%;
		font-size: 23px;
		width: 25px;
		padding: 3px;
		display: block;
		border: 2px solid #aaaaaa;
		border-radius: 10px;
		text-align: center;
		font-family: arial;
		background-color: #fefefe;
		color: red;
	}
.successful_popup{
	width: 100%;
	background-color: green;
	color: #ffffff;
	display: none;
	position: absolute;
	text-align: center;
	font-weight: bold;
	padding: 12px;
}
.successful_popup img{
	position: relative;
	border: 3px solid #bbbbbb;
	border-radius: 30px;
	margin-top: -3%;
	
}


/* styler for warning side */
.warning_popup{
	width: 100%;
	background-color: yellow;
	display: none;
	position: absolute;
	text-align: center;
	font-weight: bold;
	padding: 12px;
	top: 50%;
}
.warning_popup img{
	position: relative;
	width: 5%;
	border: 3px solid #bbbbbb;
	border-radius: 30px;
	margin-top: -3%;
	
}
.warning_popup .closure{
	position: absolute;
	margin-left: 40%;
	margin-top: -10%;
	
}
.recent_question{
	width: 100%;
	text-align: center;
}
.recent_question .individual_recent_question{
	width: 100%;
	background-color: #00058A;
	color: #ffffff;
	display: block;
	text-align: center;

}
.recent_question .individual_recent_question p{
	font-family: san-francisco, tahoma, arial;
	font-weight: bold;
	
}
.recent_question .individual_recent_question a{
	color: rgb(243, 241, 241);
}
}