/**************************************
									  
============   StarMaker  =============
									
**************************************/

	.festival_logo{
		position:relative;	
		}
	#celebrate{
		margin:-25px 0 0 150px;	
	}
	.starmaker_web, #starmaker_desktop, #phone{
		position:relative;	
		}
	#phone{
		margin:-500px 0 0 80%;	
		z-index: 10;
	}
	
/**********************************************/
/*										   	  */
/*        STARMAKER DESKTOP ANIMATION         */
/*										   	  */
/**********************************************/
	
	#starmaker_desktop_viewer {
		position: relative;
		padding-top: 24px;
		}	
	#starmaker_desktop_frame {	
		position: relative;
		top: -36px;
		width: 100%;
		z-index: 5;
		}
	#starmaker_desktop_container {
		position: relative;
		width: 100%;
		}			
	#starmaker_desktop_container > img { 
		width: 94%;
		position:absolute;
		left:3%;
		color: transparent;
		z-index: 1;
		}
	#starmaker_desktop_container > img.active { 
		z-index: 3;
		}

	
@media only screen and (max-width : 900px) 
{
	
}	
@media only screen and (max-width : 768px) 
{
	#celebrate{
		margin:-20px 0 0 40px;	
	}
	#phone{
		margin:-480px 0 0 80%;	
	}
	#starmaker_desktop_frame {	
		top: -25px;

	}
	
}
@media only screen and (max-width : 640px) 
{
	

}
@media only screen and (max-width : 480px) 
{
	#phone{
		display:none;	
	}
	#starmaker_desktop_viewer {
		padding-top: 14px;
	}
	#starmaker_desktop_frame {	
		top: -15px;

	}
}
@media only screen and (max-width : 360px) 
{

	#starmaker_desktop_viewer {
		padding-top: 0px;
	}
	#starmaker_desktop_frame {	
		top: -10px;

	}
}