/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
	@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, thead, tbody, th, td, tr {
			display: block;
		}
		/* Hide table headers (but not display: none;, for accessibility) */
.responsivetable thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
.responsivetable tr {
      margin: 0 0 1rem 0;
    }
.responsivetable tr:nth-child(odd) {
      background: #ccc;
    }
.responsivetable td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
      text-align: right!important;
		}
.responsivetable td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 50%;
		  text-align: left!important;
			/* white-space: nowrap; */
		}
		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
.responsivetable td:nth-of-type(1):before { content: "Edition";  font-size: 14px;}
.responsivetable td:nth-of-type(2):before { content: "Display Ad"; font-size: 14px; }
.responsivetable td:nth-of-type(3):before { content: "Remembrance Ad"; font-size: 14px; }
.responsivetable td:nth-of-type(4):before { content: "Double Col B & W"; font-size: 14px; }
.responsivetable td:nth-of-type(5):before { content: "Double Col Col";  font-size: 14px;}
.responsivetable td span{font-weight: bold;}
/* hindustan */
.responsivetablehindustan thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetablehindustan tr {
	margin: 0 0 1rem 0;
}
.responsivetablehindustan tr:nth-child(odd) {
	background: #ccc;
}
.responsivetablehindustan td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetablehindustan td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetablehindustan td:nth-of-type(1):before { content: "Edition"; font-size: 14px;}
.responsivetablehindustan td:nth-of-type(2):before { content: "Min Size"; font-size: 14px;}
.responsivetablehindustan td:nth-of-type(3):before { content: "[B/W]/[Clr] Ad"; font-size: 14px;}
.responsivetablehindustan td span{font-weight: bold;}
/* hindu */
.responsivetablehindu thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetablehindu tr {
	margin: 0 0 1rem 0;
}
.responsivetablehindu tr:nth-child(odd) {
	background: #ccc;
}
.responsivetablehindu td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetablehindu td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetablehindu td:nth-of-type(1):before { content: "Edition"; font-size: 14px;}
.responsivetablehindu td:nth-of-type(2):before { content: "[B/W] AD"; font-size: 14px;}
.responsivetablehindu td:nth-of-type(3):before { content: "Color AD";  font-size: 14px;}
.responsivetablehindu td span{font-weight: bold;}
/* Economic Times */
.responsivetableeconomic thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetableeconomic tr {
	margin: 0 0 1rem 0;
}
.responsivetableeconomic tr:nth-child(odd) {
	background: #ccc;
}
.responsivetableeconomic td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetableeconomic td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetableeconomic td:nth-of-type(1):before { content: "Edition";  font-size: 14px;}
.responsivetableeconomic td:nth-of-type(2):before { content: "Display Ad";  font-size: 14px;}
.responsivetableeconomic td:nth-of-type(3):before { content: "Extra Per Line"; font-size: 14px;}
.responsivetableeconomic td:nth-of-type(4):before { content: "Classified Display"; font-size: 14px;}
.responsivetableeconomic td:nth-of-type(5):before { content: "Double Coloumn B/W";  font-size: 14px;}
.responsivetableeconomic td:nth-of-type(6):before { content: "Double Coloumn Color"; font-size: 14px;}
.responsivetableeconomic td span{font-weight: bold;}

/* Gujarat */
.responsivetablegujarat thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetablegujarat tr {
	margin: 0 0 1rem 0;
}
.responsivetablegujarat tr:nth-child(odd) {
	background: #ccc;
}
.responsivetablegujarat td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetablegujarat td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetablegujarat td:nth-of-type(1):before { content: "Edition";  font-size: 14px;}
.responsivetablegujarat td:nth-of-type(2):before { content: "Min Size";  font-size: 14px;}
.responsivetablegujarat td:nth-of-type(3):before { content: "Color Ad ";  font-size: 14px;}
.responsivetablegujarat td:nth-of-type(4):before { content: "[B/W] Ad ";  font-size: 14px;}
.responsivetablegujarat td span{font-weight: bold;}

/* Navbharat */
.responsivetablenavbharat thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetablenavbharat tr {
	margin: 0 0 1rem 0;
}
.responsivetablenavbharat tr:nth-child(odd) {
	background: #ccc;
}
.responsivetablenavbharat td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetablenavbharat td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetablenavbharat td:nth-of-type(1):before { content: "Edition";  font-size: 14px;}
.responsivetablenavbharat td:nth-of-type(2):before { content: "Min Line";  font-size: 14px;}
.responsivetablenavbharat td:nth-of-type(3):before { content: "5 Line";  font-size: 14px;}
.responsivetablenavbharat td:nth-of-type(4):before { content: "Extra Line"; font-size: 14px;}
.responsivetablenavbharat td:nth-of-type(5):before { content: "Classified Display";  font-size: 14px;}
.responsivetablenavbharat td span{font-weight: bold;}

