.opengallery .container > .row { padding-left: 7px; padding-right: 7px; }
.masonry-container {
	padding: 0;
}
.masonry-container .item {
    padding: 8px;
    position: relative;
}
.masonry-container .item img {
    display: block;
	width: 100%;
    position: relative;
}
.mask {
    display: table;
    position: relative;
}
.masonry-container .item .mask:before {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    position: absolute;
    top: 0;
    left: 0;
    content: ""; 
    z-index: 1;
}
.masonry-container .item:hover .mask:before {
    background: rgba(0,0,0,.5);    
}
.masonry-container .item:hover .view { opacity: 1 }
.iconvideo {
    width: 24px;
    height: 24px;
    background: url('../img/gallery_play.png');
    position: absolute;
    top: 20px;
    right: 20px;
}
.view {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;    
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    opacity: 0;
}
.image .view { background: url('../img/view.png'); }
.video .view { background: url('../img/play.png'); }


/*320 - 767*/
@media (min-width: 320px) and (max-width: 767px) {    

    .masonry-container .item { padding: 6px; }
    .opengallery .container > .row { padding-left: 9px; padding-right: 9px; }
    
}

/*320 - 479*/
@media (max-width: 479px) {
	   
}

/*480 - 767*/
@media (min-width: 480px) and (max-width: 767px) {
    

	    
}


/*768 - 991*/
@media (min-width: 768px) and (max-width: 991px) { 
    
 
}


/*992 - 1199*/
@media (min-width: 992px) and (max-width: 1199px) {	
	
}
	
	
/*1200*/
@media (min-width: 1200px) {

}