@media (max-width: 767px)
{
	table.tbl-responsive tbody
	{
		width: 100%;
		display: block;
	}

	table.tbl-responsive tr
	{
		display: block;
	}

	table.tbl-responsive tr td
	{
		display: block;
		width: 100% !important;
		float: none;
		text-align: center;
	}

	table.tbl-responsive tr td:nth-child(2)
	{
		width: 75% !important;
		margin: auto;
		text-align: left;
	}

	table.tbl-responsive img.img-responsive
	{
		display: block;
		text-align: center;
		float: none;
		margin: auto;
	}
	iframe
	{
		max-width: 100%;
		margin: auto;
		display: block;
	}

	div.table-responsive
	{
		border: none !important;
	}
}

@media screen and (max-width : 550px){
	.col-xs-8{width:58.66666667%;border: 0px solid red;}
	.col-xs-4{width:41.33333333%; border: 0px solid green}
}