* { -webkit-box-sizing: border-box; box-sizing: border-box; }

.mobile-only {display: none;}

@media screen and (max-width: 1060px) {
	#header {padding: 0 5%;}
	body.scroll-lock {
    	overflow: hidden;
    	max-height: 100vh;
    	position: fixed;
	    width: 100%;
	    height: 100%;
	}
	#main {width: 90%;}
	#logo {padding:0;}
	div.office { display: block; margin-bottom: 0; }
	#nav {display: none;}
	#nav li {margin-left: 0;}
	#menu-toggle {display: block;}
	#menu-toggle a { display: block; }
	#menu-toggle a span { display: block; height: 2px; background: #111; width: 20px; }
	#menu-toggle a span:nth-child(2) { margin: 3px 0; }
	#footer-inner { padding: 10px 5%; }
	#footer p { line-height: 1.5; }
	div#footer-copyright p { line-height: 1.5; }
	#footer-logo {
	    position: relative;
	    top: auto;
	    left: auto;
	    bottom: auto;
	    right: auto;
	    margin-top: 40px;
	}

	.location-info {
	    max-width: 100%;
	}

	div#history .flex {
	    display: block;
	}

	div#history .flex > div {
	    width: 100%;
	}

	#history .date {
	    text-align: center;
	}

	div#global-long-short .flex {
		display:block;
		padding-bottom:0;
	}

	#global-long-short .col-1, #global-long-short .col-2  { width:100%; margin:10px 0 10px 0; }	
	div#page-listing {
	    display: block;
	    width: 100%;
	    text-align: center;
	    margin-bottom: 2em;
	}

	div#page-listing + div#page-content {
	    width: 100%;
	    margin: 0;
	}
	div#footer-contact p { margin: 5px 0; }

	#main-image {padding-bottom: 15px;}

	.mobile-only {display: block;}
	.desktop-only {display: none;}

	.flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.mobile-table .table-header {
	    text-align: center;
	    font-size: 1.3em;
	    line-height: 1;
	    background: #ddd;
	    padding: 10px;
	    margin-bottom: 10px;
	}

	.table-row {
    	background: #f4f4f4;
    	padding: 8px 16px;
	}

	.table-row:nth-child(odd) {background: #e5e5e5;}

	.table-row > span:first-child {
    	font-weight: 700;
	}
	.table-row > span:last-child {
    	margin-left: auto;
    	text-align: right;
	}

	table.offices {
    	width: 100%;
	}

	table.offices tr td {
    	display: block;
    	width: 100%;
    	overflow: hidden;
	}

	div.cmsmap {
    	width: 100%!important;
	}

	#hedge-fund-managers {
    	width: 100%;
	}

	#menu-toggle.active {
	    z-index: 9;
	    position: relative;
	}

	#menu-toggle.active span {
		background: #fff;
	}

	#menu-toggle.active span:nth-child(2) {
		opacity: 0;
	}

	#nav ul li:hover {background: transparent;}

	#nav a:hover {background: transparent; color: #fff;}

	#nav.open {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    position: fixed;
	    top: 0;
	    left: 0;
	    max-width: 100%;
	    width: 100%;
	    height: 100vh;
	    background: rgba(0,0,0,0.9);
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	    z-index: 8;
	}

	#nav.open ul {
    	float: none;
    	display: block;
	}

	#nav.open li {
    	display: block;
    	text-align: center;
    	float: none;
	}

	#nav.open a {
		display: block;
	    width: auto;
	    height: auto;
	    font-size: 2em;
	    color: #fff;
    }

    #nav.open ul li ul {
	    background: none;
	    position: relative;
	    padding: 0;
	    margin: 0;
	    opacity: 1;
	    top: auto;
	    left: auto;
	    text-align: center;
	}

	#nav.open ul li ul li a {
	    text-align: center;
	    font-size: 1.1em;
	    padding: 5px;
	}


}

@media screen and (max-width: 768px) {
	#footer-contact {
	    width: 100%;
	    margin-bottom: 20px;
	    margin-top: 0;
	    padding: 0;
	    border: none;
	}

	#main ul.documents-listing li {
    	line-height: 1.5;
	}

	.person .photo {
    	padding: 0 0 20px 0;
	}

	.person img {width:100px; height:100px;}
	
	.news .picture {padding: 0 0 20px 0;}
	
	.news img {width:100px; height:100px;}
}


@media screen and (max-width: 767px) {
	.person .flex {
    	display: block;
    	flex-direction: column;
	}

	.person .photo {
    	padding: 0 0 20px 0;
	}

	.person img {width:120px; height:120px;}
	
	.news .flex {
    	display: block;
    	flex-direction: column;
	}
	.news .picture {
    	padding: 0 0 20px 0;
	}
	.news img {width:120px; height:120px;}
}