@media only screen and (max-width: 900px) {
/* Force table to not be like tables anymore */
[id=no-more-tables] table,
[id=no-more-tables] thead,
[id=no-more-tables] tbody,
[id=no-more-tables] th,
[id=no-more-tables] td,
[id=no-more-tables] tr,
[id=no-more-tables-small] table,
[id=no-more-tables-small] thead,
[id=no-more-tables-small] tbody,
[id=no-more-tables-small] th,
[id=no-more-tables-small] td,
[id=no-more-tables-small] tr
{
	display: block;
	width:100%
}
 
/* Hide table headers (but not display: none;, for accessibility) */
[id=no-more-tables] thead tr, [id=no-more-tables-small] thead tr 
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}
 
[id=no-more-tables] tr, [id=no-more-tables-small] tr 
{ 
border: 1px solid #ccc; 
}
 
[id=no-more-tables] td 
{
	/* Behave like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	white-space: normal;
	text-align:left;
}
[id=no-more-tables-small] td {
	/* Behave like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 30%;
	white-space: normal;
	text-align:left;
}

 
[id=no-more-tables] td:before 
{
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px;
	white-space: wrap !important;
	text-align:left;
	font-weight: normal;
	color:#888 !important;
}

[id=no-more-tables-small] 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: wrap !importent;
	text-align:left;
	font-weight: normal;
	color:#888 !important;

}

/*
Label the data
*/
[id=no-more-tables] td:before { content: attr(data-title); }
[id=no-more-tables-small] td:before { content: attr(data-title); }


/*
ADDED BY HEMANT FOR NO LABEL SUPPORT
START
*/

[id=no-more-tables] tr.fullrow,[id=no-more-tables] .fullrowdiv tr
{	
	display:block !important;
}

[id=no-more-tables] tr.fullrow > td:before,[id=no-more-tables] .fullrowdiv tr > td:before
{
	display:none !important;
}

[id=no-more-tables] tr.fullrow > td,[id=no-more-tables] .fullrowdiv tr > td
{
	padding-left:5px !important;
}

[id=no-more-tables] td.noheading,[id=no-more-tables] .fullrowdiv td
{
	padding:8px !important;
}

/*
STOP
*/


/*
	ADDED BY HEMANT TO ENABLE COLUMNS RESIZE WITH THE TEXT
	START
	--- LET THE TABLE'S DYNAMIC COLUMNS FLOW AS USUAL LIKE NORMAL DOM ELEMENTS
*/

[id=no-more-tables] td:before
{
	float:left;
	position:static;
	padding-left:5px;
	margin-left:-50%;
}

[id=no-more-tables] td
{
	display:inline-block;
	position:static;
	padding:0%;
	padding:2px;
	padding-left:35% !important; /*FIXATING SINCE BOOTSTRAP TABLE CLASS IS OVERRIDING THIS PARAMETER*/
}
/*
	STOP
*/

}