#daftar td { 
		/* Behave  like a "row" */
 		border-bottom: 0px solid #CCC !important; 
		min-height:50px; 
 	}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table#daftar, #daftar thead, #daftar tbody, #daftar th, #daftar td, #daftar tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#daftar thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#daftar tr { border: 0px solid #ccc; }
	
	#daftar td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #CCC !important; 
		position: relative;
		padding-left: 30%; 
		min-height:50px; 
	}
	
	#daftar td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 25%; 
		padding-right: 10px; 
		white-space: nowrap; 
		text-align:right; 
		font-weight:bold;
	}
	


 }
 
 
label.cabinet{
	display: block;
	cursor: pointer;
}

label.cabinet input.file{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  margin-top:-30px;
}

#upload-demo{
	width: 300px;
	height: 400px;
  	/*padding-bottom:25px;*/
}
figure figcaption {
    position: absolute;
    top: 0;
    color: #fff;
    width: 100%;
    padding-left: 9px;
    padding-top: 20px;
    text-shadow: 0 0 10px #000;
}