/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	
	/* Reset some specified widths */
	
	.container{
		max-width:100%;
	}
	
	.head,.main-navigation,.pllx-area,.feed-unit,.slide{
		width:100%;
	}
	
	.head{
		min-width:100%;
	}
	
	
	/* Header
	--------------------------------*/
	
	.head{
		position:relative;
		width:100%;
		height:auto;
		top:0;
		left:0;
		z-index:999;
		padding-top:0;
		font-size:19px;
		min-width:0;
		background-color:transparent;
		border-top:10px solid #d20000;
	}
	
	/* Shortcuts
	--------------------------------*/
	
	.shortcuts{
		display:none;
	}
	
	/* Top link & social 
	--------------------------------*/

	.top-link{
		position:relative;
		top:auto;
		left:auto;
		bottom:auto;
		right:auto;
	}
	
	#top_link{
		display:none;
	}
	
	.social{
		position:fixed;
		bottom:20px;
		right:20px;
		display:none!important;
	}
	
	.expandable{
		width:100px;
	}
	
	.expandable-heading{
		font-weight:normal;
		font-size:19px;
		margin:0;
		padding:0;
	}
	
	.expandable-heading a{
		text-decoration:none;
		padding-left:0;
		position:relative;
		width:auto;
		height:auto;
		line-height:22px;
		color:#FFF;
	}
	
	.expandable-heading a:before{
		content:"+";
		display:inline;
		width:auto;
		height:auto;
		background:transparent;
		position:relative;
		top:auto;
		left:auto;
	}
	
	.expandable-heading a:hover{
		color:#000;
		text-decoration:none;
	}
	
	.expandable-heading a:hover:before{
		background-image:url(/images/sprite-black.png);
	}
	
	.follow-nav{
		margin:0;
		padding:0;
		padding-left:0px;
		margin-left:0;
		padding-top:0px;
		position:absolute;
		top:100%;
		left:auto;
		right:0;
		width:auto;
		margin:0;
		text-align:center;
			border-bottom:1px solid #B70000;
			display:none;
	}
	
	.follow-trigger-item{
		position:relative;
		z-index:99;
	}
	
	.expandable-item{
		list-style:none;
		padding-left:0!important;
		margin:0!important;
		display:inline-block!important;
		padding:0 8px!important;
		width:auto!important;
		border:none!important;
		float:none!important;
	}
	
	/* Nav
	--------------------------------*/
	
	.main-navigation{
		width:100%;
		padding:0;
		margin-top:0;
		padding-right:0;
		float:none;
		font-size:19px;
		position:relative;
		background:#d20000;
		padding-bottom:0;
		display:none;
		
	}
	
	.main-navigation .navigation-list li{
		width:49%;
		float:left;
		border-bottom:1px solid #B70000;
		padding:0;
		height:auto;
		
	}
	
	.main-navigation .navigation-list li a:hover,
	.main-navigation .navigation-list li.selected > a{
		text-decoration:none;
	}
	
	.main-navigation .navigation-list a{
		display:block;
		text-align:center;
		line-height:30px;
		height:auto;
		width:100%;
		color:#FFFFFF;
	}
	
	.main-navigation .navigation-list li.li-level-2{
		width:auto;
		float:none;
		margin-right:0;
	}
	
	.main-navigation .navigation-list li.li-odd{
		margin-right:0;
	}
	
	.main-navigation .navigation-list li.li-even,
	.main-navigation .navigation-list li:nth-child(even){
		margin-right:0;
		float:right;
	}
	
	.main-navigation .ul-level-2{
		display:none;
		position:relative;
		top:0;
		left:auto;
		width:auto;
		padding-top:0;
		margin-top:0;
	}
	
	.main-navigation .li-even .ul-level-2{
		left:auto;
	}
	
	.main-navigation .navigation-list li.selected .ul-level-2{
		display:none;
	}
	
	/* Active menu (mobile only)
	--------------------------------*/
	
	.active-menu{
		
		background-color:#EDF0F2;
	}
	
	.active-menu a{
		text-decoration:none;
		line-height:30px;
	}
	
	.active-menu,.active-menu li{
		list-style:none;
		padding:0;
		margin:0;
		position:relative;
		line-height:30px;
	}
	
	.active-menu > li:before{
		content:"";
		display:block;
		width:15px;
		height:20px;
		background:url(/images/sprite-red.png) -310px -55px no-repeat;
		position:absolute;
		top:4px;
		left:4px;
	}
	
	.active-menu > li:after{
		content:"";
		display:block;
		width:15px;
		height:20px;
		background:url(/images/sprite-red.png) -310px -55px no-repeat;
		position:absolute;
		top:4px;
		right:4px;
	}
	
	.active-menu.open > li:after,
	.active-menu.open > li:before{
		background-position:-310px -85px;
	}
	
	.active-item > a{
		display:block;
		text-align:center;
		border-bottom:1px solid #BCBEC0;
		padding:0;
		margin:0;
	}
	
	.active-item ul{
		padding:0;
		margin:0;
		list-style:none;
		border-bottom:1px solid #BCBEC0;
		text-align:center;
	}
	
	.active-item ul li{
		display:block;
		width:auto;
		float:none;
		text-align:center;
	}
	
	.active-item ul a{
		display:block;
		padding:0 0 0 0;
		width:auto;
		
	}
	
	.active-item ul li:first-child a{
		padding:0;
	}
	
	/* Content
	--------------------------------*/
	
	.main{
		position:relative;
		z-index:90;
	}
	
	.main iframe,.main embed,.main object{
		position:relative;
		z-index:1;
	}
	
	.main{
		padding:10px;
		;
	}
	
	.main-article{
		width:auto;
	}
	
	
	.main-title{
		font-size:70px;
		line-height:105%;
		letter-spacing:-2px;
		margin:20px auto;
		font-size:56px;
		line-height:100%;
	}
	
	.content-unit{
		padding-top:50px;
	}
	
	.unit-aside{
		float:none;
		width:auto;
		padding-top:15px;
	}
	
	.unit{
		
	}
	
	.unit-title{
		
	}
	
	.unit-intro{
		
	}
	
	/* Sections (scroll panels)
	--------------------------------*/
	
	.section-unit{
		padding:0;
	}
	
	.section-unit:first-child{
		padding-top:0;
	}
	
	/*Parallax items
	--------------------------------*/
	.pllx-area{
		display:none;
	}
	
	.pllx{
		display:none;
	}
	
	/* Headings
	---------------------------------*/
	
	.page-heading{
		font-size:50px;
		line-height:45px;
		width:100%;
		position:relative;
		text-align:center;
		top:auto;
		left:auto;
		margin-left:0;
		color:#d20000;
		z-index:-1;
		display:block;
		margin-top:0;
		letter-spacing:-2px;
		margin-bottom:15px;
		padding:0;
		padding-top:15px;
		word-break:hyphenate;
		word-wrap: break-word;
		
	}
	
	#content_unit{
		padding-top:15px;
	}
	
	/* TODO: Home
	--------------------------------*/
	
	.logo-heading{
		width:245px;
		height:0;
		padding-top:190px;
		line-height:200px;
		overflow:hidden;
		background:url(/images/sprite-red.png) top left no-repeat;
		position:fixed;
		top:50%;
		margin-top:-80px;
		left:50%;
		margin-left:-122px;
		z-index:90;
	}
	
	.logo-sub{
		width:300px;
		height:0;
		padding-top:65px;
		line-height:100px;
		overflow:hidden;
		background:url(/images/sprite-red.png) -7px -310px no-repeat;
		position:fixed;
		top:50%;
		margin-top:-12px;
		left:50%;
		margin-left:-150px;
		z-index:50;
		display:none;
	}
	
	/* Article
	--------------------------------*/
	
	
	
	.article-unit{
		padding-bottom:30px;
		width:100%;
	}
	
	.article-unit:first-child{
		padding-top:0!important;
	}
	
	.default-template.article-unit{
		width:100%;
		padding:10px 0 10px;
		position:relative;
	}
	
	.default-template.article-unit:after{
		content:"";
		width:100%;
		height:1px;
		background:#d20000;
		position:absolute;
		bottom:0;
		left:-10px;
		padding:0 10px;
	}
	
	.article-unit:nth-child(1n+1){
		margin: 0;
	}
	
	.article-unit:nth-child(2n+2){
		margin: 0;
	}
	
	.article-unit:nth-child(3n+3){
		margin: 0;
	}
	
	/* Clients
	--------------------------------*/
	
	.client-list-unit{
		margin:0!important;
		width:100%;
	}
	
	.list-col{
		width:32%;
		margin-right:1%;
	}
	
	.list-col.last{
		margin-right:0;
	}
	
	.list-col.even{
		padding-top:105px;
	}
	
	/* Aside
	--------------------------------*/
	
	.aside{
		margin-left:50px;
		position:relative;
		padding-top:17px;
	}
	
	.aside:before{
		content:"";
		display:block;
		position:absolute;
		top: 0;
		left: 0;
		background:#000;
		width:20px;
		height:2px;
	}
	
	.aside.sub-nav{
		display:none;
	}
	.aside a{
		
	}
	
	.aside a:hover{
		
	}
	
	.row.aside{
		
	}

	/* Feeds
	---------------------------------*/
	
	.feed-unit{
		padding: 0;
		width:100%;
		margin:0!important;
		position:relative;
		padding-bottom:110px;
	}
	
	.feed-unit:after{
		content:"";
		display:block;
		clear:both;
	}
	
	.feed-unit.odd{
		
	}
	
	.feed-unit.even{
		
	}
	
	.feed-unit .feed-content{
		float:none;
		width:100%;
	}
	
	.feed-unit .feed-image{
		float:none;
		width:100%;
	}
	
	.feed-unit.even .feed-image{
		float:none;
		width:100%;
	}
	
	.feed-unit.even .feed-content{
		float:none;
		width:100%;
	}
	
	.feed-image img{
		width:100%;
		height:auto;
	}
	
	.image-list-image{
		width:100%;
	}
	
	.feed-list-image{
		width:100%;
	}
	
	.image-caption{
		font-size:12px;
	}
	
	.main-unit{
		
	}
	
	
	.text-area p{
		position:relative;
		padding-bottom:20px;
	}
	
	.text-area p:before{
		content:"";
		display:block;
		position:relative;
		top: 0;
		left: 0;
		background:transparent;
		width:50px;
		height:12px;
		float:left;
	}





}

@media only screen and (max-device-width: 480px) and (orientation:portrait) {
	.main-navigation .navigation-list li{
		float:none;
		width:100%;
	}
}