@media screen and (min-width: 1280px) 
{


	
	
	#viewer
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		font-family:arial,sans-serif;
		z-index: 1010;
		display: none;
		background:white;
		overflow: auto;
	}
	
	#viewer_header_top
	{
		position:absolute;
		top:0px;
		left:0px;
		padding:5px 0px;
		text-align:right;
		white-space:nowrap;
	}
	
	#viewer_header_right
	{
		position:absolute;
		top:0px;
		right:0px;
		padding:5px 0px;
		text-align:right;
		margin:40px 0px 0px 0px;
		z-index: 1020;
		background:white;
		box-shadow:0px 0px 2px 1px #888888;
	}
	
	.viewer_header_item
	{
		position:relative;
		margin:5px 10px;
		display:inline-block;
		vertical-align:top;
		
		
	}
	.viewer_header_item_right
	{
		position:relative;
		margin:10px 10px;
		cursor: pointer;
	
	}
	
	label.viewer
	{
		position:relative;
		font-size:12px;
		cursor: pointer;
	}
	
	#viewer_title
	{
		position:relative;
		font-size:20px;
		font-weight:bold;
		
	}
	
	#viewer_cls
	{
		position:relative;
		cursor:pointer;
		font-weight:bold;
	}
	
	#viewer_main
	{
		position:relative;
		min-width:100px;
		min-height:100px;
		margin:45px auto;
		
		
		text-align:center;
		
		
	}
	
	#viewer_imgs
	{
		position:relative;
		width:100%;
		white-space: nowrap;
		padding: 10px 0px;
		background:#efefef;
		overflow: auto;
	}
	
	#viewer_img
	{
		position:relative;
		min-width:100px;
		box-shadow:0px 0px 2px 1px #888888;
		background:white;
		padding: 5px 10px;
	}
	
	
	#viewer_img_1, #viewer_img_2, #viewer_img_3, #viewer_img_4 
	{
		position:relative;
		min-width:100px;
		box-shadow:0px 0px 2px 1px #888888;
		background:white;
		padding: 5px 10px;
		display: none;
	}
	
	#viewer_video
	{
		position:relative;
		width:90%;
		height:90%;
		box-shadow:0px 0px 2px 1px #888888;
		background:black;
		display:none;
	}
	
	#viewer_audio
	{
		position:relative;
		
		
	}
	
	
}





@media screen and (min-width: 780px) 
{
	
	
	
	
	#viewer
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		font-family:arial,sans-serif;
		z-index: 1010;
		display: none;
		background:white;
		overflow: auto;
	}
	
	#viewer_header_top
	{
		position:absolute;
		top:0px;
		left:0px;
		padding:5px 0px;
		text-align:right;
		white-space:nowrap;
	}
	
	#viewer_header_right
	{
		position:absolute;
		top:0px;
		right:0px;
		padding:5px 0px;
		text-align:right;
		margin:40px 0px 0px 0px;
		z-index: 1020;
		background:white;
		box-shadow:0px 0px 2px 1px #888888;
	}
	
	.viewer_header_item
	{
		position:relative;
		margin:5px 10px;
		display:inline-block;
		vertical-align:top;
		
		
	}
	.viewer_header_item_right
	{
		position:relative;
		margin:10px 10px;
		cursor: pointer;
	
	}
	
	label.viewer
	{
		position:relative;
		font-size:12px;
		cursor: pointer;
	}
	
	#viewer_title
	{
		position:relative;
		font-size:20px;
		font-weight:bold;
		
	}
	
	#viewer_cls
	{
		position:relative;
		cursor:pointer;
		font-weight:bold;
	}
	
	#viewer_main
	{
		position:relative;
		min-width:100px;
		min-height:100px;
		margin:45px auto;
		
		
		text-align:center;
		
		
	}
	
	#viewer_imgs
	{
		position:relative;
		width:100%;
		white-space: nowrap;
		padding: 10px 0px;
		background:#efefef;
		overflow: auto;
	}
	
	#viewer_img
	{
		position:relative;
		min-width:100px;
		box-shadow:0px 0px 2px 1px #888888;
		background:white;
		padding: 5px 10px;
	}
	
	
	#viewer_img_1, #viewer_img_2, #viewer_img_3, #viewer_img_4 
	{
		position:relative;
		min-width:100px;
		box-shadow:0px 0px 2px 1px #888888;
		background:white;
		padding: 5px 10px;
		display: none;
	}
	
	#viewer_video
	{
		position:relative;
		width:90%;
		height:90%;
		box-shadow:0px 0px 2px 1px #888888;
		background:black;
		display:none;
	}
	
	#viewer_audio
	{
		position:relative;
		
		
	}
	



}

