@media only screen and (max-width:640px) {

/********* Table Styles **************/
	.table-content {
		float: right;
		width: 69%;
		line-height: 21px;
	}

	table, thead, tbody, th, td, tr {
		display: block;
	}
	tr:first-child {
	    display: none;
	}
	.eo-fullcalendar table{display:table;}
	.eo-fullcalendar thead{display:table-header-group;} 
	.eo-fullcalendar tbody{display:table-row-group;} 
	.eo-fullcalendar th{display:table-cell;}
	.eo-fullcalendar td{display:table-cell;}
	.eo-fullcalendar tr{display:table-row;}
	#accts tr{display:table-row;}

	table {
	    width: 100%;
	    border-collapse: collapse;
	}
	td, th[scope="row"] { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		text-align: right;
	}
	td:before, th:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	#checking td,
	#contact td{
		text-align:right;
		padding-bottom: 15px;
	}
	#contact td{
		font-size:10px;
	}

	#checking th[scope="row"],
	#contact th[scope="row"]{
		color:inherit;
		text-align: left;
		vertical-align: inherit;
	}
	#ccard th[scope="col"],
	#ccardTwo th[scope="col"] {
		width:98%;
	}
	#ccard td ,
	#ccardTwo td{
		padding:15px 3px;
	}

	table th h2,
	#contact th[scope="row"] {
		display:block;
		text-align: right;
		-webkit-margin-before: 0em;
		-webkit-margin-after: 0em;
	}
	table th h2 a {
		font-size:12px;
	}
	#checking th:nth-of-type(1):before { content: "Account:"; text-align:left; font-weight:bold;}
	#checking td:nth-of-type(1):before { content: "Interest:"; text-align:left; font-weight:bold;}
	#checking td:nth-of-type(2):before { content: "Monthly Service Charge:"; text-align:left; font-weight:bold;}
	#checking td:nth-of-type(3):before { content: "Statements:"; text-align:left; font-weight:bold;}
	#checking td:nth-of-type(4):before { content: "Opening Deposit:"; text-align:left; font-weight:bold;}
	#checking td:nth-of-type(5):before { content: "Key Benefits:"; text-align:left; font-weight:bold;}

	#contact th:nth-of-type(1):before { content: "Person:"; text-align:left; font-weight:bold;}
	#contact td:nth-of-type(1):before { content: "Contact:"; text-align:left; font-weight:bold; font-size:12px;}

	#checking td:last-child ul{margin-top:25px;}

	#ccard td:nth-of-type(1):before, #ccardTwo td:nth-of-type(1):before { display: inline-block; width:50px; height:50px; margin-right:5px; content:""; background: url(../images/business-platinum.jpg) no-repeat; background-size:100%; text-align:left; font-weight:bold;}
	#ccard td:nth-of-type(2):before, #ccardTwo td:nth-of-type(2):before { display: inline-block; width:50px; height:50px; margin-right:5px; content:""; background: url(../images/business-platinum-preferred.jpg) no-repeat; background-size:100%; text-align no-repeat:left; font-weight:bold;}
	#ccard td:nth-of-type(3):before, #ccardTwo td:nth-of-type(3):before { display: inline-block; width:50px; height:50px; margin-right:5px; content:""; background: url(../images/business-platinum-payback.jpg) no-repeat; background-size:100%; text-align:left; font-weight:bold;}

}