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

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

.portfolio07-cover .caption
{
	top:25.333333%;
	position:absolute;
	background:#0067b2;
	opacity:0.8;
	color:#fff;
	padding:30px 0;
	text-align:left;
	width:100%;
	font-size:24px;
	line-height:26px;
}

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

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

.portfolio07-icon-link
{
	opacity:0;
	width:60%;
	text-align:center;
	margin-top:30px;
}

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

.portfolio07-short-description
{
	padding:50px 0; 
	margin:0; 
	vertical-align:middle;
	background:#0067b2;
	color:#fff;
	
}

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

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

.portfolio07-concept
{
	width:100%; 
	background:#0067b2; 
	padding:30px 0; 
	margin:0;
	color:#fff;
}

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

.portfolio07-demo-responsive-title
{
	padding:160px 0; 
	text-align:center;
	color:#fff;
}


/*==========  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) {
	.portfolio07-cover
	{
		margin-top:40px;
	}
	
	.portfolio07-cover .caption
	{
		top:0;
		padding:50px 0;
		text-align:center;
		width:100%;
		font-size:18px;
		line-height:20px;
		margin-top:0;
	}
	.portfolio07-client-logo
	{
		text-align:center;
	}
	
	.portfolio07-client-logo img
	{
		width:120px;
	}
	
	.portfolio07-responsibility
	{
		text-align:left;
	}
	
	.portfolio07-short-description .content
	{
		font-size:20px;
	}
	
	
	
	.portfolio07-demo-responsive
	{
		background:none;
	}
	
	.portfolio07-demo-responsive-title
	{
		padding:50px 0;
	}
}

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

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