
.filtr-item {
    padding: 0em;
    width: 33.3335%;
    float: left;
}
.filtr-container {
	width:100%;
}
.item-desc {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;

    z-index: 1;
    
}

/* Filter controls */
.simplefilter li, .multifilter li, .sortandshuffle li {
    color: #C3C3C3;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    font-size: 1.1em;
    margin: 0 0.4em;
	letter-spacing: 1px;
}
.simplefilter li {
        border:2px solid #C3C3C3;
}
.simplefilter li.active {
    border: 2px solid #02C7DA;
	color: #02C7DA;
}
/* Shuffle and sort controls */
select {
    padding: 1rem 1rem;
    text-transform: uppercase;
}
.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}
.sortandshuffle .sort-btn {
    background-color: #de0000;
}
.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}

/*----*/
.filtr-item {
    transform: scale(1) translate3d(0px, 0px, 0px);
	-o-transform: scale(1) translate3d(0px, 0px, 0px);   
    transition: all 0.5s ease-out 0ms;
	-o-transition: all 0.5s ease-out 0ms;
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
}

/*----*/
ul.simplefilter {
    text-align: center;
	margin-bottom: 3em;
}
@media(max-width:991px){
.filtr-item{
	float:left;
	width:33.33%;
}
.simplefilter li, .multifilter li, .sortandshuffle li {
    padding: 10px 13px;
    font-size: 1em;
}
}
@media(max-width:768px){
.filtr-item{
	float:left;
	width:50%;
}
.simplefilter li, .multifilter li, .sortandshuffle li {
    padding: 8px 10px;
    font-size: 0.9em;
    letter-spacing: 0px;
}
}
@media(max-width:600px){
.filtr-item {
    padding: 0em;
}
ul.simplefilter {
    margin-bottom: 0em;
}
.simplefilter li, .multifilter li, .sortandshuffle li {
    margin-bottom: 1em;
}

}
@media(max-width:414px){
ul.simplefilter {
    margin-bottom: 0em;
}
.filtr-item{
	width:100%;
}
.simplefilter li, .multifilter li, .sortandshuffle li {
    padding: 4px 4px;
    font-size: 0.8em;
    letter-spacing: 0px;
    margin-bottom: 1em;
}
}