.ba-jm-listing .cell-narrow{width:1%;}
.ba-jm-listing .sp-link{ white-space:nowrap;}
.ba-jm-listing .table-col-sort{ display:inline-block; vertical-align:bottom; margin-left:0.3rem;}
.ba-jm-listing .table-col-sort button{border:0; padding:0; display:block; width:1rem; height:0.68rem; line-height:0.3rem;}
.ba-jm-listing .table-col-sort button [class*='fa']{ line-height:0.3rem;}

.ba-jm-job-short-info{list-style-type:none; display: flex; flex-direction: column;}

@media (max-width: 991.98px){
	
}

@media (max-width: 767.98px) {
	.ba-jm-job-short-info{ flex-direction: row; align-items:flex-start; flex-wrap:wrap;}
	.ba-jm-job-short-info li{width:calc((100% - var(--margin-normal))/2);}
	
	.ba-jm-listing, .ba-jm-listing tbody, .ba-jm-listing tbody tr{ display: block;}
	.ba-jm-listing thead {display: none;}
 	.ba-jm-listing tbody td {display: flex; text-align: left; border:0;}
	.ba-jm-listing tbody td:first-child {padding-top:1rem;}
	.ba-jm-listing tbody td:last-child {padding-bottom:1rem;}
	.ba-jm-listing tbody td:before{ content: attr(data-th); display: block; font-weight: bold; padding-right:1rem; width:40%; flex:none;}
}

@media (max-width: 575.98px){
	.ba-jm-job-short-info{ flex-direction: column;}
	.ba-jm-job-short-info li{width:100%;}
}
