@media all and (max-width: 767px) {
	body {		
		height:auto;
		min-height:100%;
		overflow-x:hidden;
		max-width:100%;
	}

	body * { -webkit-tap-highlight-color: rgba(0,0,0,0); } /* Removes Hover for iTouch Devices  */

	.content-wrapper {
		width:460px; 
	}	

	.content-wrapper-mobile {
		width:100%; 
		max-width:100%;
		min-width: 460px;

		position:relative;
 	}

	#sp-studios-header {
		background-size: auto 30px;
	}

	#sp-studios-header-content {
 		height:100px; 
	}

	#sp-studios-search-container {
		display:none;
	}

	#sp-studios-header-logo {
		background-size: auto 100px;
 		height:100px;
		width: 100px;
	}

	.content-wrapper h2 {
		font-size: 2.2em;
		color:#38383a;
 	}
 
	#sp-studios-header-link {
		display: inline-block;
	  
		margin-top:48px;
		padding-left: 0px;
		text-decoration: none;
		font-size: 2.2em;
		color: #38383a; 
		font-weight: 600;
		letter-spacing: -0.5px;
	}

 	#sp-studios-header-url {
 		top: 4px;
		padding: 0px 15px;
		width: 86px;
		background: #e2e2e2;
		color: #4F4F4E;
 	}

	#sp-studios-search-container {
		display: none;
	}

	.btn {
		padding:7px 15px;
	}

	.btn-link {
		background: #d1d0d0;
	}

	.video-btn {
		padding:2px 15px;
		line-height:1.2;
	}

	#sp-studios-videobtn-container {
		margin-top: 46px;
		width:115px;
	}

	/* MAIN NAVIGATION */
	
	.content-align {
		margin-left:0px;
	}

	#sp-studios-main-navigation-container {
		height:auto; 
		background: none;
	}

	 #studios-main-navigation-mobile {
		display:block;
		vertical-align: middle;
		text-align: center;
		cursor:pointer;
		color:#fff;
		font-size: 1.6em;
		height:auto; 
		text-transform: uppercase;
		background-color:#1d1d1e; 

		/*background:#1d1d1e url(../images/ui/plus-icon.png) 20px 12px no-repeat;
		background-size: 30px 30px;*/
	}

	 #studios-main-navigation-mobile  span {
	 	display: inline-block;
		height: auto;
		width: 460px;
		margin: 0 auto;
		background-image: url(../images/ui/plus-icon.png);
		background-position: 160px 10px;
		background-repeat: no-repeat;
		background-size: 30px 30px;
		padding: 15px 0px;
	 }




	#studios-main-navigation {
		position:relative;
		background: #1d1d1e;
		color:#c6c6c6;
		text-transform: uppercase;
		font-size: 1.6em;
		height:auto; 
		line-height:1;
	 	list-style-type: none;

	 	display:block;
	 	left:0;

	 	width:100%;
	 	min-width: 460px;
	 	 
	 	/* 
	 	-webkit-transition:all .25s linear;
 		-moz-transition:all .25s linear;
 		-o-transition:all .25s linear;
 		-ms-transition: all .25s linear;
  		transition:all.25s linear;
  		*/
		 
  		position:absolute;
  		top:52px;
  		z-index:100;

 	 }


	#studios-main-navigation > li {
 		list-style:none;
	 	position:static;

	 	float: none;
		display: block;
		vertical-align: middle;
		background: #424242;
		border-top:1px solid #242424; 

		width:100%;

	}

	#studios-main-navigation .treatments-navitem-about {
		/*background: #424242 url(../images/ui/nav-shadow.png) 0 0 repeat-x;*/
		background: #424242 url(../images/ui/nav-shadow.png) 0 0 repeat-x;
	}	

	#studios-main-navigation > li a {
		color:#fff;
		text-decoration: none;
	}

	#studios-main-navigation > li > a {
		color:#c6c6c6;
		text-decoration: none;
	 	 
		display:block; 
	 
		vertical-align: middle;
		text-align: center;
		height:auto;
		
 	}	


	#studios-main-navigation .treatments-navitem-about > a span,
	#studios-main-navigation .treatments-navitem-stages-locations > a span,
	#studios-main-navigation .treatments-navitem-rentals-facilities > a span,
	#studios-main-navigation .treatments-navitem-sound > a span,
	#studios-main-navigation .treatments-navitem-picture > a span,
	#studios-main-navigation .treatments-navitem-mastering > a span{
		background-image: url(../images/ui/forward-arrow.png);
		background-position:  20px 8px;
		background-repeat:  no-repeat;
		background-size: 30px 30px;

		display: inline-block;
		height: auto;
		width: 460px;
		margin: 0 auto;

		padding:15px 0px;

	}

	#studios-main-navigation .treatments-navitem-studiotours > a {
		padding:15px 0px;
	}
	


	#studios-main-navigation > li > ul > li > ul {
		display:none;
	}

	#studios-main-navigation > li > ul {
		display:none;
	}	

	#studios-main-navigation > li > ul {
 	 	position:absolute;  
		top:0;
		left:100%;
		 
		padding: 0;
		background: #4a4a4a url(../images/ui/nav-pattern.jpg);
		border-left:none;
		border-right:none;
		border-bottom:1px solid #4b4b4b; 

		width:100%;

		-webkit-transition:all .25s linear;
 		-moz-transition:all .25s linear;
 		-o-transition:all .25s linear;
 		-ms-transition: all .25s linear;
  		transition:all.25s linear;
		 
	}

	#studios-main-navigation > li > ul > li {
		float:none;
		position:static;
		background:none;
		border-top:1px solid #242424;
		/*background: url(../images/ui/nav-divider.png) 0 0 repeat-x;*/
	}

	#studios-main-navigation > li > ul > li > a {
		color:#c6c6c6;
		text-decoration: none;
		text-transform: uppercase;
	 	 
		display:block; 
	 
		vertical-align: middle;
		text-align: center;
		height:auto;
		
		font-weight: 500;
		font-size: 100%;
		 
	}

	#studios-main-navigation > li > ul > li.extend > a {
		padding:0;
	}

	#studios-main-navigation > li > ul > li > a > span {
		padding:15px 0px;
		
		background-image: url(../images/ui/plus-icon.png);
		background-position: 20px 8px;
		background-repeat: no-repeat;
		background-size: 30px 30px;

		width: 460px;
		margin: 0 auto;
		display: inline-block;
	}

	#studios-main-navigation > li > ul > li:first-child   {
		background:none; 
	}	
	 
	#studios-main-navigation > li > ul > li > ul {
		position:static;
		 
 	}

	#studios-main-navigation > li > ul > li > ul > li {
	 	float:none;
		position:static;
		background:none;
		padding: 0;
		border-top:1px solid #b5b5b5;
		background: #cac9c9;
	}

	#studios-main-navigation > li > ul > li > ul > li > a {
		color:#38383a;
		text-decoration: none;
		text-transform: uppercase;
	 	 
		display:block; 
	 
		vertical-align: middle;
		text-align: center;
		height:auto;
		padding:15px 0px;

		font-size: 100%;
		font-weight: 500;

	} 


	#studios-main-navigation > li > ul > li.extend  {
		background: #424242;
	}

	#studios-main-navigation > li > ul  .mobile-back {
		display:block;
		background: #242424 url(../images/ui/nav-shadow.png) 0 0 repeat-x; 
	}

	#studios-main-navigation > li > ul .mobile-back span {
	 	display:block;
		vertical-align: middle;
		text-align: center;
		cursor:pointer;
		padding:15px 0px;
		color:#fff;
		height:auto; 
		text-transform: uppercase;
 		background:transparent url(../images/ui/back-arrow.png) 20px 8px no-repeat;
 		background-size: 30px 30px;
 		width:460px;
 		margin:0 auto;
	}	

 
	#studios-main-navigation .treatments-navitem-about > ul {
		width: 100%;
	}

	#studios-main-navigation .treatments-navitem-stages-locations > ul {
		width: 100%;
	}

	#studios-main-navigation .treatments-navitem-rentals-facilities > ul {
		width: 100%;
	}

	#studios-main-navigation .treatments-navitem-sound > ul {
		width: 100%;
	}

	#studios-main-navigation .treatments-navitem-picture > ul {
		width: 100%;
	}

	#studios-main-navigation .treatments-navitem-mastering > ul {
		width: 100%;
	}



