/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


.mainbox .thumbnails img {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
border: 0 solid transparent;   
border-radius: 3px;
height: 160px;
width: auto;
margin: 4px 0;
-webkit-box-shadow: none;
        box-shadow: none;
}

.mainbox .thumbnails {
opacity: 0;
}

.thumbnails a {
width: 31.8%;
margin: 0 2px 4px 2px;
}
    
.thumbnails:hover img {
opacity: .7;
}
    
.thumbnails img:hover {
opacity: 1;
-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5);
        box-shadow: 0 0 7px rgba(0, 0, 0, .5);
}

@media (max-width: 480px) {

    .thumbnails:hover img {
    opacity: 1;
    }
    
}

@media (max-width: 400px) {

    .thumbnails img {
    height: auto !important;
    max-width: 250px;
    }

    .thumbnails a {
    margin: 0 1px 2px 1px;
    }
        
}

@media (max-width: 320px) {

    .thumbnails img {
    height: auto !important;
    max-width: 100% !important;
    }
        
}