@media screen and (max-width: 768px) {
#container {
  position: relative;
  padding: 0px 0px;
 
}

.filtr-item img {
	opacity:1;
	
}

.item-desc {
	font-size:1rem;
	font-weight:300;
	letter-spacing:0.1rem;
    
}

.item-desc:hover {
	color: none;
   }
 

   
   
.simplefilter li, .multifilter li, .sortandshuffle li {
	
	font-size:1rem;
	font-weight:250;
	letter-spacing:0.1rem;
    color: #ccc;
    cursor: pointer;
    display: inline-block;
    padding: 0.4rem 0.4rem;

}
.animate-box img {
	padding:7px;
	opacity:1;
	
}


/*.animate-box img:hover  {
    opacity:1;
	}*/

.title{
	position:absolute;
	color:#FFF;
	font-weight:400;
	line-height:1em;
	width:100%; 
	height:100%; 
	z-index:999; 
	text-align:center; 
	padding-top:40%; 
	background-color: rgba(62,2,255,0.6);
    opacity: 0;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
	}
.title:hover {
    opacity: 1;
}
	




}