/*
	#studios-main-navigation.collapsed > li {
		display:none;
	}
*/	
	#studios-main-navigation.collapsed   {
		display:none;

		-webkit-transition:all .25s linear;
 		-moz-transition:all .25s linear;
 		-o-transition:all .25s linear;
 		-ms-transition: all .25s linear;
  		transition:all.25s linear;
	}

	#studios-main-navigation-mobile.expanded span {
		background:#1d1d1e url(../images/ui/minus-icon.png) 160px 10px no-repeat;
		background-size: 30px 30px;
	}

	#studios-main-navigation > li > ul.selected  {
		display:block;


		-webkit-transition:all .25s linear;
 		-moz-transition:all .25s linear;
 		-o-transition:all .25s linear;
 		-ms-transition: all .25s linear;
  		transition:all.25s linear;
		/*
		-webkit-transition:all 0.5s ease-in-out;
 		-moz-transition:all 0.5s ease-in-out;
 		-o-transition:all 0.5s ease-in-out;
 		-ms-transition: all 0.5s ease-in-out;   
  		transition:all 0.5s ease-in-out;
  		*/
	}

	#studios-main-navigation > li > ul > li > ul.selected {
		display:block;
	}

	#studios-main-navigation > li > ul > li.extend.expanded {
		background:#1d1d1e; 
	}

	#studios-main-navigation > li > ul > li.extend.expanded  span {
		background-image:url(../images/ui/minus-icon.png);
		background-position:  20px 8px;
		background-repeat:  no-repeat;
		background-size: 30px 30px;
	}

	#studios-main-navigation > li > ul > li.extend.expanded  ul {
		display:block;

		-webkit-transition:all .25s linear;
 		-moz-transition:all .25s linear;
 		-o-transition:all .25s linear;
 		-ms-transition: all .25s linear;
  		transition:all.25s linear;
		/*
		-webkit-transition:all 0.5s ease-in-out;
 		-moz-transition:all 0.5s ease-in-out;
 		-o-transition:all 0.5s ease-in-out;
 		-ms-transition: all 0.5s ease-in-out;   
  		transition:all 0.5s ease-in-out;
  		*/
	}		

  

		#studios-main-navigation .treatments-navitem-about > ul > li > ul ,
		#studios-main-navigation .treatments-navitem-stages-locations> ul > li > ul ,
		#studios-main-navigation .treatments-navitem-rentals-facilities > ul > li > ul ,
		#studios-main-navigation .treatments-navitem-sound > ul > li > ul ,
		#studios-main-navigation .treatments-navitem-picture > ul > li > ul ,
		#studios-main-navigation .treatments-navitem-mastering > ul > li > ul {
			width: 100%;
		}	
		
