html{
	-webkit-text-size-adjust:100%;
}
#mobile_menu{
	display:none;
}
.mobile_logo{
	display:none;
}
.show_home_mobile{
	display:none;
}

.elementWidth{
	width:18%;
}
.gutter-sizer{
	width:2%;
}


@media screen and (max-width: 630px){
	.hide_home_mobile{
		display:none;
	}
	.show_home_mobile{
		display:block;
	}
	#homepage_new.mobile_full_width,
	.mobile_full_width{
		width:100%;
	}
	.full_row_video iframe{
		height:200px;
	}
	.full_row.noMobileTop{
		padding-top:0px;
		margin-top:0px;
	}
	.mobile_full_width .home_wrap,
	.mobile_full_width .full_row_details{
		width:80%;
		margin-left:10%;
	}
	
}


@media screen and (max-width:978px){
	body .fancybox-close{
		right:0px!important;
	}
	.elementWidth{
		width:32%;
	}	
	.gutter_sizer{
		width:6%;
	}
	
	
	.get_in_touch_link a,
	.learn_more, .input_submit input{
		padding:10px 30px;
	}
	.full_row_video{
		width:100%;
		margin:0px;
		text-align:center;
	}
	.custom_slide .ms-inner-controls-cont{
		margin-right:0px;
	}
	.full_row_details{
		width:100%;
		margin:0px;
		padding-top:40px;
	}
	.container_wrapper{
		width:100%;
		padding-top:0px;
	}
	#secondary{
		margin-bottom:20px;
	}
	.page-template-page-links .project_header_new,
	#step_one .project_header{
		background: #FED96D;
		background-image:none!important;
	}
	#logo .mobile_logo{
		display:inline;
	}
	.mobile_logo{
		display:inline;
		margin-top:20px;
		margin-left:15px;
		margin-left:0px;
	}
	.main_logo{
		display:none;
	}
	#mobile_menu .close{
		display:none;
	}
	#mobile_menu.showMobileMenu .close{
		display:block;
	}
	#mobile_menu.showMobileMenu .normal{
		display:none;
	}
	
	#mobile_menu{
		display: inline;
		float: right;
		display: inline;
		position: absolute;
		top: 24px;
		right: 0;
		margin-right: 15px;
		margin-right:0px;
		cursor: pointer;
		margin-right:5%;
	}
	.menu_float {
		width: 185px;
		padding-right: 15px;
		height: 24px;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.menu_wrapper.showMobileMenu {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		visibility: visible;
		position:relative;
		z-index:9999;
	}
	.showMobileMenu #main_content,
	.showMobileMenu .full_row,
	.showMobileMenu .footer_gradient_bottom,
	.showMobileMenu #footer_ac{
		display:none;
	}
	.showMobileMenu body{
		height:100%;
	}
	.showMobileMenu .menu_wrapper{
		height:65%;
	}
	#menu_nav a{
		display:block;
		margin-right:0px;
		margin-left:0px;
		margin-bottom:4px;
		text-align:center;
		font-size:18px;
		margin-bottom: 20px;
	}
	#menu_nav{
		margin-top:0px;
	}

	.gutterSize{
		width:19px;
	}
	.guterWidth{
		width:19px;
	}
	#containerIso{
		/* width:90%!important; */
	}
	.menu_wrapper{
		max-width: 1225px;
		height: 92px;
		margin: 0px auto;
		width: 90%;
		min-width: 980px;
		
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		position: absolute;
		top: 60px;
		right: 0;
		width: 200px;
		padding-right:0px;
		min-width: 200px;
		min-width:100%;
		width:100%;
		height: auto;
		text-align: right;
		visibility: hidden;
		background-color: #000;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.hidemobile{
		display:none;
	}
	#logo{
		float:left;
		display:inline;
		width:200px;
		margin-left:5%;
	}
	#menu_nav{
		display:none;
		width:100%;
	}
	.showMobileMenu #menu_nav{
		display:block;
	}
	img{
		max-width:100%;
		height:auto;
	}
	#header_lines{
		min-width:100%;
		height:158px;
	}
	#main_content{
		width:100%;
	}
	#vimeo{
		width:100%;
		background-image:none;
		height:auto;
	}
	.singleCell{
		width:100%;
		margin-left:0px;
		overflow:visible;
	}
	.vimeo_wrapper iframe,
	.singleCell img{
		width: 90%;
		background-image: url('images/homepage_glow.png');
		background-size: 100%;
		padding: 5%;
		padding-top: 3.2%;
		
	}
	#step_one{
		width:90%;
		margin-left:5%;
	}
	.page-template-page-links .project_header_new,	
	#step_one .project_header{
		width:100%!important;
		height:auto!important;
		margin-bottom:40px;
		background-image: url('images/black_14.png');
		padding-top:20px;
	}
	#step_two .project_header{
		background-image: url('images/black_14.png');
	}
	.page-template-page-links .videoWrapper{
		width:90%;
		margin-left:5%;
	}
	.page-template-page-links iframe,
	#step_one .featured_image img{
		width:90%;
	}
	.noOverflow{
		overflow:hidden;
	}
	html.showMobileMenu{
		height:100%!important;
		max-height:100%!important;
		min-height:100%!important;
		overflow:hidden!important;
		position:fixed!important;
	}
	#header_lines.showMobileMenu{
		position:fixed;
		float:left;
		display:inline;
		height:100%;
		background-color:#000;
		
		z-index:99999;
		position:relative;
	}
	.menu_wrapper{
		display:table!important;
		height:85%;
	}
	.page-template-page-fyc-new-php #main_content{
		margin-bottom:30px;
	}
	#menu_nav{
		display:table-cell!important;
		vertical-align:middle;
	}
	.fancybox-wrap{
		position: fixed!important;
	}
	.featured_image{
		width:100%;
		height:auto;
		text-align:center;
	}
	.featured_image{
		display:block;
		margin:0px auto;
	}
	.page-template-page-links .featured_text_new,
	.featured_text{
		width:100%;
		padding-top:10px;
		height:auto;
		background-image:none;
		background-color:transparent;
		padding-bottom:10px;
	}
	body .fap-main-controls{
		left: 50%;
		margin-left: -53px;
		width:105px;
	}
	body .fap-timebar,
	body .fap-volume-wrapper{
		display:none!important;
	}
	#primary{
		width:90%;
		margin-left:5%;
	}
	#step_two #primary{
		padding-left:5%;
		padding-right:5%;
	}
	.page-template-page-music-new .container_wrapper{
		padding-bottom:0px;
	}
	.c_2,.c_4{
		display:none;
	}
	.c_1,.c_3{
		width:45%;
		margin:0px;
		margin-left:2.5%;
		margin-right:2.5%;
	}
	#primary_header{
		width:100%;
		height:auto;
	}
	.page-template-page-links .featured_image{
		margin-bottom:10px;
	}
	.page-template-page-links .project_header_new,
	#primary_header .project_header{
		width:90%!important;
		height:auto!important;
		margin-left:5%;
	}
	#secondary{
		display:none;
	}
	#step_two .project_header{
		position:relative;
	}
	.cues_header,
	.cues li{
		width:90%;
		margin-left:5%;
		word-wrap:break-word;
	}
	.fancybox-inner{
		width:100%!important;
	}
	.box_right{
		width:45%;
		margin:32px 0px;
		padding-right:5%;
		padding-left:0px;
	}
	.box_left{
		margin:0px;
		width:40%;
		padding-left:5%;
		padding-right:5%;
	}
	.box_right img{
		/* float:right; */
	}
	.fancybox-opened{
		width:90%!important;
		left:5%!important;
	}
	.element{
		margin-left:0px; 
	}
	#fap-ui-nav{
		float:none!important;
		margin:0px auto!important;
		width:116px!important;
	}
	#player_here{
		width:100%;
	}
	#player_here #fap-wrapper,
	#player_here #fap-main{
		width:100%!important;
	}
	#fap-volume-sign,#fap-volume-bar,
	#fap-time-bar{
		display:none;
	}
	.project_header{
		width:100%;
		height:auto;
	}
	#vimeo{
		width:90%!important;
		background-position:top center!important;
		background-image:none!important;
		margin-left:5%!important;
		height:auto!important;
	}
	/* .page-template-page-homepage-php */ #vimeo{
		width:100%!important;
		margin-left:0%!important;
		
	}
	
	.page-template-page-fyc-new-php #vimeo iframe{
		height:auto!important;
		top:0px;
		
		position: absolute!important;
		top: 0!important;
		left: 0!important;
		width: 100%!important;
		height: 100%!important;
		
		width:86%!important;
		height:86%!important;
		background-image: url('images/fyc_2014_glow.png')!important;
		background-image: url('images/fyc_vimeo_bg.png')!important;
		background-size: 100%!important;
		padding: 7%!important;
		padding-top: 2.7%!important;
		padding-bottom: 4%!important;
		/* padding-right: 8%!important; */
		background-repeat:no-repeat;
	}
	.page-template-page-fyc-new-php #vimeo.firstVideo{
		margin-top:0px!important;
	}
	.page-template-page-fyc-new-php #vimeo{
		padding-bottom:0px;
		margin-top:0px!important;
		margin-bottom:30px!important;
		
		
		float:left;
		display:inline;
		
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		/* padding-top: 25px; */
		height: 0;
		
		margin-bottom:-4.4%!important;
	}
	.marginTop{
		margin-top:30px!important;
	}
	
	
	.contact_secondary{
		display:block!important;
		width:80%!important;
		padding-left:5%!important;
		padding-right:5%!important;
		margin-left:5%!important;
	}
	.input_textarea textarea,
	.input_field input{
		width:90%!important;
		padding-left:5%!important;
		padding-right:5%!important;
		max-width:90%!important;
		min-width:90%!important;
	}
	.fancybox-close{
		background-size:36px 36px!important;
		width:36px!important;
		height:36px!important;
		/* top:0px!important; */
		/* right:0px!important; */
	}
	p.input_textarea{
		width:100%;
	}
	input {
		-webkit-appearance: none;
		border-radius: 0;
	}
	.input_textarea,
	.input_field input{
		/* background-color:white; */
	}
	h3.contact_h3{
		margin-top:0px!important;
	}
	#header_lines{
		min-width:90%!important;
		background-image:none;
		height:100px;
		position:relative;
		z-index:3;
		/* width:90%; */
		/* margin-left:5%; */
	}
	#footer{
		/* background-image:none; */
		/* background-color:#000000; */
	}
	.fancybox-wrap{
		top:40px!important;
	}
	#vimeo iframe{
		width:100%!important;
		position:relative!important;
		left:0px!important;
	}
	.showMobile{
		display:inline;
		width:100%;
		text-align:center;
		float:left;
	}
	.showMobile img{
		display:block;
		margin:0px auto;
	}
	#footer_photos{
		background-image:none;
	}
	#footer{
		/* display:none; */
	}
	html,body{
		height:auto;
		background-color:#000;
	}
}


