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;
	}
	.nav-container .home{
		float:none;
	}
	.home{
		width:100%;
		float:none;
		display:block;
		text-align:center;
	}

	
	.navbar-inner a.home {
		z-index:3999;
	}
	
	.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;
	}
	
	.inner-wrapp .headline-page .headline-left,.inner-wrapp .headline-page .headline-right {
		width:100%;
		float:left;
		display:block;
		padding-top:150px;
	}
	.inner-wrapp .headline-page .headline-left h3 {
		padding-top:20px;
		padding-bottom:20px;		
	}
	.inner-wrapp .headline-page .headline-right {
		padding-top:20px;
		background:#4f4f4f;
	}
	.headline-page h3 {
		line-height:1em;
	}
	.headline-page h3,.headline-page p{
		text-align:center;
	}
	

	.page .inner-wrapp .headline-page .headline-left{
		width:100%;
		padding-top:5px;		
	}
	
	.sectionpage .inner-wrapp .headline-page .headline-left,.content-bottom .inner-wrapp .headline-page .headline-left, .content-top .inner-wrapp .headline-page .headline-left{
		width:100%;
		padding-top:150px;		
	}

	.page .inner-wrapp .headline-page .headline-left h3 {
		padding-bottom:20px;		
	}
	.page .inner-wrapp .headline-page .headline-right {
		width:100%;
		padding-top:20px;
		background:#4f4f4f;
	}



	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%;
	}
	
.boxedpost .boxedblogpage {
	float:left;
	background:#fff;
	overflow:hidden;
	position:relative;
    width: 100%;
	margin:0;
	padding-top:40px;

}

	.boxedwrap.right {
		float:none;
		background: #3d3d3d;
		position: relative;
		left:0;
	}
	.boxedpost .boxedblogpage.left {
		margin:0;
		padding-top:40px;
		float: left;
		width: 100%;
		position: relative;
		left: 70%;  
	}
	
	.boxedpost .boxedblogpage.right {
		margin:0;
		padding-top:40px;
		float: left;
		width: 100%;
		position: relative;
		right:0;  
	}
	
	article .flex_wrapper {
		float:left;
		display:block;
		max-width:100%;
		padding:0;
		margin:0 0 30px 0;
	}

	article .flex_wrapper .flexslider img{
		max-width:100%;
	}
	
	.boxedpost .aside_left.single {
		background:#3d3d3d;
		padding:40px 30px;
		color:#bbb;
		float: left;
		width: 100%;
		position: relative;
		left: 70%;
	}
	.boxedpost .aside_right.single {
		background:#3d3d3d;
		padding:40px 30px;
		color:#bbb;
		float: left;
		width: 100%;
		position: relative;
		right:0;
	}

	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;
	}
}