/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

@media only screen and (min-width:1400px) {
	.masonry_with_space .projects_holder .mix{
padding: 0 6% 6% 0 !important;
		width: 32.5% !important;
		
}
	.masonry_with_space .projects_holder {
		margin-left:6%;
	}
}

@media only screen and (max-width:1400px) {
	.masonry_with_space .projects_holder .mix{
padding: 0px 50px !important;
margin-bottom: 100px !important;	

}
}

@media only screen and (max-width:800px) {
	.masonry_with_space .projects_holder .mix{
padding: 0px 20px !important;
margin-bottom: 40px !important;	

}
}

@media only screen and (min-width:800px) {
.gallery_holder ul.gallery_with_space.v3 li, .wpb_gallery_slides .gallery_holder ul.gallery_with_space.v3 li {
width: 25%  !important;
margin: 0 6% 6% 0 !important;
	}
	
	.gallery_holder ul {
		
		margin-left:6%;
		
	}
	
}



.portfolio_gallery .gallery_hover {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
background-color: #000;
background-color: rgba(0, 0, 0, .81);
visibility: visible;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-o-transition: opacity .4s;
-ms-transition: opacity .4s;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-webkit-backface-visibility: hidden;
z-index: 1000

}

.portfolio_gallery a:hover span.gallery_hover{
	opacity: 1;
	filter: alpha(opacity=100);
}




.portfolio_gallery a img {
    display: block;
    width: 100%;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.portfolio_gallery a:hover img {
    -webkit-transform: scale(1.03, 1.03);
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
}



.portfolio_gallery .gallery_hover i {
	position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
font-size: 30px;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
	
}



.gallery_holder ul li {
	float: none !important;
	display: inline-block !important;
	
}