@media screen and (min-width:501px){
	.box_right{
		height:446px!important;
	}
}
@media screen and (max-width:500px){
	.box_left{
		float:left;
		width:70%!important;
		padding:0px!important;
		display:inline;
		margin-left:5%;
		height:40%;
		height:auto!important;
	}
	.box_right{
		float:left;
		width:90%!important;
		padding:0px!important;
		text-align:center;
		padding-top:10%!important;
		padding-bottom:0px!important;
		height:50%;
		padding-left:5%!important;
		
		padding-top:0px!important;
		margin-bottom:0px!important;
		/* height:auto!important; */
		text-align:left;
		margin-top:10px;
	}
	.fancybox-wrap .fancybox-skin .fancybox-inner{
		background-color: #FDD86D;
		background-image: linear-gradient(180deg, #FDD86D 0%, #FAAF3B 100%);
		color: #000;	
		max-height:90%;
	}
	body .box_right img{
		float:none;
		/* float:none!important;
		width:100%;
		height:auto!important;
		max-height:none!important; */
	}
	body .bix_black_box{
		float:left;
		height:100%;
	}
	body .elementWidth{
		width:48%;
	}		
	body .gutter-sizer{
		width:4%;
	}
	
	#containerIso{
		width:100%!important;
	}
}


@media screen and (max-height: 600px) and (min-width:500px){
	.box_right img{
		/* height:80%;
		padding-top:10%;
		padding-bottom:10%; */
	}
	.box_right{
		height:100%;
		padding-top:0px;
		padding-bottom:0px;
	}
	.bix_black_box{
		float:left;
		height:100%;
	}
	.box_left{
		float:left;
		display:inline;
		width:40%;
		padding-left:5%;
		height:100%;
		margin-right:0px!important;
		padding-right:5%!important;
	}
	.box_right{
		float:left;
		display:inline;
		width:45%;
		margin-left:0%;
		padding-left:0%!important;
		padding-right:5%;
		height:80%!important;
		margin-top:5%!important;
	}
	
}