/* ==========================================================================
   Desktop
   ========================================================================== */

@media (min-width: 1000px) {

	div.bsovbg{position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#000; opacity:0.5; z-index:98; box-sizing: border-box !important;}
	div.bsovinfowrap{position:fixed; margin:0 auto; width:950px; top:20px; left:50%; background-color:#FFF; margin:0px 0px 0px -475px; padding:8px; z-index:99; box-sizing: border-box !important;}
	div.bsovtitle{float:left; width:90%; font-size:20px; font-weight:bold; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; line-height:1.5em;}
	div.bsovclosebtn{float:right; width:8%;}
	div.bsovclosebtn img{float:right; width:25px; height:25px; }
	div.bsovclosetext {float:right; width:8%; text-align:right;}
	div.bsovclosetext a{ font-weight:bold; font-size:14px; text-decoration:none; color:#000;}
	div.bsoviframebox{float:left;position:relative; width:100%; height:100%; margin:5px 0px 0px 0px; -webkit-overflow-scrolling: touch; }
	.bsoviframe{width:100%; height:100%;}
	div.bsovwrapon,.bsovwrapon{display:block; opacity:1; position:fixed; z-index:150;} /*Fix "X" flashing on screen during page load*/
	div.bsovwrapoff,.bsovwrapoff{display:none; opacity:0;} /*Fix "X" flashing on screen during page load*/
	div.bsovcontentwrapper{float:left; width:100%;} /*For CMS Overlay*/
	div.bsovcontentwrapper img{max-width:100%; height:auto;} /*For CMS Overlay*/
}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (min-width: 0px) and (max-width: 999px){

	/*Mobile - Overlay*/
	div.bsovbg{position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#000; opacity:0.5;z-index:98;box-sizing: border-box !important;}
	div.bsovinfowrap{position:fixed; width:94%; min-height:400px; top:15px; left:3%; background-color:#FFF; padding:8px;z-index:99;box-sizing: border-box !important;}
	div.bsovtitle{float:left; width:85%; font-size:18px; font-weight:bold;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; line-height:1.5em;}
	div.bsovclosebtn{float:right; width:10%}
	div.bsovclosebtn img{float:right;width:20px; height:20px;}
	div.bsovclosetext {float:right; width:8%; text-align:right;}
	div.bsovclosetext a{ font-weight:bold; font-size:14px; text-decoration:none; color:#000;}

	div.bsoviframebox{float:left;position:relative; width:100%; height:90%; margin:5px 0px 0px 0px; -webkit-overflow-scrolling: touch; overflow:auto; /*Cannot adjust as it will cause bug on iphone*/ }
	.bsoviframe{width:100%; height:100%;}
	.bsovwrapon{display:block; opacity:1; position:fixed; z-index:150;}  /*Fix "X" flashing on screen during page load*/
	.bsovwrapoff{display:none; opacity:0;}  /*Fix "X" flashing on screen during page load*/
	div.bsovcontentwrapper{float:left; width:100%;} /*For CMS Overlay*/
	div.bsovcontentwrapper img{max-width:100%; height:auto;} /*For CMS Overlay*/
}