.myfbox-overlay {position: fixed; top: 0; left: 0; z-index: 9998; opacity: 0.55; background: #000; height: 100vh; width: 100%; }
.myfbox-close {background: url(../images/icons/icon-sprite.png) no-repeat 0 -119px;position: absolute; top: -12px; right: -12px; width: 24px; height: 24px; cursor: pointer; z-index: 10000;}
.myfbox-outer {position: fixed; left: 50%; margin-left: -415px; z-index: 10000; width: 90%; max-width: 900px; height: 90%; top: 5%; max-height: 1000px; box-sizing: border-box; transition: .5s; padding: 15px; background-color: #fff; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: none; visibility: hidden; }
.myfbox-outer.image-box {max-width:none;max-height:none;top:50%;padding:10px;}
.myfbox-outer.inline-box {top:20%;height:75%;}
.myfbox-inner {width: 100%;margin: 0;overflow: hidden;height: 100%;-webkit-overflow-scrolling: touch;}
.myfbox-wrap > svg {display: inline-block; margin: 0 auto; top: 50%; position: fixed; left: 50%; margin: -20px 0 0 -20px;}
.myfbox-iframe {height:100%!important;width: 100%!important;overflow: auto;}

@media only screen and (max-width: 830px) {
    .iframe-box {
    	left: 5%;
    	max-width: 90%;
    	max-height: 90%;
    	margin-left: 0;
    }
}


@media only screen and (max-width: 605px) {
    .image-box, .inline-box  {
    	left: 5%;
    	max-width: 90%!important;
    	max-height: 90%!important;
    	width: 90%!important;
    	height: 90%!important;
    	margin-left: 0!important;
    	margin-top: 0%!important;
    	top: 5%!important;
    }

    .myfbox-inner {overflow: auto}
}