.filtr-item {
    padding: 0em;
   width: 33%;
    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: #333;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    font-size: 1em;
    margin: 0 0.4em;
    text-transform: uppercase;
	    border: none;
    background: none;
     border-bottom: 5px solid #fff;
}
.simplefilter li {
      border: none;
    background: none;
    border-bottom: 3px solid #000;
	position:relative;
}
.simplefilter li:before{
        content: '';
    position: absolute;
    top: 19px;
    background: #333;
    height: 3px;
    width: 18px;
    right: -26px;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
    -webkit-transform: rotate(-64deg);
    -moz-transform: rotate(-64deg);
    -o-transform: rotate(-64deg);
    -ms-transform: rotate(-64deg);
    transform: rotate(-64deg);
	}
.simplefilter li.active {
       border-bottom: 5px solid #f53753;
    background: none;
}
/* 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:48%;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
		padding: 8px 10px;
		font-size: 0.9em;
		letter-spacing: 0px;
		margin: 0 0em;
	}
	.simplefilter li:before {
		content: '';
		position: absolute;
		top: 17px;
		background: #333;
		height: 3px;
		width: 15px;
		right: -9px;
	}
}
@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;
		margin: 0 0 1em 0;
	}
}
@media(max-width:384px){
.simplefilter li:before {
		content: '';
		position: absolute;
		top: 11px;
		background: #333;
		height: 2px;
		width: 12px;
		right: -9px;
	}
}