#mds-popup-image {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000001;
}
#mds-popup-image .bg {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	z-index: 1;
}
#mds-popup-image .screen {
	width: 65%;
	max-width: 750px;
    display: table;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
    z-index: 2;
}
#mds-popup-image .screen img {
	width: 100%;
	z-index: 1;
}
#mds-popup-image .screen a {
    display: table;
    text-decoration: none;
    color: transparent;
    width: 100%;
}

#mds-popup-image .screen .close {
	cursor: pointer;
	position: absolute;
	right: -15px;
	top: -15px;
	width: 30px;
	height: 30px;
	padding: 5px 0;
	line-height: 15px;
	font-size: 17px;
	color: #fff;
	background-color: #057c55;
	text-transform: uppercase;
	text-align: center;
	opacity: 1;
    filter: Alpha(opacity=100);
    border: 1px solid #fff;
    border-radius: 50%;
	z-index: 2;
}
@media only screen and (max-height: 375px) {
    #mds-popup-image .screen {
        display: block;
        height: 100%;
    }
    #mds-popup-image .screen a {
        display: block;
        height: 100%;
    }
    #mds-popup-image .screen img {
        height: 100%;
        width: auto;
    }
    #mds-popup-image .screen .close {
        top: 0;
    }
}
@media only screen and (min-height: 376px) and (max-height: 415px) {
    #mds-popup-image .screen {
        display: block;
        height: 100%;
    }
    #mds-popup-image .screen a {
        display: block;
        height: 100%;
    }
    #mds-popup-image .screen img {
        height: 100%;
        width: auto;
        display: table;
        margin: 0 auto;
    }
    #mds-popup-image .screen .close {
        top: 0;
    }
}