/*CSS FOR 641px+ (large screens)*/
@media (max-width: 1000px){

}


/*When 321～640px (medium screens)*/
@media  (max-width: 640px){

/**********************************
Start of TABLE manipulation FOR LW
**********************************/
	.responsive-table table,
	.responsive-table thead,
	.responsive-table tbody,
	.responsive-table th,
	.responsive-table td,
	.responsive-table tr {
		display: block;
	}

	/* Hide table headers*/
	.responsive-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	/*ADD border only the bottom*/
	.responsive-table tr {
		border-bottom: 2px solid #dddddd;
	}

	/* Behave  like a "row" */
	.responsive-table td {
		border: none !important;
		border-bottom: 1px solid #dddddd;
		position: relative;
		padding-left: 0%;
		white-space: normal;
		text-align:left;
	}
/**********************************
END  of TABLE manipulation
**********************************/
	
	
/**********************************
Start of TABLE manipulation for EW and DW 
(NOT YET IMPLEMENTED wait UNTIL FURTHER NOTICE)
**********************************/
	.responsive-table-grp table,
	.responsive-table-grp thead,
	.responsive-table-grp tbody,
	.responsive-table-grp th,
	.responsive-table-grp td,
	.responsive-table-grp tr {
		display: block;
	}


	/*ADD border only the bottom*/
	.responsive-table-grp tr {
		border-bottom: 2px solid #dddddd;
	}

	/* Behave  like a "row" */
	.responsive-table-grp td {
		border: none !important;
		border-bottom: 1px solid #dddddd;
		position: relative;
		padding-left: 0%;
		white-space: normal;
		text-align:left;
	}

	/*.responsive-table-grp td > input:not([type=button]){*/
		/*width:50% !important;*/
	/*}*/
/**********************************
END  of TABLE manipulation
**********************************/


}

/* Extra Small Devices, Phones 320px (small screens)*/
/* In some cases they are requesting to change some elements based on the small devices*/
@media (max-width : 320px) {


}