.ocp table.art_h1 {
	border: 1px solid #ffb180;
	border-radius: 5px;
	border-spacing: 0;
	border-collapse: separate;
	width: 100%;
	font-weight: bold;
}
.ocp table.art_h1 td {
	padding: 15px;
	display: table-cell;
	vertical-align: middle;
}
.ocp table.art_h1 td p {
	margin-bottom: 0;
}
.ocp table.art_h1 td:first-child {
	width: 30%;
}
.ocp table.art_h1 td p.number {
	float: left;
	font-size: 24px;
	margin-top: 5px;
}
.ocp table.art_h1 td div.namebox {
	float: left;
	margin-left: 4%;
}
.ocp table.art_h1 td p.name {
	font-size: 18px;
}
.ocp table.art_h1 td p.category {
	font-size: 12px;
}
.ocp table.art_h1 td:last-child {
	width: 40%;
	text-align: left!important;
	background-color: #ffb180;
	color: #fff;
	border-radius: 0 3px 3px 0;
}
.ocp tr td {
	vertical-align: top;
}
.ocp tr td.bcolor {
	background: #DFDFDF;
} 
@media (max-width: 767px) {
.ocp tr td {
	display: block;
	width: 100%;
}
.ocp table:nth-of-type(1) tr td:nth-of-type(3), 
.ocp table:nth-of-type(2) tr:nth-of-type(3) td:nth-of-type(1) {
	text-align: center;
}
}
@media (max-width: 660px) {
.ocp table.art_h1 td {
	display: block;
	overflow: hidden;
}
.ocp table.art_h1 td:first-child {
	width: auto;
}
.ocp table.art_h1 td:last-child {
	width: auto;
	border-radius: 0 0 3px 3px;
}
}
@media (max-width: 320px) {
.ocp table.art_h1 td p.number,
.ocp table.art_h1 td div.namebox {
	float: none;
	margin-left: 0;

}
}