.gap{
    top: 10%;
}

.img-caption {
    bottom: 10px;
    width: 80%;
    left: 10%;
}

#light-box-container {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
#fac-heads {
	text-align: center;
    font-size: 3.3rem;
    margin-top:10%;
}
#light-box {
    width: 50%;
    height: 500px;
    background-size: cover;
    background-image: url(../DevFoli-Img/work-1.jpg);
    overflow: hidden;
}

i {
    cursor: pointer;
}

@media (max-width: 700px) {
    #light-box {
        width: 100%;
    }
}

.slider-content{
    overflow: hidden;
}