@charset "UTF-8";
/* CSS Document */
.no-grab
{
	padding:0;
	margin:0;
	
}

/*==================================
portfolio01 : cover
==================================*/
.portfolio05-cover
{
	padding:0; 
	margin:0; 
	margin-top:80px;
	height:400px; 
	width:100%;
	position:relative;
}

.portfolio05-cover .caption
{
	top:20.333333%;
	position:absolute;
	
	color:#fff;
	padding:50px 0 30px 0;
	text-align:left;
	width:100%;
	font-size:24px;
	line-height:26px;
}

.portfolio05-client-logo
{
	text-align:right;
}

.portfolio05-responsibility
{
	text-align:left;
	line-height:32px;
}

.portfolio05-icon-link
{
	opacity:0;
	width:60%;
	text-align:center;
	
}

.portfolio05-icon-link:hover
{
	opacity:1;
}

.portfolio05-short-description
{
	padding:50px 0; 
	margin:0; 
	vertical-align:middle;
	background:#2f2f2f;
	
}

.portfolio05-short-description .content
{
	color:#989a9d;
	text-align:center;
	font-size:26px;
	line-height:32px;
	padding:0 30px;
}

.portfolio05-slide-gallery
{
	width:100%; 
	background:#fff url(../img/bg-thess.jpg) repeat-x center; 
	padding:60px 0 60px 0; 
	margin:0;
	
}

.portfolio05-concept
{
	width:100%; 
	background:#ccc; 
	padding:30px 0; 
	margin:0;
}

.portfolio05-concept-text
{
	text-align:right; 
	color:#fff;
	padding-top:10%;
	
}

.portfolio05-demo-responsive
{
	width:100%; 
	background:#fff url(../img/bg-gray2.jpg) repeat-x center; 
	padding:100px 0 40px 0; margin:0;
}

.portfolio05-demo-responsive-title
{
	padding:160px 0; 
	text-align:center;
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.portfolio05-cover
	{
		margin-top:40px;
	}
	
	.portfolio05-cover .caption
	{
		top:0;
		padding:50px 0;
		text-align:center;
		width:100%;
		font-size:18px;
		line-height:20px;
		margin-top:0;
	}
	.portfolio05-client-logo
	{
		text-align:center;
	}
	
	.portfolio05-client-logo img
	{
		width:120px;
	}
	
	.portfolio05-responsibility
	{
		text-align:left;
	}
	
	.portfolio05-short-description .content
	{
		font-size:20px;
	}
	
	
	
	.portfolio05-demo-responsive
	{
		background:none;
	}
	
	.portfolio05-demo-responsive-title
	{
		padding:50px 0;
	}
	
	.portfolio05-concept-text
	{
		color:#000;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.portfolio05-cover
	{
		margin-top:40px;
	}
	
	.portfolio05-cover .caption
	{
		top:0;
		padding:50px 0;
		text-align:center;
		width:100%;
		font-size:18px;
		line-height:20px;
		margin-top:0;
	}
	.portfolio05-client-logo
	{
		text-align:center;
	}
	
	.portfolio05-client-logo img
	{
		width:120px;
	}
	
	.portfolio05-responsibility
	{
		text-align:left;
	}
	
	.portfolio05-short-description .content
	{
		font-size:18px;
	}
	
	.portfolio05-demo-responsive
	{
		background:none;
	}
	
	.portfolio05-demo-responsive-title
	{
		padding:50px 0;
	}
	
	.portfolio05-slide-gallery
	{
		background:none;
	}
	
	.portfolio05-concept-text
	{
		color:#000;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.portfolio05-cover
	{
		margin-top:40px;
	}
	
	.portfolio05-cover .caption
	{
		top:0;
		padding:50px 0;
		text-align:center;
		width:100%;
		font-size:18px;
		line-height:20px;
		margin-top:0;
	}
	.portfolio05-client-logo
	{
		text-align:center;
	}
	
	.portfolio05-client-logo img
	{
		width:120px;
	}
	
	.portfolio05-responsibility
	{
		text-align:left;
	}
	
	.portfolio05-short-description .content
	{
		font-size:20px;
	}
	
	.portfolio05-demo-responsive
	{
		background:none;
	}
	
	.portfolio05-demo-responsive-title
	{
		padding:50px 0;
	}
	
	.portfolio05-slide-gallery
	{
		background:none;
	}
	
	.portfolio05-concept-text
	{
		color:#000;
	}
	
}