#body.template1 { 	width:100%;
				    background-image : url(images/bg-001.png);
				     background-size : 60%;
				   background-repeat : no-repeat;
				 background-position : right top;
				     	  transition : all 0.3s ease-out;}


	#body.template3 { 	width:100%;
				    background-image : url(images/bg-003.svg);
				     background-size : 30%;
				   background-repeat : no-repeat;
				 background-position : right 50px;
				     	  transition : all 0.3s ease-out;}


	#body.template4 { 	width:100%;
				    background-image : url(images/bg-004.svg);
				     background-size : 30%;
				   background-repeat : no-repeat;
				 background-position : right 50px;
				     	  transition : all 0.3s ease-out;}

	#body.template5,
	#body.programme { 	width:100%;
				    background-image : url(images/bg-005.svg);
				     background-size : 20%;
				   background-repeat : no-repeat;
				 background-position : right 50px;
				     	  transition : all 0.3s ease-out;}

	#body.template6,
	#body.archive  { 	width:100%;
				    background-image : url(images/bg-006.svg);
				     background-size : 20%;
				   background-repeat : no-repeat;
				 background-position : right 50px;
				     	  transition : all 0.3s ease-out;}

 	#body.artist .bg-leftcol { background-image:url(images/bg-blue-circle.svg);
 					 background-size : 18%;
				   background-repeat : no-repeat;
				 background-position : left bottom;}


 	#body.col3 .section-bg { background-image:url(images/bg-008.svg);
 					 background-size : 15%;
				   background-repeat : no-repeat;
				 background-position : right bottom;}


	/* ==========================================================================
	    Media Style
	============================================================================= */

	@media only screen and (max-width:1600px) {
	#body.template1 		{ background-position: right 50px;}
	}

	@media only screen and (max-width:1500px) {
	#body.template5, #body.programme 	{ 	background-position : right top; background-size :30%;}
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	#body.template1 { 	width:100%;
				    background-image : url(images/bg-001-ipad-p.svg);
				     background-size : 60%;
				   background-repeat : no-repeat;
				 background-position : right -50px;
				     	  transition : all 0.3s ease-out;}

	#body.template3 { background-size : 50%; }
	#body.template4 { background-size : 43%; }
	#body.template5, #body.programme { background-size : 40%; background-position :right top;}
	#body.template6, #body.archive   { background-size : 40%; background-position :right top;}

 	#body.artist .bg-leftcol { background-size: 30%;}
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	#body.template1 { 	width:100%;
				    background-image : url(images/bg-001-ipad-l.svg);
				     background-size : 60%;
				   background-repeat : no-repeat;
				 background-position : right -20px;
				     	  transition : all 0.3s ease-out;}

	#body.template3 { background-size : 40%; }
 	#body.artist .bg-leftcol { background-size: 30%;}

	}

	@media only screen and (max-width:767px) {
	#body.template1 				{ width:100%; background: transparent;}
    #body.template1 .sp1 .sp1-r 	{   background-image : url(images/bg-001-mobile.svg);
							     background-size : 100%;
							   background-repeat : no-repeat;
							 background-position : 0 top;
							     	  transition : all 0.3s ease-out; 	}
    #body.template1 .sp1 .sp1-r 	{width:calc(100% + 20px); padding-left:20px; margin-left:-20px; padding-top:50px}


	#body.template3 					{ background-position: right 50px; background-size:30%;}				
    #body.template3 .sp1 .sp1-r,
    #body.template4 .sp1 .sp1-r 		{ width:calc(100% + 20px); padding-left:20px; margin-left:-20px; padding-top:0;}
   
    #body.template3 .sp1-title-xl,
    #body.template4 .sp1-title-xl 	{ margin-bottom:30px}
	
	#body.template4 	{ background-image : url(images/bg-004-m.svg); background-position: right 50px; background-size:40%;}				
	#body.template5, #body.programme 	{ background-image : url(images/bg-005-m.svg); background-size : 45%; background-position :right 20px;}
	#body.template6, #body.archive    { background-image : url(images/bg-006-m.svg); background-size : 45%; background-position :right 20px;}

 	#body.artist .bg-leftcol,
 	#body.col3 .section-bg {background-image:none;}
	}