#order-and-shipping-details p.black-paragraph {
	font-weight: bold;
}

#order-and-shipping-details div {
	margin-bottom: 25px;
}

#order-and-shipping-details p {
	font-size: 18px;
}


#order-and-shipping-details thead tr:nth-child(1) th {
	text-align: center;
}

#order-and-shipping-details thead tr {
	background-color: #f5f5f5;
	border-top: 1px solid #eee;
}


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


	#order-and-shipping-details table,#order-and-shipping-details thead,#order-and-shipping-details tbody,#order-and-shipping-details th,#order-and-shipping-details td,#order-and-shipping-details tr {
			display: block;
	}

	#order-and-shipping-details tbody tr{
		border: 1px solid #eee;

	}

	#order-and-shipping-details thead tr {
		text-align: center;
	}

	#order-and-shipping-details thead tr:nth-child(2) {
			display: none;
	}


	#order-and-shipping-details td {
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			white-space: normal;
			text-align: left;
	}

	#order-and-shipping-details .order-details  table  tbody > tr td,
	#order-and-shipping-details .shipping-details  table  tbody > tr td {
		padding: 3px 0 3px 30%;
	}
	#order-and-shipping-details td:before {
			position: absolute;
			top: 6px;
			left: 6px;
			width: 20%;
			padding-right: 10px;
			white-space: nowrap;
			text-align: left;
			font-weight: bold;
			font-size: 100%
	}

	#order-and-shipping-details td:before {
			content: attr(data-title);
			color: black;
	}
}