/********* 
Gallery Styles for the filter & items 
-----------------------------------------------------------------------------------*/
.gallery-filter-area{margin-bottom:5%}
@media(min-width:768px) {
.gallery-filter-area{margin-bottom:1%}
}
.gallery-filter{padding:0;margin:0}
.gallery-filter li{list-style:none;display:inline-block;margin:5px}
.gallery-filter li a{display:block;padding:10px;background:transparent;color:#1c1e21;font-weight:600;letter-spacing:2px;font-size:12px;line-height:1;text-decoration:none;outline:none;text-transform:uppercase;border-bottom: 1px solid transparent;margin-bottom: 10px;}
.gallery-filter li.active a,.gallery-filter li.active a:hover{background-color:transparent;border-color:#f93e7d;color:#f93e7d;border-bottom:3px solid #f93e7d}
.gallery-filter li a:hover{background-color:transparent;border-color:#f93e7d;color:#f93e7d;border-bottom:3px solid #f93e7d}
.gallery-items{margin:-8px;-webkit-transition:all .6s ease;transition:all .6s ease;-webkit-transition-delay:.6s;transition-delay:.6s}
.single-item{display:block;width:25%;padding:10px;float:left;position:relative}
.single-item a{display:block;-webkit-transition:none!important;transition:none!important}
.gallery-image{position:relative;width:100%;overflow:hidden;background:#f93e7d}
.gallery-image img{max-width:inherit;width:100%;-webkit-transition:all .45s ease-out;transition:all .45s ease-out;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.gallery-content{position: absolute;top: 0;right: 0;bottom: 0;left: 0;   opacity: 0;transition: opacity .3s ease-in-out;z-index: 2;text-align:center;background:rgba(0,0,0,0.8)}
.gallery-content-inner{width: 100%;padding: 0 50px;text-align: center;   position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.p-title{font-size:18px;letter-spacing:2px;text-transform:uppercase;margin:0;font-weight:500;position:relative;margin-bottom:5px;color:#FFF;padding-bottom:5px;}
.gallery-content-inner p{color:#FFF;font-size: 15px; line-height:16px;font-weight:500;}
.single-item:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.single-item:hover .gallery-content{opacity:1;filter:alpha(opacity=100)}
@media (min-width: 768px) {
.gallery-grid-2 .single-item {width: 50%;}
.gallery-grid-3 .single-item {width: 33.333%;}
.gallery-grid-5 .single-item {width: 20%;}
.single-item .gallery-content-inner{padding: 0 10px;}
}
/********* 
Laptop 
-----------------------------------------------------------------------------------*/
@media (max-width: 1400px) {
.single-item {width: 33.1%;}
}

/********* 
Small Tablet 
********/
@media (max-width: 991px) {
.single-item {width: 50%;}
.gallery-filters-area {margin-bottom: 10%;}

.gallery-grid-2 .single-item{width: 50%;}
.gallery-grid-3 .single-item{width: 50%;}
.gallery-grid-5 .single-item{width: 50%}

}


/********* 
Smallest Tablet & Mobile 
-----------------------------------------------------------------------------------*/
@media (max-width: 767px) {
.single-item .protfolio-content,  .single-item:hover .protfolio-content {opacity: 0 !important;filter: alpha(opacity=0);}

.gallery-grid-2 .single-item{width: 50%;}
.gallery-grid-3 .single-item{width: 50%;}
.gallery-grid-5 .single-item{width: 50%}
.gallery-filter li{margin:0}
}

/*-----------------------------------------------------------------------------------
Small Mobile 
-----------------------------------------------------------------------------------*/
@media (max-width: 500px) {
.single-item {width: 100%;}
.gallery-filters li a {padding: 2px 8px;}
.gallery-filter li{margin:0}
.gallery-grid-2 .single-item{width: 50%;}
.gallery-grid-3 .single-item{width: 50%;}
.gallery-grid-5 .single-item{width: 50%;}
}