/* MAIN NAVIGATION */


/* MAIN FOOTER */

	.studios-footer-contact-group {
		background: none;
		margin-left: 20px;
	}

	.studios-footer-contact-group p, .studios-footer-contact-group a {
		font-size: 1.4em;
	}

	.studios-footer-info-group {
		clear: both;
 		margin-top: 10px;
		margin-left: 20px;
		float:left;
	}

	.studios-footer-info-group ul li {
		float: none;
		margin: 10px 0px;
	}

	.studios-footer-legals {
		margin-left:20px;
	}

	.studios-footer-legals ul .copyrights {
		float:none;
		clear: both;
		padding-top: 10px;
	}

/* MAIN FOOTER */

/* CONTENT */


/* CONTENT */

	.topoffset {
		/*margin-top: 0px;*/
	}

	.info-containers-wrapper {
 		margin-left: 5px;
 		width:auto;
	}

	#sp-studios-social-content {
		width: 95%;
		margin: 0 auto;
	}

	.strip-title {
		width:90%;
	}

	#studios-sub-navigation-container {
		display:none;
	}

	#tabs-container {
 		width: 98%; 
		margin: 0 auto;
 	}

 	.tabs-content > h2 {
 		font-size: 1.6em;
 		background: url(../images/ui/tab-status-open.png) 0px 7px no-repeat;
 		background-size:25px auto;
 		padding-left:33px;
	}

	.tabs-content.selected > h2 {
		background: url(../images/ui/tab-status-close.png) 0px 7px no-repeat;
		background-size:25px auto;
	}

 	.tabs-content .tab-info-content  {
  		padding: 10px 0px 10px 0px;
 	}

 	.tabs-content .tab-info-content:first-child {
 		padding: 10px 0px 10px 0px;
	}

 	.tabs-content .tab-info-content .content {
 		width: 100%;
 		margin-left: 5px;
 		margin-top: 5px;
 	}

 	.tabs-content .tab-info-content .header {
		font-size: 1.8em;
		line-height: 1.8;
	}

	.tabs-content .tab-info-content .features {
 		margin: 0px 25px 0px 0px;
 		float:left;
	}


	.sub-tabs-content > h3 {
 		font-size: 1.4em;
 		background: url(../images/ui/tab-status.png) 0px 6px no-repeat;
 		background-size:23px auto;
 		padding-left:33px;
	}

	.sub-tabs-content.subselected > h3 {
		background: url(../images/ui/tab-status.png) 0px -22px no-repeat;
		background-size:23px auto;
	}

 	.sub-tabs-content .sub-tab-info-content  {
 	/*	margin-left:10px;*/
 		 
 	}

 	.sub-tabs-content .sub-tab-info-content .content {
 		width: 100%;
 		margin-left: 5px;
 		margin-top: 5px;
 	}

 	.sub-tabs-content .sub-tab-info-content .header {
		font-size: 1.8em;
		line-height: 1.8;
	}

	.sub-tabs-content .sub-tab-info-content .features {
 		margin: 0px 25px 0px 0px;
 		float:left;
	}
 
	.info-grid {
		margin-left: 7px;
	}

	.info-grid ul li { 
		width: 66px;
		border-left:2px solid #e2e2e2;
	}	

	.info-grid ul li.wide {
		width:97px;
		max-width: 97px;
	}

	.info-grid ul li.narrow {
		width:35px;
		max-width: 35px;
	}
	.info-grid ul li .button {
		width: 40px;
	}

	.members-profiles  {
		width: 355px;
		margin: 0 auto;
		padding:0;
	}

	.header-actions {
		position: static;
	}

	.sitemap {
		float: left;
		margin-right: 30px;
		width: 218px;
	}

	#page-container { 
		-moz-box-shadow:none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.inner-content {
		position: relative;
		padding: 0px 20px 0px 5px;
	}

	.bottom-content {
		padding: 20px 0px 20px 30px;
	}


	.bottom-content > div h3 {
		font-size: 1.8em;
	}	

	.bottom-content > div p {
		font-size: 1.2em;
	}

	.bottom-content .bottom-content-section {
		min-height: 1px;
		float:none;
		padding: 0px 0px 20px 0px;
		background: none;
	}

	.bottom-content .bottom-content-section > div {
  		float: none;
	}

	.bottom-content .last-section {
		background: none;
		padding: 0px;
	}

	.bottom-content .bottom-content-section .left-offset {
		margin-left: 0px;
	}

	#studios-overlay-container {
		width:460px; 
		max-width: 460px;
	}

	#studios-overlay-container img {
		max-height:inherit;
		max-width:100%;
		display: block;
		margin: 0 auto;
	}



	.studios-thumb-gallery ul li {
		float: left;
		width: 220px;
		margin: 0px 0px 10px 5px;
	}

	.studios-thumb-gallery ul li img {
	}

	.studios-thumb-gallery ul li:first-child {
		margin: 0px 0px 10px 5px;
	}

	.studios-thumb-gallery ul li .preview {
		width:210px;
		height: 150px;
	}

	.credits-grid ul li {
		min-width:128px;
		width:128px;
	}	

}