/*
Theme Name: Bridge
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: Bridge Theme
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 8.0
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

.masonry-layout { /* Masonry container */
    column-count: 4;
    column-gap: 1em;
-moz-column-count: 4!important;	
-webkit-column-gap:1em;
-webkit-column-count: 4;
-moz-column-gap:1em!important;
}

.items { /* Masonry bricks or child elements */
    background-color: #f6f6f6;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
    padding:20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
}
@media (max-width:400px)
{
	.masonry-layout
	{
		column-count: 1!important;
		-webkit-column-count: 1!important;
		-moz-column-count: 1!important;
	}
}
@media (min-width:401px) and (max-width: 600px) {
    .masonry-layout{
        -moz-column-count: 2!important;
        -webkit-column-count: 2!important;
        column-count: 2!important;
    }
}
@media (min-width:601px) and (max-width: 768px) {
    .masonry-layout{
        -moz-column-count: 3!important;
        -webkit-column-count: 3!important;
        column-count: 3!important;
    }
}
@media (min-width:769px){
    .masonry-layout{
        -moz-column-count: 3!important;
        -webkit-column-count: 3!important;
        column-count: 3!important;
    }
}