.light_container {
	position:fixed;
	background-color:#333;
	background:#fff;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	z-index: 1111;
}

.light_container .light_inner {
	position: absolute;
    top: 135px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block !important;
    text-align: center;
    vertical-align: center;
    width: 100% !important;
    height: 500px !important;
    z-index: 11;

}
.light_container .light_inner:before{
	position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    background: #ed2236;
    z-index:-1;
    border-radius: 50%;
}
.light_container .light_inner:after{
	    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 350px;
    height: 130%;
    background: url(../portfolio/mobile.png);
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.light_container .light_inner img{
	max-height: 80% !important;
    width: 223px !important;
    z-index: 111;
    margin-top: 70px;
}
.light_container .light_loading {
	background-color:#eee;
	border-radius:5px;
	padding:15px 30px;
	display:inline-block;
}
.light_container .light_error {
	background-color:#ffc4cb;
	border-radius:5px;
	padding:15px 30px;
	display:inline-block;
}
.light_container .light_close {
	width:28px;
	height:28px;
	font-size:0;
	background:url(cross.png) no-repeat center;
	position:fixed;
	top:30px;
	right:30px;
}
.light_container .light_caption {
	bottom: 0;
	position: absolute;
	width: 100%;
	background-color: #333;
	background: rgba(53,53,53,0.8);
	color: #fff;
}
.light_container .light_caption .light_caption_inner {
	padding:10px;
}
.light_container .light_inner .light_nav {
    display:none;
	position: absolute;
	top: 35%;
	width: 100%;
}
.light_container .light_inner:hover .light_nav {
    display:block;
}
.light_container .light_inner .light_nav .light_prev {
    float: left;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}
.light_container .light_inner .light_nav .light_next {
    float: right;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}
.light_container .light_inner .light_nav a {
       background: #000;
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
}
.light_container .light_inner .light_nav a:hover {
    background:#159a0c;
    color: #fff;
}
@media screen and (max-width: 720px) {
	.light_container .light_inner .light_nav {
	    display:block !important;
	}
}
@media(max-width: 1800px){
	.light_container:after{
		top: 60%;
	}
}
@media(max-width: 1440px){
	.light_container .light_inner {
    top: 125px;
}
.light_container:after{
	top: 50%;
}
}

@media(max-width: 991px){
	.light_container .light_inner{
		top: 113px;
	}
	.light_container:after {
    position: absolute;
   
    width: 370px;
    height: 100%;
    background-size: contain;
}
.light_container .light_inner img {
    max-height: 82% !important;
    width: 236px !important;
}
}
@media(max-width: 769px){
	.light_container .light_inner img{
		height: 80% !important;
	}
}

@media(max-width: 576px){
.light_container .light_inner:before{
	width: 360px;
	height: 360px;
}	
.light_container .light_inner{
	top: 0;
}
.light_container .light_inner img {
    max-height: 68% !important;
    width: 190px !important;
    margin-top: 102px;
}
.light_container .light_inner:after{
	width: 290px;
}
.light_container .light_inner .light_nav{
	top: 45%;
}
}