.listing-container .btn {width:285px; max-width:100%;}
.listing-box .date-posted {margin-left:6px; width:60px; font-size:26px; font-size:2.6rem;}
.listing-box .date-posted span {font-size:18px; font-size:1.8rem; background:#9d1d32;}
.expander-tab.centered {padding-left:0;}
.listing-container .tab {display:block;}
.listing-container .expander-tab {display:none;}
.expander-tab.red, .expander-tab.active.red {background:#9d1d32;}
.expander-tab.primary {background:#0054a6;}
.listing-image a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

h3 a {text-decoration:none; color:inherit;}

@media all and (max-width: 1100px) { 
	.listing-box .listing-text {padding-right:20px;}
	.listing-box .listing-image {width:30%;}
	.listing-box .listing-text {width:70%;}
}

@media all and (max-width: 960px) { 
	.listing-box .listing-image {width: 40%;}
	.listing-box .listing-text {width:60%;}
}

@media all and (max-width: 768px) {
	.listing-container .col-2 {width:100%; margin-bottom:50px; margin-left:0; padding:20px; background:#f5f5f5; float:none;}
	.listing-box {width:100%; background:#ffffff;}
	.listing-box.red {background:#ffffff;}
	.listing-container .col-2 h2 {display:none;}
	.listing-container .expander-tab {display:block;}
	.listing-container .tab {display:none;}
}

@media all and (max-width: 680px) {


}

@media all and (max-width: 540px) {

	.listing-box .listing-image {display:block; width:100%; height:200px;}
	.listing-box .listing-text {display:block; width:100%; border-left:6px solid #0054a6; padding-bottom: 1px;}
	.listing-box.red .listing-text {border-left:6px solid #9d1d32;}
}