img{
	max-width:100%;
	height:auto;
}

.max-video{
	width:100%;
	height:250px;
}

.inner-wrapp{
	width:980px;
	padding:0 0 0 0;
}

.content.blog .inner-wrapp{
	padding:0;
}

.inner-spacer {
	width:100%;
}

.logo{
	float:left;
}


.navbar-inner a.logo{
	margin:0;
}

nav {
	float:right;
	width:auto;	
}

nav li {
	float:left;
	margin-left:25px;
}

.team-info img{
	left:0;
}

.team-info h4{
	margin-top:45%;
}


ul.team-list li{
	width:50%;
}

.avatar-wrapp, .detail-person{
	width:50%;
}

.og-grid li {
	width: 22%;
	margin: 0 10px 20px 10px;
}

/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.inner-wrapp{
		width:780px;
	}

	.team-info h4{
		font-size:18px;
	}	
	aside{
		padding-left:28px;
	}
}

/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {
	.inner-wrapp{
		width:100%;
	}
	
	.da-arrows{
		bottom:70px;
	}

	.home{
		width:100%;
		float:none;
		display:block;
		text-align:center;
	}	
	.navbar-inner a.home{
		margin:0 auto;
	}
	nav {
		float:none;
		width:100%;	
		text-align:center;
	}
	nav li {
		float:none;
		display: inline-block;
		margin-left:5px;
		margin-right:5px;
	}
	
	.headline-page .left {
		width:100%;
		float:left;
		display:block;
		padding-top:150px;
	}
	.headline-page h3 {
		line-height:1em;
	}
	.headline-page h3,.headline-page p{
		text-align:center;
	}
	
	.headline-page .left h3 span {
		display:none;
	}
	
	.headline-page .right {
		width:100%;
		float:left;
		background:#6d6e71;
		padding-top:20px;
	}

	ul.listForm{
		float:left;
		width: 100%;
		*width: 100%;	
	}
	
	.contact-info,.contact-form {
			width: 100%;
	}

	ul.contact-list{
		width: 100%;
		*width: 100%;
		margin-left: 0;
		*margin-left:0;
	}

	.blogpage{
		width:100%;
	}
	
	aside {
		width:100%;
	}
	
	ul.team-list li{'
		width: 100%;
	}
	.avatar-wrapp, .detail-person{
		width:100%;
	}	
	.og-grid li {
		width: 100%;
		margin: 0 0 20px 0;
	}	
}

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


	.da-arrows{
		bottom:80px;
	}
	
	.home{
		width:100%;
		float:none;
		text-align:center;
	}	
	.navbar-inner a.home{
		margin:0 auto;
	}
	nav {
		float:none;
		width:100%;	
		text-align:center;
	}
	nav li {
		float:none;
		display: inline-block;
		margin-left:5px;
		margin-right:5px;		
	}	
	.team-info img{
		left:48px;
	}
	.team-info h4{
		margin-top:35%;
	}
	ul.listForm{
		float:left;
		width: 100%;
		*width: 100%;	
	}
	ul.contact-list{
		width: 100%;
		*width: 100%;
		margin-left: 0;
		*margin-left:0;
	}	


	ul.team-list li{'
		width: 100%;
	}
	.avatar-wrapp, .detail-person{
		width:100%;
	}	
	.og-grid li {
		width: 100%;
		margin: 0 0 20px 0;
	}
}