/*--------------------*\
	RESPONSIVE
\*--------------------*/


@media (max-width: 1350px) {
	
	.masthead .inner:before{
		left:-50px;	
	}
	
	.masthead .inner:after{
		right:-50px;
	}

}

@media (min-width: 1300px) {

	.carousel-control {
	    width: 15%;
	}

}

@media (max-width: 1155px) {
	
	#page .inner {
		width: 940px;
	}
	
	.top-bar .right form{
		width:230px;	
	}
	
	.nav-bar nav{
		margin-right:0;	
	}

	.main-nav .nav > li > a {
		padding: 15px 12px;
		font-size: 13px;
	}

	.main-nav .nav > li + li > a {
		margin-left: 10px;
	}
	
	.footer:before,
	.masthead:after{
		margin-left:-470px;
		width:940px;	
	}
	
	.latest .publications,
	.latest .research{
		width:400px;	
	}
	
	.footer-right.footer-logos img + img {
		margin-left: 65px;
	}

	.side_bar {
		width: 28%;
	}

	.main_right {
		width: 72%;
	}

	.our-people-header .btn {
		position: static;
		float: right;
	}

}

@media (max-width: 991px) {
	
	#page .inner {
		width: 720px;
	}

	.nav-bar .inner {
		width: 100%;
		padding: 0 0;
	}

	.top-bar .inner {
		padding: 0;
	}

	.phone-numbers {
		display: block;
	}
	
	.top-bar:after{
		width:18%;	
	}
	
	.top-bar .left{
		padding-top:4px;
	}

	.top-bar .navbar-form {
		margin: 0;
		padding-right: 0;
	}

	.nav-bar .logo img {
		height: auto;
		width: 100px;	
	}
	
	nav ul.dropd li a{
		margin-left:15px;	
	}

	.main-nav .nav > li > a {
		padding: 15px 6px;
	}

	.footer:before,
	.masthead:after{
		margin-left:-360px;
		width:720px;	
	}
	
	.latest .publications,
	.latest .research{
		margin-right:0;
		width:auto;	
	}
	
	.latest .publications{
		margin-bottom:20px;	
	}
	
	.social-twitter-block ul li div.social-twitter-image{
		display:none;
	}

	.side_bar {
		width: 100%;
		padding: 0;
		border: none;
	}

	.side_bar h3 {
		margin: 0 0 20px;
	}

	.main_right {
		padding-left: 0;
		width: 100%;
	}

	.mobile-filter.collapse {
		display: none;
		height: auto;
		overflow: visible;
		padding-bottom: 0;
	}

	.mobile-filter.collapse.in {
		display: block;
	}

	.footer-right.footer-logos img {
		max-width: 100px;
	}

	.footer-right.footer-logos img + img {
		margin-left: 50px;
	}

	.social-quick {
		margin-bottom: 20px;
	}

}

@media (max-width: 767px) {

	#page .inner {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	#masthead.inner {
		padding: 0 50px;
	}

	.top-bar {
		height: auto;
	}
		
	.top-bar:after{
		display:none;	
	}
	
	.top-bar .left{
		font-size:12px;
	}
	
	.top-bar .left span{
		margin-right:25px;
	}
	
	.top-bar .right form{
		display:none;
	}

	.top-bar .right a{
		float:right;	
	}

	.mobile-top-bar {
		font-size: 26px;
		background-color: #008fa6;
		padding: 3px 0;
	}

	.mobile-top-bar a {
		color: #fff;
	}

	.mobile-top-bar a + a {
		margin-left: 15px;
	}

	.mobile-phone-panel a {
		text-align: center;
		font-size: 16px;
		padding: 5px 0;
		display: block;
	}

	.phone-numbers {
		display: block;
	}

	.phone-numbers span {
		display: block;
	}

	.mobile-btn {
		display: block;
	}

	.main-nav .navbar-nav {
		float: none;
		text-align: center;
		margin: 15px 0 0;
		width: 100%;
	}

	.nav-bar::after {
		content: none;
	}

	.nav-bar .logo {
		float: none;
	}

	.main-nav .navbar-nav > li + li {
		border-top: 1px solid #eaeaea;
	}

	.main-nav .navbar-nav > li > a {
		margin: 0;
	}

	.dropdown-menu {
		text-align: center;
	}

	.main-nav .navbar-nav .open .dropdown-menu > li > a {
		padding: 10px 15px;
		margin: 0;
	}

	#home-carousel {
		display: none;
	}

	.image_container {
		max-width: 100px;
		margin-bottom: 20px;
	}

	.publications_list a {
		margin-bottom: 30px;
	}

	.equal-height {
		padding-bottom: 20px;
		border-bottom: 1px solid #eaeaea;
	}

	.masthead-page-title__inner {
		position: static;
	}

	.masthead {
		padding-bottom: 29px;
	}

	.masthead-page-title {
		height: auto;
	}

	.filter-people li {
		margin: 5px 0;
		width: 40px;
	}

	.filter-people li span {
		padding: 0;
	}

	.footer:before,
	.masthead:after {
		margin-left: 0;
		width: 100%;
		left: 0;
	}
	
	.footer .footer-left,
	.footer .footer-right,
	.footer .footer-right form,
	.equal-height,
	.footer .footer-right input {
		width:100%;	
	}
	
	.footer-right.footer-logos img,
	.footer-right.footer-logos img + img {
		margin:0 auto 20px;
		display: block;
		max-width: 100%;
	}

	.our-people-header > div {
		margin-bottom: 15px;
	}

	.our-people-header-info {
		padding-left: 15px;
	}

	.our-people-header .text-right {
		text-align: left;
	}

	.footer .footer-bottom {
		text-align: center;
	}

	.footer .footer-bottom div {
		float: none;
	}

}