/*- FILTER OPTIONS -*/

.options-container {
    width: 100%;
    text-align:center;
    border-bottom: none;
}

ul#filterOptions {
        margin: 0 auto;
        width: auto;
        text-align: center;
        height: auto;
        
}
ul#filterOptions li { height:auto; margin-right: 2px; display: inline-block; }
ul#filterOptions li a {
	height:auto;
	padding: 0 20px;
	color: #fff;
	font-weight: bold;
	line-height: 50px;
	text-decoration: none;
	display: block;
}
ul#filterOptions li a:hover { font-weight:bold; color:#666;}
ul#filterOptions li.active a {  }
/*- -*/
/*- OUR DATA HOLDER -*/
ul.ourHolder {
	
	width: 78%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
}
ul.ourHolder li.item {
	list-style:none;
	padding:20px 1px 0px 1px !important;
	margin:0 10px 20px 10px !important;
	width: 31%;
	height: 544px;
	display:inline-block;
	text-align: center;
	overflow: hidden;
	background-color:#FFF;
}
/*ul.ourholder li.item img {
       width:100%;
       height:auto;
}*/
ul.ourHolder li.item h3 { margin-top: 10px; font-size: 14px; line-height: 20px; }
/*- -*/

.descriptions {
    clear:both;
}

.descriptions h3 {
    font-size:12px;
    text-align:center;
}

@media only screen and (max-width: 1466px){
	ul.ourHolder {
		width: 78%;
	}
	ul.ourHolder li.item {
		width: 31%;
	}
}
@media only screen and (max-width: 1120px){
	ul.ourHolder {
		width: 78%;
	}
	ul.ourHolder li.item {
		width: 30%;
	}
}
@media only screen and (max-width: 990px){
	ul.ourHolder {
		width: 84%;
	}
	ul.ourHolder li.item {
		width: 30%;
	}
}
@media only screen and (max-width: 860px){
	ul.ourHolder {
		width: 90%;
	}
	ul.ourHolder li.item {
		width: 30%;
	}
}
@media only screen and (max-width: 800px){
	ul.ourHolder {
		width: 93%;
	}
	ul.ourHolder li.item {
		width: 30%;
	}
}
@media only screen and (max-width: 768px){
	ul.ourHolder {
		width: 93%;
	}
	ul.ourHolder li.item {
		width: 45%;
	}
}
@media only screen and (max-width: 596px){
	ul#filterOptions li a{
		padding:0px 0px;
	}
}
@media only screen and (max-width: 512px){
	ul.ourHolder {
		width: 86%;
	}
	ul.ourHolder li.item {
		width: 44%;
	}
}
@media only screen and (max-width: 460px){
	ul.ourHolder {
		width: 86%;
	}
	ul.ourHolder li.item {
		width: 94%;
	}
}