/****************** 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	@media (min-width: 860px) and (max-width: 1024px)
********************/
  	@media 
	only screen and (max-width: 860px),
	(min-device-width: 860px) and (max-device-width: 1024px) {
	
		/******************** Force table to not be like tables anymore ********************/
		#pcb_table table, tbody, tr, td { 
			display: block; 
			float: left;
			clear: both;	
			width: 100%;		
		}
		
		/******************** Hide table headers (but not display: none;, for accessibility) ********************/
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
			font-weight: bold;
		}
		
		#pcb_table tr { border: 1px solid #ccc; }
		
		#pcb_table td { 
			/******************** Behave  like a "row" ********************/			
			border-bottom: 1px solid #eee; 
			position: relative !important;
			padding-left: 35% !important; 
		}
		
		#pcb_table td:before { 
			/******************** Now like a table header ********************/
			position: absolute;			
			top: 6px;
			left: 6px;			 
			padding-right: 5%;
			width: 25%;
		}
		
		/******************** Label the data ********************/
		/******************** SE:WSHA-2746 ********************/
		#pcb_table td.ind:before { font-weight:bold; content: "Industry"; }
		#pcb_table td.pdt:before { font-weight:bold; content: "Product"; }
		#pcb_table td.ccode:before { font-weight:bold; content: "Code"; }
				
		
		/******************** end structure top view table ********************/
		
	}