/* hoverdir */
.hoverdir-thumbs { list-style: none; }
.hoverdir-thumbs li { float: left; margin: 5px; background: #fff; position: relative; }
.hoverdir-thumbs li a, .hoverdir-thumbs li a img { display: block; position: relative; }
.hoverdir-thumbs li a { overflow: hidden; }
.hoverdir-thumbs li a div { position: absolute; background: #333; background: rgba(75,75,75,0.7); width: 100%; height: 100%; }
.hoverdir-thumbs li a div span { display: block; padding: 10px 0; margin: 40px 20px 20px 20px; text-transform: uppercase; font-weight: normal; color: rgba(255,255,255,0.9); text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-bottom: 1px solid rgba(255,255,255,0.5); box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3); text-align:left; }
.hoverdir-thumbs .hoverdir-thumbs-item { max-height: 251px; width:251px; padding-top: 0px; padding-right: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media (max-width: 1199px) {
.hoverdir-thumbs .hoverdir-thumbs-item { max-height: 239px; width:239px; }	
}
@media (max-width: 992px) {
.hoverdir-thumbs .hoverdir-thumbs-item { max-height: 220px; width:220px; }	
}
@media (max-width: 768px) {
.hoverdir-thumbs .hoverdir-thumbs-item { max-height: 251px; width:251px; }	
}
@media (max-width: 414px) {
.hoverdir-thumbs li a div  { display:none; visibility:hidden; }
}
/* hoverdir end */