/*
*	@media (max-width: 979px)
*/
@media (max-width: 1024px)  {
	.flexslider li, .members, .contact {
		background-attachment: scroll!important;
	}
}
@media (max-width: 979px)  {
	.navbar .brand {
		padding: 0 1px 0 4px;
	}
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
		margin-left: 0;
		margin-right: 0;	
	}
	.navbar-fixed-top {
		margin-bottom: 0;
		position: fixed;
	}
	.navbar-fixed-top .navbar-inner,
	.navbar-fixed-bottom .navbar-inner {
		padding: 0;
	}
	.nav-collapse.collapse {
		z-index: 2;
	}
	input.span6,
	textarea.span6,
	.uneditable-input.span6 {
		width: 352px;
	}
	.nav-collapse.collapse {
		padding: 0 15%;
		text-align: center;
		background-color: #c9ba8c;
		z-index: 3;
	}
	.navbar .nav {
		float: none;
	}
	.navbar .nav > .active > a,
	.navbar .nav > .active > a:hover,
	.navbar .nav > .active > a:focus {
		background-color: transparent;
		box-shadow: none;
		color: #ffffff;
	}
	.navbar .nav > li > a {
		text-shadow: none;
		padding: 0;
		margin: 0;
	}
	.nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover,
	.nav-collapse .dropdown-menu a:focus {
		
		background: transparent;
	}
	.nav-collapse .nav > li > a,
	.nav-collapse .dropdown-menu a {
		border-radius: 0;
	}
	.nav-collapse .nav {
		padding: 20px 30px;
	}
	.nav-collapse .nav > li {
		padding: 5px 0;
	}
	.portfolio-item-block {
		height: 356px;
		width: 228px;
		display: inline-block;
		margin-left: 7px;
		margin-right: 7px;
		float: none;
	}
	.portfolio-list {
		text-align: center;
	}
	.portfolio-item-block .details {
		text-align: left;
	}
	.portfolio-item-block .details img {
		margin-bottom: 30px;
	}
	.members-item {
		width: 298px;
		margin: 30px 20px;
	}
	.members-item:nth-child(2),
	.members-item:nth-child(3) {
    	top: 0px;
	}
}

/*
*	@media (max-width: 979px) and (min-width: 768px)
*/
@media (min-width: 768px) and (max-width: 979px)  {
	.contact p span,
	.contact .span4 a {
		display: block;
	}
	blockquote {
		margin: 0;
	}
}

/*
*	@media (max-width: 767px)
*/
@media (max-width: 767px)  {
	.left {
		left: 0px;
	}
	.right {
		right: 0px;
	}
	.bottom {
		bottom: 0px;
	}
	.page-header-title {
		padding: 26px 5px 20px;
	}
	body {
		padding-left: 0;
		padding-right: 0;
	}
	.page-header {
		font-size: 30px;
		padding-bottom: 23px;
	}
	.header-title {
		top: 50%;
		margin-top: -100px;
	}
	.page-header {
		font-size: 10px;
	}
	.page-content-block {
		text-align: left;
	}
	.about .row .span6:first-child {
		margin-bottom: 20px;
	}
	.content-block {
		padding: 70px 0;
	}
	#navbar + .content-block {
		padding-top: 30px;
	}
	.contact h4 {
		margin-bottom: 10px;
	}
	.contact .span4 {
		margin-top: 30px
	}
	.contact input.span6,
	.contact textarea.span6,
	.contact .uneditable-input.span6 {
		margin-left: auto;
		margin-right: auto;
	}
	.contact .btn {
		float: none;
		display: inline-block;
	}
	.members-item {
		min-height: 396px;
		margin: 50px auto;
	}
	.portfolio-item-block .details {
		padding-left: 10px;
		padding-right: 10px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.content-block {
		padding-left: 10px;
		padding-right: 10px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/*
*	@media (max-width: 568px)
*/
@media (max-width: 568px)  {
}

/*
*	@media (max-width: 480px)
*/
@media (max-width: 480px)  {
	.page-header  {
		line-height: 1;
		font-size: 20px;
		padding-bottom: 10px;
	}
	header .skip-intro {
		height: 46px;
		width: 46px;
		margin-left: -23px;
	}
	input.span6,
	textarea.span6,
	.uneditable-input.span6 {
		width: 100%;
	}
	.contact .contact-data {
		font-size: 14px;
	}
	.contact .contact-data small {
		font-size: 90%;
	}
	.contact .contact-data i {
		height: 50px;
		padding-top: 10px;
	}
	.contact .contact-data p {
		margin-bottom: 20px;
	}
	.navbar .brand > img {
		width: 50%;
	}
}

/*
*	@media (max-width: 400px)
*/
@media (max-width: 400px)  {
	.page-header-title {
		padding: 26px 5px 20px;
	}
	.navbar .brand {
		padding: 0 1px 0 4px;
	}
	.content-block {
		padding: 50px 10px;
	}
	#navbar + .content-block {
		padding-top: 20px;
	}
}

/*
*	@media (max-width: 380px)
*/
@media (max-width: 380px)  {
	
}

/*
*	@media (max-width: 240px)
*/
@media (max-width: 240px)  {
	.portfolio-item-block {
		width: 210px;
		height: 250px;
	}
	.navbar .btn-navbar .title {
		display: none;
	}
}