@media only screen and (min-width:1200px){
	.listing-menu{float:right !important;padding:20px;max-width:300px}
	.list-sel{height:64px}
}
@media only screen and (max-width:1200px){
	.videContent{display:none}
	.list-sel .pull-left, .list-sel .pull-right{float:none !important}
	.listing-menu .searchRow{text-align:center}
}
.list-title{font-size:150%;font-weight:bold}
		
		.hrr {
			width: 100%;
			border-bottom: 2px solid #4586BF;
		}
		.hrr:last-child {
			display: none;
		}
		.filterCat {
			padding: 10px 0px;
		}
		
		/* ALL */
		
		.refine {
			
		}
		.refine ul {
			list-style:none;
			padding-left:0;
			width: 100%;
			max-width: 300px;
			margin: auto;
		}
		.refine ul li:first-child {
			font-size: 20px;
			margin-bottom: 20px;
			
		}
		.refine ul li label {
			text-align: left;
			width: 120px;
		}
		.refine ul li .filterText label {
			text-align: center;
		}
		.refine ul li.difference {
			margin-top: 6px;
			font-size: 11px;
		}
		.refine ul {
			background-color: #FCFDFE;
			border-radius: 1px;
			margin-bottom: 10px;
			box-shadow: 0 0 1px rgba(201, 192, 192, 0.8);
		}			
		.refine ul li:first-child {
			border-bottom: solid 1px #CCC;
			padding: 5px 0px;
			cursor: pointer;
		}
		.refine ul li:first-child i {
			font-size: 20px;
		}
		.refine ul.active li:first-child i.icon-chevron-up, .refine ul.active li:first-child i.fa-chevron-up {
			display: none;
		}
		.refine ul:not(.active) li:first-child i.icon-chevron-down, .refine ul:not(.active) li:first-child i.fa-chevron-down {
			display: none;
		}			
		.refine ul li:not(:first-child) {
			display: none;
		}			
		.refine ul.active {
			padding-bottom: 10px;
		}
		.refine ul.active li {
			display: block;
		}
		.refine ul li.toggleActive:first-child:hover {
			color: #F00;
		}			
			
		/* LARGE */
		
		@media only screen and (min-width:991px) {	
			.refine {
				padding: 0px 10px !important;
			}		
		}		
		
		/* SMALL */
		
		@media only screen and (max-width:991px){
		
			.refine:not(.active) {
				display: none;
			}
		
			.refine {
				overflow-y: scroll;
				position: fixed;
				width: 100%;
				min-height: 100vh;
				max-height: 100vh;
				background-color: #FFF;
				z-index: 9999;
				top: 0px;
				left: 0px;
			}
			
			.refine ul:first-child {
				margin-bottom: 40px;
				background-color: #4586BF;
				color: #FFF;
				width: 100%;
				max-width: 100%;
			}
			.refine ul:first-child li {
				padding: 16px 0px;
			}
			
			
			.refine button {
				width: 99%;
				padding: 10px 5px;
				padding-bottom: 80px;
				margin-top: 40px;
				font-size: 20px;
			}			
			
		}
		