/* Movers Who Care Network Styles */
.mwc-locations, .mwc-directory { clear: both; width: 100%; margin: 0 0 25px; }

.mwc-locations h2, .mwc-directory h2 { font: normal 1.929em/1em 'Oswald', Arial, Helvetica, sans-serif; color: #2d2d2d; letter-spacing: .035em; margin: 0 0 25px; text-transform: uppercase; }
.mwc-locations p, .mwc-directory p { margin: 0 0 25px; }
.mwc-locations a, .mwc-directory a { font-weight: 600; color: #CC8600; }
	.mwc-locations a:hover, .mwc-directory a:hover { color: #000; }

.mwc-locations .location {
	float: left;
	border-bottom: 1px solid #CCC;
	width: 29%; height: 160px; margin: 0 2% 15px; }

.mwc-directory select {
	display: none;
	border: 1px solid #CCC;
	background: #F5F5F5;
	font: italic 600 .929em/1em 'Open Sans', Arial, Helvetica, sans-serif; color: #3e3d3f;
	width: 100%; padding: 3%; text-indent: 0; }
	.mwc-directory select:focus { background: #FFF; }
.mwc-directory ul { width: 100%; }
.mwc-directory li {
	float: left;
	border-bottom: 1px solid #CCC;
	line-height: 2em; width: 31%; margin-right: 2%; }

@media only screen
and (max-width : 600px) {
	.mwc-directory select { display: block; }
	.mwc-directory ul { display: none; }
}
@media only screen
and (max-width : 599px) {
	.mwc-directory li { width: 48%; }
}
@media only screen
and (max-width : 525px) {
	.mwc-locations .location { width: 46%; }
}
@media only screen
and (max-width : 400px) {
	.mwc-locations .location { width: 96%; height: auto; }
	.mwc-directory li { line-height: 2em; }
}