.gallery {
	.gallery-wrapper {
		text-align: center;
		position: relative;
	}
	.img-container {
		margin-bottom: 50px;

		.img-box{
			display: inline-block;
			position: relative;

			&:hover span{
				visibility: visible;
			}
		}
		img{
			border:4px solid #dff0fd;
			border-radius: 3px;
			cursor: pointer;
		}
		.title {
			margin-top: 5px;
			font-size: 13px;
		}
		.icon{
			position: absolute;
			background: rgba(56, 156, 240,0.8);
			height: 48px;
			width: 48px;
			visibility: hidden;
			left: 41%;
			border-radius: 100%;
			cursor: pointer;
			text-align: center;
		}
		i {
			display: inline-block;
			margin-top: 14px;
		}
		span.edit{
			top: 23%;
		}
		span.trash{
			top: 48%;
		}
	}
	.new-img {
		display: inline-block;
		img {
			border: 2px dashed #dee3e8;
			cursor: pointer;
			margin-bottom: 50px;
			&:hover {
				opacity: 0.8;
				border-color: #ccc;
			}
		}
	}
}


/* gallery blank state */
.no-gallery {
	border-top: 1px solid #edeff1;
	padding-top: 40px;
	box-shadow: 0px 4px 9px -6px rgba(0, 0, 0, 0.12) inset;
	margin-bottom: 100px;
	.center{
		margin: 0 auto;
		text-align: center;
		width:42%;
		h6{
			color: #364453;
			font-weight: 600;
			margin: 30px 0 9px;
			font-size: 15px;
		}
		p{
			color: #364453;
			font-size: 13px;
		}
		a {
			margin-top: 30px;
		}
	}
}


/*Responsive*/
@media (max-width: 979px) {
	.gallery .popup {
		display: none;
	}
}