/* Mobile */
@media only screen and (max-width: 220px) 
{
	
	
	
	#viewer
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		font-family:arial,sans-serif;
		z-index: 1010;
		display: none;
		background:white;
		overflow: auto;
	}
	
	#viewer_header_top
	{
		position:absolute;
		top:0px;
		left:0px;
		padding:5px 0px;
		text-align:right;
		white-space:nowrap;
	}
	
	#viewer_header_right
	{
		position:absolute;
		top:0px;
		right:0px;
		padding:5px 0px;
		text-align:right;
		margin:40px 0px 0px 0px;
		z-index: 1020;
		background:white;
		box-shadow:0px 0px 2px 1px #888888;
	}
	
	.viewer_header_item
	{
		position:relative;
		margin:5px 10px;
		display:inline-block;
		vertical-align:top;
		
		
	}
	.viewer_header_item_right
	{
		position:relative;
		margin:10px 10px;
		cursor: pointer;
	
	}
	
	label.viewer
	{
		position:relative;
		font-size:12px;
		cursor: pointer;
	}
	
	#viewer_title
	{
		position:relative;
		font-size:20px;
		font-weight:bold;
		
	}
	
	#viewer_cls
	{
		position:relative;
		cursor:pointer;
		font-weight:bold;
	}
	
	#viewer_main
	{
		position:relative;
		min-width:100px;
		min-height:100px;
		margin:45px auto;
		
		
		text-align:center;
		
		
	}
	
	#viewer_imgs
	{
		position:relative;
		width:100%;
		white-space: nowrap;
		padding: 10px 0px;
		background:#efefef;
		overflow: auto;
	}
	
	#viewer_img
	{
		position:relative;
		min-width:100px;
		box-shadow:0px 0px 2px 1px #888888;
		background:white;
		padding: 5px 10px;
	}
	
	
	#viewer_img_1, #viewer_img_2, #viewer_img_3, #viewer_img_4 
	{
		position:relative;
		min-width:100px;
		box-shadow:0px 0px 2px 1px #888888;
		background:white;
		padding: 5px 10px;
		display: none;
	}
	
	#viewer_video
	{
		position:relative;
		width:90%;
		height:90%;
		box-shadow:0px 0px 2px 1px #888888;
		background:black;
		display:none;
	}
	
	#viewer_audio
	{
		position:relative;
		
		
	}
	


}

