/* CSS Document */

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
}

/* #### Desktops #### */
@media screen and (max-width: 945px){
  /* some CSS here */
  
	#Navigation
	{
		width:100%;
		height:40px;
		border-right:none;
		overflow: hidden;	
		
		-moz-transition: height 1s ease;
		-webkit-transition: height 1s ease;
		-o-transition: height 1s ease;
		transition: height 1s ease;			
	}
#Navigation .Logo{
	height: 40px;
}
#Navigation .Logo img{
	height: 40px;
}
	
	
	#Navigation #btn_Menu
	{
		display: block;
	}
	
	#Navigation.Active
	{
		height:400px;
		overflow-y: scroll;
	}
	
	#Navigation #NavInfo
	{
		width: 100%;
		position: relative;
	}
	
	#ContentWrapper{
		padding: 0px;
	}
	
	#AlbumWrapper .Album
	{
		height: 100%;
	}
	
	
	#LoadingPopup
	{
		background-size:50%;
	}
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-width: 640px){
  /* some CSS here */  
	
	#AlbumWrapper .Album
	{
		float: none;
		width: 100%;
		height: 50%;
	}
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */
}