@media 
only screen and (max-width: 760px)  {
body{
font-size:0.8em;
}
.wizard{
margin-bottom:5px;
}
.preview_info{
display:none;
}


 .preview_answers{
min-height:120px;
}


textarea.styled {
color:#666;
font-size:12px;
-moz-border-radius: 8px; -webkit-border-radius: 8px;
margin:5px 10px 5px 10px;
padding:10px;
height:75px;
width:90%;
border:#999 1px solid;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}


input[type=text].styled {
color:#666;
font-size:14px;
-moz-border-radius: 8px; -webkit-border-radius: 8px;
margin:5px 0px 10px 0px;
height:24px;
width:90%;
border:#999 1px solid;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}
.type_radio{
width:100%;
right:0px;
margin-top:8px;
float:right;
width:auto;
margin-right:5px;
height:auto;
}

.type_radio .radio{
float:left;
display:block;
right:0;
width:100%;
}


	h1{
	display:none;
	}
	h2{
	font-size:1em;
	}
	
	#logo{
	padding: 10px 10px;
	font-size: 200%;
	/* background:url(../images/logo_sm.png) no-repeat; */
	background:url(../images/eap_logo_new.png) no-repeat;
	height: 56px;
}
/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
		background:#fff;
	}
	
	th{
	display:none;
	}
	table.student_init tr:nth-child(even) td {
	background: none;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	table.student_init thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	
	table.student_init tr {
	padding-left:0px;
	}
	table.student_init tr { border: 1px solid #ccc; }
	table.student_init td:first-child{
	padding-left: 50%; 
	}
	table.student_init td { 		/* Behave  like a "row" */
		
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	

	
	table.student_init td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		padding-right: 10px; 
		white-space: nowrap;
		width: 45%; 
		font-weight:600;
		
	}
	table.student_init td:last-child {	
			text-align:left;
			width:40%;
	}
	/*
	Label the data
	*/
	table.student_init td:nth-of-type(1):before { content: "Θεματική Ενότητα:"; }
	table.student_init td:nth-of-type(2):before { content: "Τμήμα:"; }
	table.student_init td:nth-of-type(3):before { content: "Καθηγητής:"; }
	table.student_init td:nth-of-type(4):before { content: "Κατάσταση:"; }
	
	table.student_init  tr:hover td {
	background: none;
	}
	
	
	.mobile_announcement{	
		//display: none !important;
	}
	.mobile_login{
	width: 100%!important;
	*width: 99.94680851063829%!important;
	}
	.mobile_announcement li{
		width:100%!important;
	}	
	#scrollUp{
	 
	 background:#333;
	 left:0px;
	 width:50px;
	 height:50px;
	}
	
	.btn{
	margin-bottom:10px;
	}
	
}

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

.mobile_announcement{	
	width: 100%!important;
	*width: 99.94680851063829%!important;
	}
	.mobile_login{
	width: 100%!important;
	*width: 99.94680851063829%!important;
	}

	#scrollUp{
	display:none;
	}

	 td.main_td { 
		display: block; 
		background:#fff;
	}
	
	
}