/* Mobile */
@media only screen and (min-width: 230px)  and (max-width: 360px) 
{
	
	
	
	#viewer
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		font-family:arial,sans-serif;
		z-index: 1010;
		display: none;
		background:white;
		overflow: auto;
	}
	
	#viewer_header_top
	{
		position:absolute;
		top:0px;
		left:0px;
		padding:5px 0px;
		text-align:right;
		white-space:nowrap;
	}
	
	#viewer_header_right
	{
		position:absolute;
		top:0px;
		right:0px;
		padding:5px 0px;
		text-align:right;
		margin:40px 0px 0px 0px;
		z-index: 1020;
		background:white;
		box-shadow:0px 0px 2px 1px #888888;
	}
	
	.viewer_header_item
	{
		position:relative;
		margin:5px 10px;
		display:inline-block;
		vertical-align:top;
		
		
	}
	.viewer_header_item_right
	{
		position:relative;
		margin:10px 10px;
		cursor: pointer;
	
	}
	
	label.viewer
	{
		position:relative;
		font-size:12px;
		cursor: pointer;
	}
	
	#viewer_title
	{
		position:relative;
		font-size:20px;
		font-weight:bold;
		
	}
	
	#viewer_cls
	{
		position:relative;
		cursor:pointer;
		font-weight:bold;
	}
	
	#viewer_main
	{
		position:relative;
		min-width:100px;
		min-height:100px;
		margin:45px auto;
		
		
		text-align:center;
		
		
	}
	
	#viewer_imgs
	{
		position:relative;
		width:100%;
		white-space: nowrap;
		padding: 10px 0px;
		background:#efefef;
		overflow: auto;
	}
	
	#viewer_img
	{
		position:relative;
		min-width:100px;
		box-shadow:0px 0px 2px 1px #888888;
		background:white;
		padding: 5px 10px;
	}
	
	
	#viewer_img_1, #viewer_img_2, #viewer_img_3, #viewer_img_4 
	{
		position:relative;
		min-width:100px;
		box-shadow:0px 0px 2px 1px #888888;
		background:white;
		padding: 5px 10px;
		display: none;
	}
	
	#viewer_video
	{
		position:relative;
		width:90%;
		height:90%;
		box-shadow:0px 0px 2px 1px #888888;
		background:black;
		display:none;
	}
	
	#viewer_audio
	{
		position:relative;
		
		
	}
	



}



/* Tablet **/
@media screen and (max-width: 770px) and (min-width: 400px)
{

	
	
	
	#viewer
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		font-family:arial,sans-serif;
		z-index: 1010;
		display: none;
		background:white;
		overflow: auto;
	}
	
	#viewer_header_top
	{
		position:absolute;
		top:0px;
		left:0px;
		padding:5px 0px;
		text-align:right;
		white-space:nowrap;
	}
	
	#viewer_header_right
	{
		position:absolute;
		top:0px;
		right:0px;
		padding:5px 0px;
		text-align:right;
		margin:40px 0px 0px 0px;
		z-index: 1020;
		background:white;
		box-shadow:0px 0px 2px 1px #888888;
	}
	
	.viewer_header_item
	{
		position:relative;
		margin:5px 10px;
		display:inline-block;
		vertical-align:top;
		
		
	}
	.viewer_header_item_right
	{
		position:relative;
		margin:10px 10px;
		cursor: pointer;
	
	}
	
	label.viewer
	{
		position:relative;
		font-size:12px;
		cursor: pointer;
	}
	
	#viewer_title
	{
		position:relative;
		font-size:20px;
		font-weight:bold;
		
	}
	
	#viewer_cls
	{
		position:relative;
		cursor:pointer;
		font-weight:bold;
	}
	
	#viewer_main
	{
		position:relative;
		min-width:100px;
		min-height:100px;
		margin:45px auto;
		
		
		text-align:center;
		
		
	}
	
	#viewer_imgs
	{
		position:relative;
		width:100%;
		white-space: nowrap;
		padding: 10px 0px;
		background:#efefef;
		overflow: auto;
	}
	
	#viewer_img
	{
		position:relative;
		min-width:100px;
		box-shadow:0px 0px 2px 1px #888888;
		background:white;
		padding: 5px 10px;
	}
	
	
	#viewer_img_1, #viewer_img_2, #viewer_img_3, #viewer_img_4 
	{
		position:relative;
		min-width:100px;
		box-shadow:0px 0px 2px 1px #888888;
		background:white;
		padding: 5px 10px;
		display: none;
	}
	
	#viewer_video
	{
		position:relative;
		width:90%;
		height:90%;
		box-shadow:0px 0px 2px 1px #888888;
		background:black;
		display:none;
	}
	
	#viewer_audio
	{
		position:relative;
		
		
	}
	


}