/* This stylesheet is used to style the public view of the plugin. */

#left_side_click{
	/*position: absolute;*/
	position: fixed !important;
	float:left;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 1004;
}

#right_side_click{
	/*position: absolute;*/
	position: fixed !important;
	float:right;
	right: 0;
	top: 0;
	height: 100%;
	z-index: 1004;
}

/*  TABLET  : 1024px */
@media only screen and ( max-width: 1024px )
{
	/*
	body
	{
		background-size: 1200px 1200px !important;
	}
	
	.background-cover
	{
		background-size: 1200px 1200px !important;
	}
	*/
}

/* TABLET  : 768px */
@media only screen and (max-width: 985px) and (min-width: 768px)
{
	body
	{
		background-size: 1200px 847px !important;

	}
	
	.background-cover
	{
		background-size: 1200px 847px !important;

	}

}

/*  Phone  : 480px */
@media only screen and (max-width: 767px) and (min-width: 480px)
{
	body
	{
		background-size: 750px 529px !important;
		background-position: center top !important;
	}
	
	.background-cover
	{
		background-size: 750px 529px !important;
		background-position: center top !important;
	}
}

/* Phone  : 320px */
@media only screen and (max-width: 479px)
{
	body
	{
		background-size: 475px 335px !important;
		background-position: center top !important;
	}
	
	.background-cover
	{
		background-size: 475px 335px !important;
		background-position: center top !important;
	}
}