/* 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;
	background: transparent;
	color: #666666;
	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 #666666;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#gallery .gallery-filter li.active a,#gallery .gallery-filter li.active a:hover{
	background-color: #666666;
	color: #fff;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
#gallery .gallery-filter li a:hover{
	background-color: #666666;
	color: #fff;
	border-top-color: #d002037;
	border-right-color: #d002037;
	border-bottom-color: #d002037;
	border-left-color: #d002037;
}
#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-color: #d02037;
}
#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: #d02037;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d02037;
}
#gallery .gallery-content-inner p{
	color: #d02037
}
#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;}
}