/*------------------------------------------------------

	Theme Name: ... - version 1.0
	Type: Responsive framework
	Author: unlimitDesign
	Author URI: http://themeforest.net/user/udfrance

------------------------------------------------------*/

/*Desktop Layout+

-----------------------------------------------*/


@media only screen and (min-width: 1199px)  {

	/*----------------------------
	ii.-- Header
	-----------------------------*/
	
		/* main menu
		----------------------------*/

		.header ul.navigation{display:table !important;}
		
		
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {

	/*----------------------------
	i.-- Page
	-----------------------------*/
	
	.homepage,.page{position: inherit;}
	.page .content{max-width:870px;margin:auto;position:relative;}
	.page .teaser{background-attachment:scroll; background-position:center center;}
	
	/*----------------------------
	ii.-- Header
	-----------------------------*/

	/*homepage*/
	.tab-homepage {background-attachment: inherit; position:absolute;}

	/*inner pages*/
	.header {display:block;}
	.header .inner{max-width:870px;margin:auto;}
	
		/* main menu
		----------------------------*/

		.header ul.navigation{display:table !important;}
	

	/*----------------------------
	ii.-- Content
	-----------------------------*/	

	/*portfolio
	----------------------------*/

	/*navigation*/
	#folio-navigation{width:1010px;height:40px;position:absolute;margin:auto; top:50%;left:50%;margin:-20px 0 0 -505px;}
	
	/*project-display*/
	#ajaxpage{width:870px;}
	.project-display {width:600px;}
	
	.flex h1, .flex div.folio-title-sub {
		width: 870px;
	}
	
		/*media & info*/
		.project-display img, .project-display .flexslider,.project-display .flexslider img{width:600px !important;height:422px!important;}
		.project-display .video{width:600px !important;height:337px !important;}
		.project-info{width:225px;}
		.project-display.fullwidth img, .project-display.fullwidth .flexslider, .project-display.fullwidth .flexslider img{width:870px !important;height:421px !important;}
		.project-display.fullwidth .video{width:870px !important;height:489px !important;}

	
	/*blog
	----------------------------*/
	
	.blog-inner-left{width:610px;}
	.blog-inner-right{width:610px;}
		.blog-post-content, .blog-post-content .blog-post-media{width:520px;}
		.blog-post-content .blog-post-media .video{width:520px !important;height:290px !important;}

	
	/*epic slider nav
	-----------------------------*/
	
	.epicSlider.theme-default #epic-navigation{position:absolute;}
	
	/*positioning & widths*/
	.epicSlider.theme-default .epic-caption{position:absolute;}


	/* contact */

	.contact_box {
		margin: 0 0 0 246px;
	}

}

@media only screen and (max-width: 768px) {
	
	/* responsive tabs */
	.tabs .tabs_nav, .tabs .tabs_nav li { width:100%; }
	
	/* responsive pricing tables */
	.pricing_table .pricing_table_col,
	.pricing_table.pricing_table_two_cols .pricing_table_col,
	.pricing_table.pricing_table_three_cols .pricing_table_col,
	.pricing_table.pricing_table_four_cols .pricing_table_col,
	.pricing_table.pricing_table_five_cols .pricing_table_col {
		clear:both;
		width:100%;
		border-radius:3px;
		margin-bottom:16px;
	}
	.pricing_table .pricing_table_col:last-child {
		margin-bottom:0;
	}
	
	
}

/*Mobile Layout: Landscape Container width:768px

-----------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 959px) {


	/*----------------------------
	i.-- Page
	-----------------------------*/
	
	.homepage,.page{position: inherit;}
	.page .content{max-width:640px;padding-bottom:100px;}
	.page .teaser{background-attachment:scroll; background-position:center center;}
		
	/*----------------------------
	ii.-- Header
	-----------------------------*/
	
	/*homepage*/
	.tab-homepage {background-attachment: inherit; position:absolute;}

	/*inner pages*/
	.header {height:auto;display:block;}
	.header .inner{max-width:930px;margin:auto;}
	.header .logo-container{position:relative;left:2em;margin-left:0; float:auto;margin-bottom:10px;}
	
		/* main menu
		----------------------------*/

		.header .inner ul.navigation {
		margin: 0 1em 0 0;
		display:table !important;
	/*		background: red;
			width:100%;
			line-height: 1.2em;
			text-align: center;
			margin:0px;
			padding-bottom:0;
			display:table !important; */
		}
	/*	.header .inner ul.navigation li{ float: none !important; display: inline;}	 */


	/*----------------------------
	ii.-- Content
	-----------------------------*/	
	
	/*about
	----------------------------*/
	
	/*service breakdown*/
	.chart-container ul.chart li div{font-size:25px !important;}
	
	/*teaser
	----------------------------*/
	.teaser.fixed{background-attachment:scroll;}
	.teaser .info-container .info .info-inner{max-width:640px; margin:auto;}
	.teaser .info-container .video{width:640px !important;height:360px !important;}	
	.teaser .info-container .info .info-inner .video{width:307px !important;height:172px !important;}
	
	.teaser .info-container .info .info-inner ul {
		font-size: 1.3em;
		line-height: 1.3em;
	}
	
	.teaser .info-container .info .info-inner h5 {
		margin: 0.5em 0;
	}
	

	/*portfolio
	----------------------------*/

	/*navigation*/
	#folio-navigation{width:100%;position:relative;margin:0 auto;left:0;}
	#folio-navigation ul li{width:30.6666%; float:left;}
	#folio-navigation ul li#prevProject, #folio-navigation ul li#closeProjectMobile{margin-right:4%;}
	#folio-navigation ul li#closeProjectMobile{display:none;}
	#folio-navigation ul li#closeProjectMobile a{position:relative; left:50%;margin-left:-19px;}
	#closeProject{display:none;}
	
	.flex-direction-nav li a {
		display: none;
	}
	
	
	/*projects*/
	#ajaxwrapper #loader{margin-top: -7px;}
	
	/*project-display*/
	#ajaxpage{width:640px;}
	#ajax-content-outer{margin-top:30px;}
	
	.flex h1, .flex div.folio-title-sub {
		width: 640px;
	}
	
		/*media & info*/
		.project-display img, .project-display .flexslider{width:640px !important;height:450px !important;}
		.project-display .video,.project-display.fullwidth .video{width:640px !important;height:360px !important;}
		.project-info{width:100%;}
		.project-display.fullwidth img,.project-display.fullwidth .flexslider, .project-display.fullwidth .flexslider img{width:640px !important;height:310px !important;}

	
	/*thumb-structure*/
	.folio-thumb-container{width:22%;position:relative;margin:0 0 18px 0;float:left;border-radius:200px;padding:0 1.5% }
	
	
	/* Services ----------------- */
	
	#Services #services-wrapper .box {
		width: 40%;
	}
	
	/*blog
	----------------------------*/
	
	.blog-inner-left{width:65.3334%;margin-right:4%;}
	.blog-inner-right{width:65.3334%;}
		.blog-post-info{width:100%; margin: 0 0 10px 0;}
		.blog-post-info span.month,.blog-post-info span.day, .blog-post-info span.year{font-size:18px}
		.blog-post-content{width:100%;}
		.blog-post-content .blog-post-media .video{width:418px !important;height:234px !important;}
	#sidebar.left,#sidebar.right{width:30.6666%;}

	
	
	
	/*contact
	----------------------------*/	
	
		/*form elements
		----------------------------*/	
		textarea {width:100%;}
		
		/* contact */
		
		.contact_box {
			margin: 0 0 0 131px;
		}


	/*epic slider nav
	-----------------------------*/
	
	.epicSlider.theme-default #epic-navigation{position:absolute;}
	
	
	/*positioning & widths*/
	.epicSlider.theme-default .epic-caption{position:absolute;}
	
	
	


}



