/* 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.hoverdir-thumbs-container-text { 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 li a div span.hoverdir-thumbs-container-text span.hoverdir-thumbs-container-text-btn { margin-top:20px; /*margin-left: 25%;*/ border-radius: 2px; letter-spacing: 2px; color: #2c3e50 !important; text-transform: uppercase; background: #fff; /* old borwser */ background: rgba(255, 255, 255, 0.9); border: 1px solid #eee; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-o-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); left: auto; min-width: 100px; max-height: 40px; height: 40px !important; opacity: 0; -webkit-opacity: 0; -ms-opacity: 0; padding: 10px; visibility: hidden; width: auto; display: inline-block !important; z-index: 2; -webkit-transform: scale(0.75); -o-transform: scale(0.75); -ms-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-align:center; font-size: 12px; line-height: 1.5; text-shadow:none; }
.hoverdir-thumbs li a:hover div span.hoverdir-thumbs-container-text span.hoverdir-thumbs-container-text-btn { visibility: visible; opacity: 0.85; -webkit-opacity: 0.85; -ms-opacity: 0.85; -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.hoverdir-thumbs li a div span.hoverdir-thumbs-container-text span.hoverdir-thumbs-container-text-btn:hover { opacity: 0.95; }
.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, .hoverdir-thumbs li a:hover div span.hoverdir-thumbs-container-text span.hoverdir-thumbs-container-text-btn  { display:none; visibility:hidden; }
}

/* hoverdir end */