/* Maharashtra */
.responsivetablemaharashtra thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetablemaharashtra tr {
	margin: 0 0 1rem 0;
}
.responsivetablemaharashtra tr:nth-child(odd) {
	background: #ccc;
}
.responsivetablemaharashtra td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetablemaharashtra td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetablemaharashtra td:nth-of-type(1):before { content: "Edition";  font-size: 14px;}
.responsivetablemaharashtra td:nth-of-type(2):before { content: "Classified Display"; font-size: 14px;}
.responsivetablemaharashtra td:nth-of-type(3):before { content: "Double Coloumn Display"; font-size: 14px;}
.responsivetablemaharashtra td span{font-weight: bold;}

/* Midday  */
.responsivetablemidday  thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetablemidday tr {
	margin: 0 0 1rem 0;
}
.responsivetablemidday tr:nth-child(odd) {
	background: #ccc;
}
.responsivetablemidday td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetablemidday td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetablemidday td:nth-of-type(1):before { content: "Edition";  font-size: 14px;}
.responsivetablemidday td:nth-of-type(2):before { content: "Classified Display";  font-size: 14px;}
.responsivetablemidday td:nth-of-type(3):before { content: "Display Ad";  font-size: 14px;}
.responsivetablemidday td span{font-weight: bold;}
/*Manorama */
.responsivetablemanorama thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetablemanorama tr {
	margin: 0 0 1rem 0;
}
.responsivetablemanorama tr:nth-child(odd) {
	background: #ccc;
}
.responsivetablemanorama td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetablemanorama td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetablemanorama td:nth-of-type(1):before { content: "Edition";  font-size: 14px;}
.responsivetablemanorama td:nth-of-type(2):before { content: "Min Size";  font-size: 14px;}
.responsivetablemanorama td:nth-of-type(3):before { content: "[B/W] Ad"; font-size: 14px;}
";  }
.responsivetablemanorama td:nth-of-type(4):before { content: "Color Ad"; font-size: 14px;}
.responsivetablemanorama td span{font-weight: bold;}
/*Herald */
.responsivetableherald thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetableherald tr {
	margin: 0 0 1rem 0;
}
.responsivetableherald tr:nth-child(odd) {
	background: #ccc;
}
.responsivetableherald td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetableherald td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetableherald td:nth-of-type(1):before { content: "Edition"; font-size: 14px;}
.responsivetableherald td:nth-of-type(2):before { content: "Base Rate [B/W]"; font-size: 14px;}
.responsivetableherald td:nth-of-type(3):before { content: "Base Rate [Clr]";  font-size: 14px;}
.responsivetableherald td:nth-of-type(4):before { content: "Front Page [Clr]";  font-size: 14px;}
.responsivetableherald td:nth-of-type(5):before { content: "Page 3 [Clr]";  font-size: 14px;}
.responsivetableherald td:nth-of-type(6):before { content: "Back Page [Clr]";  font-size: 14px;}
.responsivetableherald td:nth-of-type(7):before { content: "Min Size (c.m)";  font-size: 14px;}
.responsivetableherald td span{font-weight: bold;}

/*Lokmat */
.responsivetablelokmat thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetablelokmat tr {
	margin: 0 0 1rem 0;
}
.responsivetablelokmat tr:nth-child(odd) {
	background: #ccc;
}
.responsivetablelokmat td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetablelokmat td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetablelokmat td:nth-of-type(1):before { content: "Edition";  font-size: 14px;}
.responsivetablelokmat td:nth-of-type(2):before { content: "Size"; font-size: 14px;}
.responsivetablelokmat td:nth-of-type(3):before { content: "Basic Rate";  font-size: 14px;}
.responsivetablelokmat td:nth-of-type(4):before { content: "Basic Rate";  font-size: 14px;}
.responsivetablelokmat td:nth-of-type(5):before { content: "Page 3/Back"; font-size: 14px;}
.responsivetablelokmat td:nth-of-type(6):before { content: "Page 3/Back";  font-size: 14px;}
.responsivetablelokmat td:nth-of-type(7):before { content: "Inside Page";  font-size: 14px;}
.responsivetablelokmat td:nth-of-type(8):before { content: "Inside Page";  font-size: 14px;}
.responsivetablelokmat td span{font-weight: bold;}

/*Dainik Bhaskar*/
.responsivetabledainik thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetabledainik tr {
	margin: 0 0 1rem 0;
}
.responsivetabledainik tr:nth-child(odd) {
	background: #ccc;
}
.responsivetabledainik td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetabledainik td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetabledainik td:nth-of-type(1):before { content: "Edition";  font-size: 14px;}
.responsivetabledainik td:nth-of-type(2):before { content: "Basic Rate";  font-size: 14px;}
.responsivetabledainik td:nth-of-type(3):before { content: "Front Page";  font-size: 14px;}
.responsivetabledainik td:nth-of-type(4):before { content: "Page 3";  font-size: 14px;}
.responsivetabledainik td:nth-of-type(5):before { content: "Back Page";  font-size: 14px;}
.responsivetabledainik td span{font-weight: bold;}

