@charset "utf-8";

.compass fieldset{
	margin-bottom:10px; width:100%;
}
.compass select{
	height:28px;
	line-height:28px;
	width:auto;
}
.compass ul{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	float:left;
}
.compass li{
	padding:15px 10px !important;
	line-height:1.2em !important;
	background:#f1f1f1;
	margin:1px;
	border-radius:3px;
	color:#000;
	text-align:center;
	float:left;
	font-weight:bold;
}
.compass li:hover{
	background:#257097;
	margin:1px;
	border-radius:3px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
}
.counter{ display:none;
}

.compass .sortOptions{}
.compass .searchOptions{ width:100%;}
.compass .searchOptions select{
	-webkit-border-radius:0px;    
	border-radius:0px;
}
.clearfix-main{ width:48%; margin-right:2%; float:left!important;}
.clearfix{ width:100%;}
.span2 {
    float: left;
}
.span10{ margin-left:10px;width:65%;float: left;}
.span10 h4{width:100%; float:left;}
.compass .sortDir{
	cursor:pointer;
	margin:0;
}
.compass .minimap{
	width:100%;
	margin:0 20px 0 0;
}
.compass h4{
	display:inline;
}
.compass .pagination{
	padding-top:15px;
	float:left!important;
	clear:both;
}
.compass .googleMapFrame{
	padding:5px !important;
	margin:0 0 15px 0;
}
.compass #googleMap{
	width:100%;
	height:350px;
}
.gmnoprint img {
    max-width: none; 
}
@media (min-width: 992px) and (max-width: 1199px) {
.clearfix-main{ width:49%; margin:0 1% 0 0; float:left!important;}
.clearfix{}
.span2 {
    float: left;
}
.span10 {
    float: left;
    margin-left: 10px;
    width: 58%;
}
.span10 h4{ font-size:16px;}

}
@media (min-width: 768px) and (max-width: 991px) {
.clearfix-main{ width:49%; margin:0 1% 0 0; float:left!important;}
.clearfix{}
.span2 {
    float: left;
}
.span10 {
    float: left;
    margin-left: 10px;
    width: 46%;
}
.span10 h4{ font-size:14px;}

}
@media (max-width: 767px) {
.clearfix-main{ width:49%; margin:0 1% 0 0; float:left!important;}
.clearfix{ }
.span2 {
    float: left;
}
.span10{ margin-left:00px;width:100%;float: left;}
.span10 h4{width:100%; float:left;}
.compass input[type="text"]{width:70%;}
}
@media (max-width: 480px){
	.compass input[type="text"],
	.compass select
	{
		display:block;
		width:100%;
		margin-bottom:3px;
		-webkit-border-radius:3px !important;
		-moz-border-radius:3px !important;
		border-radius:3px !important;
	}
	.compass button{width:0; padding:10px 50px;}
	.compass div.btn-primary{
		display:block;
		width:92%;
		margin-bottom:3px;
		-webkit-border-radius:3px !important;
		-moz-border-radius:3px !important;
		border-radius:3px !important;
	}
	.compass .pull-left,
	.compass .pull-right{
		float:none;
	}
	.compass .input-append{
		width:100%;
	}
	.compass .minimap{
		display:none;
	}
}

@media (max-width: 360px) {
.clearfix-main{ width:98%; margin:0 1%; float:left!important;}
.clearfix{ width:100%;}
.span2 {
    float: left;
}
.span10{ margin-left:00px;width:100%;float: left;}
.span10 h4{width:100%; float:left;}
.compass button{width:0; padding:10px 50px;}

}
@media (max-width: 320px) {
.clearfix-main{ width:98%; margin:0 1%; float:left!important;}
.clearfix{ width:100%;}
.span2 {
    float: left;
}
.span10{ margin-left:00px;width:100%;float: left;}
.span10 h4{width:100%; float:left;}
.compass button{width:0; padding:10px 50px;}
}