/* Section Gallery 
================================ */

/********* 
Gallery Styles for the filter & items 
*********/
#gallery .gallery-filter-area{margin-bottom:5%}
@media(min-width:768px) {
#gallery .gallery-filter-area{margin-bottom:2%}
}
#gallery .gallery-filter{padding:0;margin:0}
#gallery .gallery-filter li{list-style:none;display:inline-block;margin:3px}
#gallery .gallery-filter li a{display:block;padding:10px 15px 7px;background:transparent;color:#fed136;font-family: 'Catamaran', sans-serif; font-weight:400;font-size:16px;line-height:1;text-decoration:none;outline:none;text-transform:uppercase;border:2px solid #fed136;-webkit-transition:all .3s;transition:all .3s}
#gallery .gallery-filter li.active a,#gallery .gallery-filter li.active a:hover{background-color:#fed136;border-color:#fed136;color:#fff}
#gallery .gallery-filter li a:hover{background-color:#fed136;border-color:#fed136;color:#fff}
#gallery .gallery-items{margin:-8px;-webkit-transition:all .6s ease;transition:all .6s ease;-webkit-transition-delay:.6s;transition-delay:.6s}
#gallery .single-item{display:block;width:25%;padding:8px;float:left;position:relative}
#gallery .single-item a{display:block;-webkit-transition:none!important;transition:none!important}
.gallery-image{position:relative;width:100%;overflow:hidden;background:#fed136}
#gallery .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 .gallery-content{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .45s ease;transition:all .45s ease;padding:40px 20px;background-color:rgba(0,0,0,0.8);text-align:center}
#gallery .gallery-content-inner{position:relative;width:100%}
#gallery .p-title{font-size:24px;letter-spacing:1px;text-transform:uppercase;margin:0;font-family: 'Catamaran', sans-serif; font-weight:400;position:relative;margin-bottom:5px;color:#fed136;padding-bottom:10px;border-bottom:2px solid #fed136}
#gallery .gallery-content-inner p{color:#fed136}
#gallery .single-item:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
#gallery .single-item:hover .gallery-content{opacity:1;filter:alpha(opacity=100)}
#gallery .modal-open .modal { }
#gallery .modal-dialog {margin: 10px auto;width:80%;}

/********* 
Laptop 
*********/
@media (max-width: 1400px) {
#gallery .single-item {width: 33.1%;}
}

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

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

/*********  
Small Mobile 
*********/
@media (max-width: 500px) {
#gallery .single-item {width: 100%;}
#gallery .gallery-filters li a {padding: 2px 8px;}
#gallery .gallery-filter li{list-style:none;display:block;margin:3px}
}

/*********   
Maginific Popup Adjustments
*********/
@media (min-width: 768px) {
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {margin-left: 25px;    border-right: 0px solid #3F3F3F !important;}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {border-left: 0px solid #3F3F3F !important;}
}