/*Ananadbazar*/
.responsivetableananadbazar thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetableananadbazar tr {
	margin: 0 0 1rem 0;
}
.responsivetableananadbazar tr:nth-child(odd) {
	background: #ccc;
}
.responsivetableananadbazar td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetableananadbazar td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetableananadbazar td:nth-of-type(1):before { content: "Edition";  font-size: 14px;}
.responsivetableananadbazar td:nth-of-type(2):before { content: "Min Size";  font-size: 14px;}
.responsivetableananadbazar td:nth-of-type(3):before { content: "Mon/Thur C/B&W";  font-size: 14px;}
.responsivetableananadbazar td:nth-of-type(4):before { content: "Mon/Thur C/Color";  font-size: 14px;}
.responsivetableananadbazar td:nth-of-type(5):before { content: "Fri/Sun C/B&W";  font-size: 14px;}
.responsivetableananadbazar td:nth-of-type(6):before { content: "Fri/Sun C/Color"; font-size: 14px;}
.responsivetableananadbazar td span{font-weight: bold;}

/*Tribune*/
.responsivetabletribune thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetabletribune tr {
	margin: 0 0 1rem 0;
}
.responsivetabletribune tr:nth-child(odd) {
	background: #ccc;
}
.responsivetabletribune td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetabletribune td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetabletribune td:nth-of-type(1):before { content: "Edition";  font-size: 14px;}
.responsivetabletribune td:nth-of-type(2):before { content: "Base Rate [B/W]"; font-size: 14px;}
.responsivetabletribune td:nth-of-type(3):before { content: "Base Rate Color";  font-size: 14px;}
.responsivetabletribune td:nth-of-type(4):before { content: "Front Page Color";  font-size: 14px;}
.responsivetabletribune td:nth-of-type(5):before { content: "3rd Page [B/W]";  font-size: 14px;}
.responsivetabletribune td:nth-of-type(6):before { content: "3rd Page Color";  font-size: 14px;}
.responsivetabletribune td:nth-of-type(7):before { content: "Back Page Color";  font-size: 14px;}
.responsivetabletribune td span{font-weight: bold;}

/*Indian*/
.responsivetableindian thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetableindian tr {
	margin: 0 0 1rem 0;
}
.responsivetableindian tr:nth-child(odd) {
	background: #ccc;
}
.responsivetableindian td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetableindian td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetableindian td:nth-of-type(1):before { content: "Edition";  font-size: 14px;}
.responsivetableindian td:nth-of-type(2):before { content: "Base Rate color";  font-size: 14px;}
.responsivetableindian td:nth-of-type(3):before { content: "Front Page color";  font-size: 14px;}
.responsivetableindian td:nth-of-type(4):before { content: "Back Page color";  font-size: 14px;}
.responsivetableindian td span{font-weight: bold;}

/*Bangalore*/
.responsivetablebangalore thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetablebangalore tr {
	margin: 0 0 1rem 0;
}
.responsivetablebangalore tr:nth-child(odd) {
	background: #ccc;
}
.responsivetablebangalore td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetablebangalore td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetablebangalore td:nth-of-type(1):before { content: "Edition";  font-size: 14px;}
.responsivetablebangalore td:nth-of-type(2):before { content: "Base Rate "; font-size: 14px;}
.responsivetablebangalore td:nth-of-type(3):before { content: "Front Page ";  font-size: 14px;}
.responsivetablebangalore td:nth-of-type(4):before { content: "Back Page";  font-size: 14px;}
.responsivetablebangalore td:nth-of-type(5):before { content: "Page 3";  font-size: 14px;}
.responsivetablebangalore td:nth-of-type(6):before { content: "Page 5";  font-size: 14px;}
.responsivetablebangalore td:nth-of-type(7):before { content: "Min Size (c.m)";  font-size: 14px;}
.responsivetablebangalore td span{font-weight: bold;}

/*Goan*/
.responsivetablegoan thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.responsivetablegoan tr {
	margin: 0 0 1rem 0;
}
.responsivetablegoan tr:nth-child(odd) {
	background: #ccc;
}
.responsivetablegoan td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: center!important;
}
.responsivetablegoan td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 0;
	left: 6px;
	width: 45%;
	text-align: left!important;
	/* white-space: nowrap; */
}
/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.responsivetablegoan td:nth-of-type(1):before { content: "Edition";  font-size: 14px;}
.responsivetablegoan td:nth-of-type(8):before { content: "Min Size ";  font-size: 14px;}
.responsivetablegoan td:nth-of-type(2):before { content: "Base Rate B/W "; font-size: 14px;}
.responsivetablegoan td:nth-of-type(3):before { content: "Base Rate Color"; font-size: 14px;}
.responsivetablegoan td:nth-of-type(4):before { content: "Front Page Color";  font-size: 14px;}
.responsivetablegoan td:nth-of-type(5):before { content: "Back Page";  font-size: 14px;}
.responsivetablegoan td:nth-of-type(6):before { content: "Page 3";  font-size: 14px;}
.responsivetablegoan td:nth-of-type(7):before { content: "Any Specific Position";  font-size: 14px;}

.responsivetablegoan td span{font-weight: bold;}







}