@media only screen and (max-width: 700px) {
	.tagline {
		width: 75%;
	}
	
	.tab-homepage a img {
		margin: 20px 0 0 0;
	}
	
	#ajaxwrapper {
		margin-top: -30px;
		padding-top: 0 !important;
		
	}
	
	#ajax-content-outer {
		margin: 0;
	}
	
	#ajax-content-inner {
		margin: 0;
	}
	
	#ajaxpage h1 {
		font-size: 2em;
		margin-top: 0 !important;
	}

	.folio-title-sub {
		font-size: .1em;
	}
	
	.section-title {
		margin-bottom: 5px;
	}
	
	.section-title h1 {
		margin-bottom: 0 !important;
	}
	
	#folio-navigation, #folio-navigation ul, #closeProject {
		display: none;
	}
	
	#loader {
		height: 1px;
		display: none;
	}
	
	#closeProjectMobile {
		display: none;
	}
	
	#ajaxpage {
		margin: 0;
	}
	
	#teaser-3 {
		height: 200px;
	}
	
	#teaser-3 h3 {
		font-size: 2.5em;
	}
	
	#teaser-1 {
		display: none;
	}
}


/*Mobile Layout: Landscape Container width:480px

-----------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {


	/*----------------------------
	i.-- Page
	-----------------------------*/
	
	.homepage,.page{position: inherit;}
	.page .content{max-width:420px;padding-bottom:100px;}
	.page .teaser{background-attachment:scroll; background-position:center center;}
		
	/*----------------------------
	ii.-- Header
	-----------------------------*/
	
	/*homepage*/

	/*inner pages*/
	.header {height:auto;display:block;}
	.header .inner{max-width:930px;margin:auto;}
	.header .logo-container{position:relative;left:50%;margin-left:-57.5px; float:auto;}
	
		/* main menu
		----------------------------*/

		.header .inner ul.navigation{
			float: left; 
			text-align: center; 
			width: 100%;
			margin: 0;
			display:none;
		}
		.header .inner ul.navigation li {
			float: none;
			display: inline;
			padding:0 5px;
		}
		.header .inner ul.navigation li:first-child{margin-top:0px;}
		.header .inner ul.navigation li:last-child{padding-right:10px;}
		.page.odd .header .inner ul.navigation li a.active,.page.even .header .inner ul.navigation li a.active{padding:1px 10px;}
		
		.logo-nav {
			margin: 1em 0 0 0;
		}
		
		.header .inner .mobileMenuToggle a,.header .mobileMenuToggle.open a {
			margin: 0.5em 1em 0 0;
		}
		
		.header .inner .mobileMenuToggle a span {
			margin: 0em 1em 0 0;
		}
	
	
	/* mobile menu toggle
	----------------------------*/	
		
	.header .inner .mobileMenuToggle{display:block;}

	/*----------------------------
	ii.-- Content
	-----------------------------*/	
	
	/*section title + teasers
	----------------------------*/
	
	.section-title{padding-top:50px;}
	
	
	/*about
	----------------------------*/
	
	/*service breakdown*/
	.chart-container ul.chart li{float:none !important; margin:auto; text-align:center; margin-bottom:15px;}
	.chart-container ul.chart li div{font-size:25px !important;-webkit-box-shadow:inset 0 0 0 #fff;-moz-box-shadow:inset 0 0 0 #fff;box-shadow:inset  0 0 0 #fff;}
	
	
	/*teaser
	----------------------------*/
	.teaser.fixed{background-attachment:scroll;}
	.teaser .info-container .info .info-inner{max-width:420px; margin:auto;}
	.teaser .info-container .info blockquote{width:auto !important;}
	.teaser .info-container .info .info-inner .column_one_half{width:100%;}
	.teaser .info-container .video{width:420px !important;height:236px !important;}	
	.teaser .info-container .info .info-inner .video{width:307px !important;height:172px !important; margin:auto;}


	.teaser .info-container .info .info-inner ul {
		font-size: 1.3em;
		line-height: 1.3em;
	}
	
	.teaser .info-container .info .info-inner h5 {
		margin: 0.2em 0;
	}

	/*portfolio
	----------------------------*/

	/*navigation*/
	#folio-navigation{width:100%;position:relative; margin:0 auto;left:0;}
	#folio-navigation ul li{width:30.6666%; float:left;}
	#folio-navigation ul li#prevProject, #folio-navigation ul li#closeProjectMobile{margin-right:4%;}
	#folio-navigation ul li#closeProjectMobile{display:none;}
	#folio-navigation ul li#closeProjectMobile a{position:relative; left:50%;margin-left:-19px;}
	#closeProject{display:none;}
	
	/*projects*/
	#ajaxwrapper #loader{margin-top: -7px;}
	
	/*project-display*/
	#ajaxpage{width:420px;}
	#ajax-content-outer{margin-top:30px;}
	
	.flex h1, .flex div.folio-title-sub {
		width: 420px;
	}
	
	.flex-direction-nav li a {
		display: none;
	}
	
		/*media & info*/
		.project-display img, .project-display .flexslider{width:420px !important;height:295px !important;}
		.project-display .video,.project-display.fullwidth .video{width:420px !important;height:236px !important;}
		.project-info{width:100%;}
		.project-display.fullwidth img, .project-display.fullwidth .flexslider, .project-display.fullwidth .flexslider img{width:420px !important;height:203px !important;}
	
	
	/*thumb-structure*/
	.folio-thumb-container{width:30.666666%;position:relative;margin:0 0 18px 0;float:left;border-radius:200px;padding:0 1.33% }
	
	
	/* Services ----------------- */
	
	#Services #services-wrapper .box {
		width: 40%;
	}
	
	#Services #services-wrapper .box .item h2 {
		font-size: 3em;
	}
	
	/*blog
	----------------------------*/
	
	.blog-inner-left{width:100%;}
	.blog-inner-right{width:100%;}
		.blog-post-content{width:100%;}
		.blog-post-info{width:100%; margin: 0 0 10px 0;}
		.blog-post-info span.month,.blog-post-info span.day, .blog-post-info span.year{font-size:18px}
		.blog-post-content .blog-post-media .video{width:420px !important;height:234px !important;}
	#sidebar.left,#sidebar.right{width:100%; float:none;}
	.response .response{margin:30px 0 0 0;}
	
	/*odd*/
	.page.odd .blog-pagination, .page.odd .blog-post-navigation{border-bottom:1px solid #e2e2e2; padding-bottom:20px; overflow:hidden;}
	
	/*even*/
	.page.even .blog-pagination, .page.even .blog-post-navigation{border-bottom:1px solid #444; padding-bottom:20px; overflow:hidden;}
		
	
	/*contact
	----------------------------*/	
	
		/*form elements
		----------------------------*/	
		input[type=text]{width:100%;}
		textarea {width:100%;}
		
		/* contact */
		
		.contact_box {
			margin: 0 0 0 21px;
		}
		

	/*--------------------------------------------------------
	TYPOGRAPHY & LINKS
	--------------------------------------------------------*/

	/*section title*/
	.section-title h1,.section-title h2,.section-title h3,.section-title h4,.section-title h5,.section-title h6{margin:0;}
	.section-title h1{font-size:65px; line-height:65px; text-align:center;}
	.section-title h2{font-size:55px;line-height:55px; text-align:center;}
	.section-title h3{font-size:45px;line-height:45px; text-align:center;}
	.section-title h4{font-size:35px;line-height:35px; text-align:center;}
	.section-title h5{font-size:30px;line-height:30px; text-align:center;}
	.section-title h6{font-size:25px;line-height:25px; text-align:center;}
	h1{font-size:32px;line-height:32px;}
	h2{font-size:30px;line-height:30px;}
	h3{font-size:28px;line-height:28px;}
	h4{font-size:26px;line-height:26px;}
	h5{font-size:24px;line-height:24px;}
	h6{font-size:22px;line-height:22px;}
	
	
	/*epic slider nav
	-----------------------------*/
	
	.epicSlider.theme-default #epic-navigation{position:absolute;bottom:10px;left:50%;margin-left:-41px; width:82px;height:40px;}
	.epicSlider.theme-default #epic-navigation.allcontrols{width:124px;left:50%;margin-left:-65px; } /*sum of all three buttons*/
	
	/*positioning & widths*/
	.epicSlider.theme-default .epic-caption{position:absolute;}
	.epicSlider.theme-default .epic-caption.topLeft,.epicSlider.theme-default .epic-caption.topRight,.epicSlider.theme-default .epic-caption.bottomLeft,.epicSlider.theme-default .epic-caption.bottomRight{top:auto;left:auto;bottom:auto;right:auto; text-align:center !important;}
		
	/*background*/
	.epicSlider.theme-default .epic-caption,.epicSlider.theme-default .epic-caption.centered{position:absolute;width:100% !important;height:auto;background:#000;/*ie fallback*/background:rgba(0,0,0,0.8);padding:10px 0; left:0;bottom:75px !important; text-align:center;}
	
	/*target specific*/
	.epicSlider.theme-default .epic-caption.descrete div{background:none;margin-bottom:0px;padding:0;margin:auto;}
	.epicSlider.theme-default .epic-caption.epic-impact h1 span,.epicSlider.theme-default .epic-caption.epic-impact h2 span,.epicSlider.theme-default .epic-caption.epic-impact h3 span,.epicSlider.theme-default .epic-caption.epic-impact h4 span,.epicSlider.theme-default .epic-caption.epic-impact h5 span,.epicSlider.theme-default .epic-caption.epic-impact h6 span, .epicSlider.theme-default .epic-caption.epic-impact a span,.epicSlider.theme-default .epic-caption.epic-impact a:hover span{padding: 0;background:none;float: none;}
	epicSlider.theme-default .epic-caption.epic-impact.topLeft h1 span, .epicSlider.theme-default .epic-caption.epic-impact.topLeft h3 span, .epicSlider.theme-default .epic-caption.epic-impact.topLeft a span,.epicSlider.theme-default .epic-caption.epic-impact.bottomLeft h1 span, .epicSlider.theme-default .epic-caption.epic-impact.bottomLeft h3 span, .epicSlider.theme-default .epic-caption.epic-impact.bottomLeft a span{float:none;}
	.epicSlider.theme-default .epic-caption.epic-impact.topRight h1 span, .epicSlider.theme-default .epic-caption.epic-impact.topRight h3 span, .epicSlider.theme-default .epic-caption.epic-impact.topRight a span,.epicSlider.theme-default .epic-caption.epic-impact.bottomRight h1 span, .epicSlider.theme-default .epic-caption.epic-impact.bottomRight h3 span, .epicSlider.theme-default .epic-caption.epic-impact.bottomRight a span{float:none;}
	.epicSlider.theme-default .epic-caption.epic-impact-2 div h1,.epicSlider.theme-default .epic-caption.epic-impact-2 div h2,.epicSlider.theme-default .epic-caption.epic-impact-2 div h3,.epicSlider.theme-default .epic-caption.epic-impact-2 div h4,.epicSlider.theme-default .epic-caption.epic-impact-2 div h5,.epicSlider.theme-default .epic-caption.epic-impact-2 div h6,.epicSlider.theme-default .epic-caption.epic-impact-2 a,.epicSlider.theme-default .epic-caption.epic-impact-2 a:hover{font-size:16px;line-height:16px; position:relative;}
	.epicSlider.theme-default .epic-caption.descrete div h1,.epicSlider.theme-default .epic-caption.descrete div h2,.epicSlider.theme-default .epic-caption.descrete div h3,.epicSlider.theme-default .epic-caption.descrete div h4,.epicSlider.theme-default .epic-caption.descrete div h5,.epicSlider.theme-default .epic-caption.descrete div h6{font-size:16px;line-height:16px; position:relative;}
	.epicSlider.theme-default .epic-caption.epic-impact h1,.epicSlider.theme-default .epic-caption.epic-impact h2,.epicSlider.theme-default .epic-caption.epic-impact h3,.epicSlider.theme-default .epic-caption.epic-impact h4,.epicSlider.theme-default .epic-caption.epic-impact h5,.epicSlider.theme-default .epic-caption.epic-impact h6{font-size:12px;line-height:12px;position:relative;}
	.epicSlider.theme-default .epic-caption.descrete div p{margin-top:5px;}
		
		
	/*accordions and tabs*/
	.accordion div.video, .accordion div.video .featured_flowplayer,
	.tabs div.video, .tabs div.video .featured_flowplayer  { 
		clear:both; 
		width:380px !important; 
		height:215px !important; 
	}
	div.video video, div.video iframe, div.video object, div.video embed, div.video div { 
		width:100%; 
		height:100% !important; 
		max-width:100% !important; 
		max-height:100% !important; 
	}
	
	.accordion .column_one_half, .accordion .column_one_third, .accordion .column_one_fourth, .accordion .column_two_thirds, .accordion .column_three_fourths,
	.tabs .column_one_half, .tabs .column_one_third, .tabs .column_one_fourth, .tabs .column_two_thirds, .tabs .column_three_fourths { 
		width:380px !important; 
		margin-right:0 !important; 
	}
	blockquote { 
		width:370px !important; 
		margin-right:0 !important; 
	}
	.accordion blockquote, .tabs blockquote { 
		width:340px !important; 
		margin-right:0 !important; 
	}

}

/*Mobile Layout: Portrait Container width:320px

-----------------------------------------------*/

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


	/*----------------------------
	i.-- Page
	-----------------------------*/
	
	.homepage,.page{position: inherit;}
	.page .content{max-width:290px;padding-bottom:100px;}
	.page .teaser{background-attachment:scroll; background-position:center center;}

	/*----------------------------
	ii.-- Header
	-----------------------------*/
	
	/*homepage*/
	.homepage,.page{padding: 0;}
	
	/*inner pages*/
	.header {
		padding: 0.5em 0;	
	}
	.header {height:auto;display:block;}
	.header .inner{max-width:930px;margin:auto;}
	.header .logo-container {
		position:relative;
		left:50%;
		top: 0;
		margin: -12px 0 0 -57.5px;
	}
	
	#home-img {
		background: url(../images/gallery/solfira-home-bg.jpg) no-repeat center center scroll !important;
		background-position:center;
	}
	//
	.solfira-logo {
	//	width: 25%;
		height: 0.3em;
		margin: 0.1em auto 0.2em auto;
		padding: 0;
		line-height: 1px;
	}
	
	.tagline {
		font-size: 5em;
		line-height: 0.81em;
		z-index:4;
	}
	
	.tagline span {
		visibility: hidden;
		font-size: 1px;
	}
	
	.tab-homepage, .tab-homepage:hover {
		margin:0;
		background: none;
		-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
		width: 100%;
		height: 100%;
		left:0;
		z-index:4;
		position: absolute;
	}
	
	
	.tab-homepage a img {
		width: 7em;
		height: 7em;
		margin: 75% 0 0 0;
	}
	
		/* main menu
		----------------------------*/

		.header .inner ul.navigation{
			float: left; 
			text-align: center; 
			width: 100%;
			margin-top:0.5em;
			padding-bottom:5px; 
			display:none; 
			line-height:0.8em;
		}
		.header .inner ul.navigation li {
			margin: 0.5em 0;
			width: 100%;
		}

		.header .inner ul.navigation li:last-child{padding-right:10px;}
		.page.odd .header .inner ul.navigation li a.active,.page.even .header .inner ul.navigation li a.active{padding:1px 10px;}
	
	
	/* mobile menu toggle
	----------------------------*/	
		
	.header .inner .mobileMenuToggle{display:block; margin: 0;
	}
	.header .inner .mobileMenuToggle a span {
		display: none;
	}

		
	/*----------------------------
	iii.-- Content
	-----------------------------*/	
	
	/*section title + teasers
	----------------------------*/
	
	.section-title{padding-top:50px;}
	
	.page.odd .section-title h1.signpost, .page.even .section-title h1.signpost {
		font-size: 4em;
		margin: 10px auto 0 auto;
	}
	
	#ajaxwrapper {
		padding: 0;
		position:relative; 
		top: -30px;
		margin-bottom: 0;
	}
	
	#folio-grid {
		margin-top: 0;
		position: relative;
		top: -30px;
	}
	
	#folio-navigation {
		width: 10px;
		border: 1px solid #333;
	}
	
	#folio-navigation ul {
		
	}
	
	.flex-direction-nav li a {
		display: none;
	}
	
	
	
	/*about
	----------------------------*/
	
	/*service breakdown*/
	.chart-container ul.chart li{float:none !important; margin:auto; text-align:center; margin-bottom:15px;}
	.chart-container ul.chart li div{font-size:25px !important;-webkit-box-shadow:inset 0 0 0 #fff;-moz-box-shadow:inset 0 0 0 #fff;box-shadow:inset  0 0 0 #fff;}
	
	/*teaser
	----------------------------*/
	.teaser {
	//	display: none;
	}
	.teaser.fixed{background-attachment:scroll;}
	.teaser .info-container .info .info-inner{max-width:290px; margin:auto;}
	.teaser .info-container .info blockquote{width:auto !important;}
	.teaser .info-container .video{width:290px !important;height:163px !important;}	
	.teaser .info-container .info .info-inner .video{width:290px !important;height:163px !important; margin:auto;}
	
	.teaser .info-container .info .info-inner .column_one_third {
		margin: 0;
	}
	
	
	.teaser .info-container .info .info-inner ul {
		font-size: 1.2em;
		line-height: 1.2em;
		margin: 0;
	}
	
	.teaser .info-container .info .info-inner h5 {
		margin: 0.2em 0 0.5em 0;
	}
	
	.teaser {
		height: 750px;
	}

	/*portfolio
	----------------------------*/
	
	/*navigation*/
	#folio-navigation{width:100%;position:relative; margin:0 auto; left:auto;height: 1px;
	}
	#folio-navigation ul li{width:30.6666%; float:left;}
	#folio-navigation ul li#prevProject, #folio-navigation ul li#closeProjectMobile{margin-right:4%;}
	#folio-navigation ul li#closeProjectMobile{display:none;}
	#folio-navigation ul li#closeProjectMobile a{position:relative; left:50%;margin-left:-19px;}
	#closeProject{display:none;}
	
	/*projects*/
	#ajaxwrapper #loader{
		margin-top: -7px; 
	}

	/*project-display*/
	#ajaxpage{width:290px;}
	#ajax-content-outer{margin-top:30px;}
	
	.flex h1, .flex div.folio-title-sub {
		width: 290px;
	}
		
		/*media & info*/
		.project-display img, .project-display .flexslider{width:290px !important;height:204px!important;}
		.project-display .video,.project-display.fullwidth .video{width:290px !important;height:163px !important;}
		.project-info{width:100%;}
		.project-display.fullwidth img, .project-display.fullwidth .flexslider, .project-display.fullwidth .flexslider img{width:290px !important;height:140px !important;}
		.flex-caption {line-height:20px !important;}
	
	
	
	/*thumb-structure*/
	/*.folio-thumb-container{width:30.666666%;position:relative;margin:0 0 18px 0;float:left;border-radius:200px;padding:0 1.33% }*/
	.folio-thumb-container{width:45%;position:relative;margin:0 0 18px 0;float:left;border-radius:200px;padding:0 2.5% }/*two cols*/	
	
	
	
	/* Services ----------------- */
	
	#Services #services-wrapper .box {
		width: 90%;
	}
	
	#Services #services-wrapper .box .item h2 {
		font-size: 4em;
	}
	
	
	
	/*blog
	----------------------------*/
	
	.blog-inner-left{width:100%;}
	.blog-inner-right{width:100%;}
		.blog-post-content{width:100%;}
		.blog-post-info{width:100%; margin: 0 0 10px 0;}
		.blog-post-info span.month,.blog-post-info span.day, .blog-post-info span.year{font-size:18px}
		.blog-post-content .blog-post-media .video{width:290px !important;height:162px !important;}
	#sidebar.left,#sidebar.right{width:100%; float:none;}
	.response, .response .response {margin:30px 0 0 0;}


	
	/*odd*/
	.page.odd .blog-pagination, .page.odd .blog-post-navigation{border-bottom:1px solid #e2e2e2; padding-bottom:20px; overflow:hidden;}
	
	/*even*/
	.page.even .blog-pagination, .page.even .blog-post-navigation{border-bottom:1px solid #444; padding-bottom:20px; overflow:hidden;}
	
	
	
	/*contact
	----------------------------*/	
	
		/*form elements
		----------------------------*/	
		input[type=text], textarea {width:290px; padding: 0 0 0 10px;}
		input[type=email], input[type=tel] {
			width:280px; padding: 0 0 0 10px;
		}
		textarea {
			padding-top: 5px;
		}
		input[type=submit]{
			/*width:100%;*/
			margin:0 0 50px 47px;
		}
		
		/* contact */
		
		.contact_box {
			margin: 0;
		}
	
	/*--------------------------------------------------------
	TYPOGRAPHY & LINKS
	--------------------------------------------------------*/

	/*section title*/
	.section-title h1,.section-title h2,.section-title h3,.section-title h4,.section-title h5,.section-title h6{margin:0;}
	.section-title h1{font-size:65px; line-height:65px; text-align:center;}
	.section-title h2{font-size:55px;line-height:55px; text-align:center;}
	.section-title h3{font-size:45px;line-height:45px; text-align:center;}
	.section-title h4{font-size:35px;line-height:35px; text-align:center;}
	.section-title h5{font-size:30px;line-height:30px; text-align:center;}
	.section-title h6{font-size:25px;line-height:25px; text-align:center;}
	h1{font-size:32px;line-height:32px;}
	h2{font-size:30px;line-height:30px;}
	h3{font-size:28px;line-height:28px;}
	h4{font-size:26px;line-height:26px;}
	h5{font-size:24px;line-height:24px;}
	h6{font-size:22px;line-height:22px;}
	

	/*epic slider nav
	-----------------------------*/
	
	.epicSlider.theme-default #epic-navigation{position:absolute;bottom:10px;left:50%;margin-left:-41px; width:82px;height:40px;}
	.epicSlider.theme-default #epic-navigation.allcontrols{width:124px;left:50%;margin-left:-65px; } /*sum of all three buttons*/
	
	/*positioning & widths*/
	.epicSlider.theme-default .epic-caption{position:absolute;}
	.epicSlider.theme-default .epic-caption.topLeft,.epicSlider.theme-default .epic-caption.topRight,.epicSlider.theme-default .epic-caption.bottomLeft,.epicSlider.theme-default .epic-caption.bottomRight{top:auto;left:auto;bottom:auto;right:auto; text-align:center !important;}
		
	/*background*/
	.epicSlider.theme-default .epic-caption,.epicSlider.theme-default .epic-caption.centered{position:absolute;width:100% !important;height:auto;background:#000;/*ie fallback*/background:rgba(0,0,0,0.8);padding:10px 0; left:0;bottom:75px !important; text-align:center;}
	
	/*target specific*/
	.epicSlider.theme-default .epic-caption.descrete div{background:none;margin-bottom:0px;padding:0;margin:auto;}
	.epicSlider.theme-default .epic-caption.epic-impact h1 span,.epicSlider.theme-default .epic-caption.epic-impact h2 span,.epicSlider.theme-default .epic-caption.epic-impact h3 span,.epicSlider.theme-default .epic-caption.epic-impact h4 span,.epicSlider.theme-default .epic-caption.epic-impact h5 span,.epicSlider.theme-default .epic-caption.epic-impact h6 span, .epicSlider.theme-default .epic-caption.epic-impact a span,.epicSlider.theme-default .epic-caption.epic-impact a:hover span{padding: 0;background:none;float: none;}
	epicSlider.theme-default .epic-caption.epic-impact.topLeft h1 span, .epicSlider.theme-default .epic-caption.epic-impact.topLeft h3 span, .epicSlider.theme-default .epic-caption.epic-impact.topLeft a span,.epicSlider.theme-default .epic-caption.epic-impact.bottomLeft h1 span, .epicSlider.theme-default .epic-caption.epic-impact.bottomLeft h3 span, .epicSlider.theme-default .epic-caption.epic-impact.bottomLeft a span{float:none;}
	.epicSlider.theme-default .epic-caption.epic-impact.topRight h1 span, .epicSlider.theme-default .epic-caption.epic-impact.topRight h3 span, .epicSlider.theme-default .epic-caption.epic-impact.topRight a span,.epicSlider.theme-default .epic-caption.epic-impact.bottomRight h1 span, .epicSlider.theme-default .epic-caption.epic-impact.bottomRight h3 span, .epicSlider.theme-default .epic-caption.epic-impact.bottomRight a span{float:none;}
	.epicSlider.theme-default .epic-caption.epic-impact-2 div h1,.epicSlider.theme-default .epic-caption.epic-impact-2 div h2,.epicSlider.theme-default .epic-caption.epic-impact-2 div h3,.epicSlider.theme-default .epic-caption.epic-impact-2 div h4,.epicSlider.theme-default .epic-caption.epic-impact-2 div h5,.epicSlider.theme-default .epic-caption.epic-impact-2 div h6,.epicSlider.theme-default .epic-caption.epic-impact-2 a,.epicSlider.theme-default .epic-caption.epic-impact-2 a:hover{font-size:16px;line-height:16px; position:relative;}
	.epicSlider.theme-default .epic-caption.descrete div h1,.epicSlider.theme-default .epic-caption.descrete div h2,.epicSlider.theme-default .epic-caption.descrete div h3,.epicSlider.theme-default .epic-caption.descrete div h4,.epicSlider.theme-default .epic-caption.descrete div h5,.epicSlider.theme-default .epic-caption.descrete div h6{font-size:16px;line-height:16px;position:relative;}
	.epicSlider.theme-default .epic-caption.epic-impact h1,.epicSlider.theme-default .epic-caption.epic-impact h2,.epicSlider.theme-default .epic-caption.epic-impact h3,.epicSlider.theme-default .epic-caption.epic-impact h4,.epicSlider.theme-default .epic-caption.epic-impact h5,.epicSlider.theme-default .epic-caption.epic-impact h6{font-size:12px;line-height:12px;position:relative;}
	.epicSlider.theme-default .epic-caption.descrete div p{margin-top:5px;}
	
	
	
	/*shortcodes*/
	.column_one_half, .column_one_third,.column_one_fourth,.column_two_thirds, .column_three_fourths{width:100%;}
		/*.last{margin-right:0 !important; clear:right;}*/
	
	
	/*accordions and tabs*/
	.accordion div.video, .accordion div.video .featured_flowplayer,
	.tabs div.video, .tabs div.video .featured_flowplayer { clear:both; width:260px !important; height:146px !important; }
	div.video video, div.video iframe, div.video object, div.video embed, div.video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important; }
	.accordion .column_one_half, .accordion .column_one_third, .accordion .column_one_fourth, .accordion .column_two_thirds, .accordion .column_three_fourths,
	.tabs .column_one_half, .tabs .column_one_third, .tabs .column_one_fourth, .tabs .column_two_thirds, .tabs .column_three_fourths { width:260px !important; margin-right:0 !important; }
	blockquote { width:250px !important; margin-right:0 !important; }
	.accordion blockquote, .tabs blockquote { width:209px !important; margin-right:0 !important; }

}


/* LANDSCAPE */ 
@media only screen and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
	#home-img {
		background: url(../images/gallery/solfira-home-bg.jpg) no-repeat center center scroll !important;
		background-position:center;
	}
	
	.solfira-logo {
		width: 20%;
		height: 0.3em;
		margin: 0.37em auto 0.4em auto;
		padding: 0;
		line-height: 1px;
		left: -2em;
	}
	
	.tagline {
		font-size: 4em;
		line-height: 0.81em;
		z-index:4;
	}
	
	.tab-homepage, .tab-homepage:hover {
		margin:0;
		background: none;
		-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
		width: 100%;
		height: 100%;
		left:0;
		z-index:4;
		position: absolute;
	}
	
	
	.tab-homepage a img {
		width: 7em;
		height: 7em;
		margin: 39% 0 0 0;
	}
	
	.section-title {
		font-size: 0.6em;
		margin-bottom: 0;
	}
	
	#Examples, #Services {
		padding-top: 10px;
	}
	
	#ajax-content-outer {
		margin-top:0;
	}
	
	.teaser {
		background-position: center right;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
}

/* iPhone 4 ----------- */
@media only screen 
and (max-width : 320px) and (orientation : portrait){
	.solfira-logo {
		width: 25%;
		height: 0.3em;
		margin: 0.1em auto 0.3em auto;
		padding: 0;
		line-height: 1px;
		left: -2em;
	}
}