@media all and (max-width: 1000px){

	html,body {
		width: 100%;
		overflow-x: hidden;
	}

	.mobileOnly {
		display: inline-block;
	}
	
	.desktopOnly,
	.printOnly {
		display: none !important;
	}

	.siteCenter {
		padding-left: 3%;
		padding-right: 3%;
	}

	
	/*--------------------------------------------------------------
		HIDDEN CONTENT
	--------------------------------------------------------------*/
	div.awesomplete > ul,
	.page-template .colLeft h1,
	.colLeft span.parentTitle,
	#siteContainer.search .colRight,
	.page-template-single-practice-detail .colLeft div#subpages {
		display: none !important;
	}
	
	
	
	/*--------------------------------------------------------------
		HEADER
	--------------------------------------------------------------*/
	.switcher {
		margin: 10px 80px 0 0;
		width: 105px !important;
	}

	#gtranslate_wrapper {
		top: 35px !important;
		right: -20% !important;
	}
	
	header#mastHead div.logo {
		/* height: auto; Disabled for ADA*/
		max-width: 142px;
		min-width: 80px;
		margin: 0 0 20px 0;
	}
	
	header#mastHead div.logo img {
		height: auto;
		width: 100%;
	}
	

	div#mainMenuWrapper {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: rgba(0,0,0,.95);
		z-index: 200;
		display: none;
	}
	
	div#mainMenuWrapper nav#mainNav {
		padding: 20vh 2% 0 2%;
	}
	
	div#mainMenuWrapper nav#mainNav ul li {
		display: block;
		margin: 4vh 0 0 0;
		text-align: center;
	}
	
	div#mainMenuWrapper nav#mainNav ul li:last-child {
		display: none;
	}
	
	div#mainMenuWrapper nav#mainNav a {
		font-size: 2.25rem;
	}
	
	div#mobileToggleWrapper {
		position: absolute;
		top: 0;
		right: 0;
		text-align: right;
		z-index: 300;
	}
	
	div#mobileToggleWrapper a {
		font-size: 3rem;
		padding: 5px 10px 0 10px;
		margin: 0 0 0 5px;
		color: #ffffff;
	}
	
	div#mobileToggleWrapper a#mobileMenuToggle {
		background-color: #168664;
	}
	
	div#mobileToggleWrapper a.searchToggle {
		background-color: #00b7eb;
	}
	
	div#globalSearchOverlay span.searchClose {
		padding: 0 12px;
		font-size: 3rem;
		top: 0;
		right: 0;
	}
	
	div#globalSearchOverlay form input {
		font-size: 2.5rem;
	}
	
	div#globalSearchOverlay button {
		font-size: 3rem;
	}


	/*--------------------------------------------------------------
		Mobile Menu GTranslate
	--------------------------------------------------------------*/
	.gtranslate_wrapper {
		display: none !important;
	}

	div#mainMenuWrapper nav#mainNav #top-menu {
		display: flex;
		justify-content: center;
	}
	div#mainMenuWrapper nav#mainNav #top-menu > li[id] {
		display: none !important;
	}
	div#mainMenuWrapper nav#mainNav #top-menu li.menu-item-gtranslate {
		display: block !important;
	}
	div#mainMenuWrapper nav#mainNav #top-menu li.menu-item-gtranslate > div {
		position: relative !important;
	}
	div#mainMenuWrapper nav#mainNav #top-menu li.menu-item-gtranslate .gt_switcher {
		color: #000 !important;
		font-size: 15px !important;
	}
	div#mainMenuWrapper nav#mainNav #top-menu li.menu-item-gtranslate .gt_switcher .gt_option {
		color: #000 !important;
		font-size: 15px !important;
	}
	div#mainMenuWrapper nav#mainNav #top-menu li.menu-item-gtranslate .gt_switcher .gt_option a.nturl {
		color: #000 !important;
		font-size: 15px !important;
	}
	div#mainMenuWrapper nav#mainNav #top-menu li.menu-item-gtranslate .gt_switcher .gt_option a.nturl:hover, div#mainMenuWrapper nav#mainNav #top-menu li.menu-item-gtranslate .gt_switcher .gt_option a.nturl:active, div#mainMenuWrapper nav#mainNav #top-menu li.menu-item-gtranslate .gt_switcher .gt_option a.nturl:focus {
		color: #000 !important;
	}
	div#mainMenuWrapper nav#mainNav #top-menu li.menu-item-gtranslate .gt_switcher .gt_selected a {
		color: #333 !important;
		font-size: 15px !important;
	}
	
	/*--------------------------------------------------------------
		LAYOUTS
	--------------------------------------------------------------*/
	.colLeft {
		text-align: left;
	}
	
	main#main .colLeft {
		float: none;
		width: 100%;
		text-align: left;
		padding: 0 0 30px 0;
		clear: both;
	}
	
	main#main .colRight {
		float: none;
		clear: both;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	.contentWrapper.fullHeight {
		min-height: 0;
		height: auto;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	div#contentHeader {
		margin-bottom: 30px;
	}
	
	div#contentHeader,
	div#contentHeader div.plus {
		height: 90px;
	}
	
	div#contentHeader .colorBar {
		font-size: 1.9rem;
	}
	
	div#contentHeader .colorBar.left {
		left: -54%;
	}
	
	div#contentHeader .colorBar.right {
		right: -54%;
	}
	
	div#widgetWrapper > div.widget {
		margin-left: 0;
	}
	
	div#benefitsWidget {
		margin-left: 0;
	}
	
	div.pdfSidebar {
		text-align: left;
	}

	div.pdfSidebar img {
		float: left;
		margin: 0 15px 30px 0;
	}
	
	.single-post div.pdfSidebar img {
		display: none;
	}
	
	.single-post div.pdfSidebar span {
		margin: 0;
	}
	
	div#relNews, div#relBios {
		width: 106%;
		margin-left: -3%;
		padding: 30px 6%;
	}
	
	
	/*--------------------------------------------------------------
		MAIN CONTENT STYLING
	--------------------------------------------------------------*/
	.colLeft h1 {
		font-size: 3rem;
		margin-top: 0;
	}
	
	article .colLeft a.category {
		font-size: 1.8rem;
	}
	
	h1.mobileOnly {
		font-weight: 600;
		font-size: 3.5rem;
		letter-spacing: -1.5px;
		line-height: 1;
		margin: 25px 0 25px 0;
		padding: 0;
	}
	
	div.related div.carouselWrapper ul li,
	div.related div.carouselWrapper ul li:nth-child(4n+1) {
		display: block;
		width: 100%;
		margin: 0 0 30px 0;
		padding: 0;
	}
	
	div#bios div.bio {
		width: 45%;
		margin-left: 10%;
	}
	
	div#bios div.bio div.thumbnail {
		height: 150px;
	}
	
	div#bios div.bio:nth-child(3n+1) {
		clear: none;
		margin-left: 10%;
	}
	
	div#bios div.bio:nth-child(odd) {
		clear: left;
		margin-left: 0;
	}
	
	main#main div#subnav ul li {
		margin: 0 0 0 4px;
	}
	
	/*--------------------------------------------------------------
		FLIPPER CONTENT (turn off hover flipping functionalit)
	--------------------------------------------------------------*/
	/* flip the pane when hovered */
	div.flip-container:hover .flipper,
	div.flip-container.hover .flipper {
		transform: none;
	}
	
	div.flip-container:hover .flipper div.front,
	div.flip-container.hover .flipper div.front {
		z-index: 0;
	}
	
	div.flip-container div.back {
		transform: rotateY(0);
	}
	
	div.flip-container:hover .flipper div.back,
	div.flip-container.hover .flipper div.back {
		opacity: 1;
		z-index: 1;
	}
	
	div#altCareersDetailWrapper,
	.page-template-single-careers-detail div.parentLink {
		padding-left: 3%;
		padding-right: 3%;
	}
	
	div#altCareersDetailWrapper > div {
		width: 100%;
		margin: 0 0 15px 0;
	}
	

	
	/*--------------------------------------------------------------
		PRACTICES & CASES LANDING
	--------------------------------------------------------------*/
	.page-template-page-practices-landing div.colLeft {
	    float: none;
	    width: 100%;
	    padding: 0;
	    text-align: left;
	}

	div.page-template-page-practices-landing .colLeft > h1 {
	    display: block !important;
	    margin: 30px 0 10px 0;
	}
	
	.page-template-page-practices-landing div.colRight {
		float: none;
		width: 100%;
	}
	
	.page-template-page-practices-landing div.colRight .bar {
		font-size: 2.7rem;
		height: 45px;
		padding: 10px 0 0 .5em;
	}
	
	.page-template-page-practices-landing div.colRight .bottom .colorBar {
		width: 150%;
		right: 0;
	}

	.page-template-page-practices-landing #practicesListWrapper,
	.page-template-page-case-studies #casesList {
		width: 107%;
		background: #ffffff;
		margin: 0px 0px 10vh -3%;
		padding: 5vh 3%;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	
	.page-template-page-practices-landing #practicesListWrapper > .practicesList {
		float: none;
		width: 100%;
		margin: 50px 0 0 0;
	}
	
	.page-template-page-practices-landing .practicesList > ul,
	.page-template-page-case-studies #casesList > ul {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.page-template-page-practices-landing .practicesList > ul > li,
	.page-template-page-case-studies #casesList > ul > li {
		border-top: 1px solid rgba(0,0,0,.5);
		width: 100%;
		display: block;
		padding: 2vh 10% 0 0;
		margin: 2vh 0 0 0;
		position: relative;
	}
	
	.page-template-page-case-studies #casesList > ul > li {
		padding-right: 5%;
	}
	
	.page-template-page-practices-landing .practicesList > ul > li:first-child,
	.page-template-page-case-studies #casesList > ul > li:first-child {
		border-top: 0;
		margin-top: 0;
		padding-top: 0;
	}
	
	.page-template-page-practices-landing .practicesList > ul > li > a {
		color: #000000;
	}
	
	.page-template-page-case-studies #casesList > ul > li > a:link,
	.page-template-page-case-studies #casesList > ul > li > a:visited {
		color: #000000;
		display: block;
	}
	
	.page-template-page-case-studies #casesList > ul > li > ul > li {
		color: #000000;
	}
	
	main#main div#subnav {
		margin: 0 0 30px 0;
		border-top: 1px solid rgba(0,0,0,.25);
		border-bottom: 1px solid rgba(0,0,0,.25);
		padding: 10px 0;
	}
	
	main#main div#subnav ul li {
		font-weight: 600;
	}
	
	main#main div#subnav li.active a {
		color: #00b7eb;
	}
	
	main#main div#subnav li.active a::before {
		content: "";
	}
	
	div#subpracticeToggle.mobileOnly {
		margin: -26px 0 20px 0;
		display: block !important;
	}
	
	div#subpracticeToggle span {
		background-color: #252da4;
		color: #ffffff;
		font-weight: 600;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1.9rem;
		padding: 5px 10px;
		letter-spacing: -.5px;
		cursor: pointer;
	}
	
	div#subpracticeToggle span i.fa {
		color: #00b7eb;
		font-weight: 400;
	}
	
	div#subpracticeOverlay {
		display: none;
		position: fixed;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(37,45,164,.98);
		z-index: 100;
		align-items: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	div#subpracticeOverlay ul {
		width: 80%;
		
	}
	
	div#subpracticeOverlay ul li {
		list-style: none;
		text-align: center;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 2.5rem;
		letter-spacing: -.5px;
		width: 100%;
		font-weight: 600;
		margin: 3vh 0;
	}
	
	div#subpracticeOverlay ul li a:link,
	div#subpracticeOverlay ul li a:visited {
		color: #ffffff;
	}
	
	div#subpracticeOverlay ul li a:hover {
		color: #f2d03b;
	}
	
	div#subpracticeOverlay span#subpracticeOverlayClose {
		cursor: pointer;
		position: absolute;
		top: 10px;
		right: 2%;
		font-size: 4rem;
		display: inline-block;
		padding: 5px;
		color: #ffffff;
	}
	
	
	
	/*--------------------------------------------------------------
		NEWS LANDING
	--------------------------------------------------------------*/
	div#newsLandingWrapper > div.flip-container {
		width: 100%;
		margin-left: 0;
	}
	div#newsLandingWrapper > div#search {
		display: none;
	}
	
	div#mobileSearch {
		display: block;
		margin: 0 0 20px 0;
		width: 100%;
	}
	
	div#mobileSearch > div {
		display: none;
	}
	
	div#mobileSearch > span.searchToggle {
		color: #ffffff;
		cursor: pointer;
		font-size: 2rem;
		font-weight: 600;
		font-family: 'Roboto Condensed', sans-serif;
		letter-spacing: -.5px;
	}
	
	#newsLandingWrapper form fieldset {
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#newsLandingWrapper form fieldset:last-child {
		margin-bottom: 40px;
	}
	
	#newsLandingWrapper form input[type="submit"] {
		height: 41px;
	}
	
	
	/*--------------------------------------------------------------
		OFFICE PAGES
	--------------------------------------------------------------*/
	div#offices div.officeWrapper {
		width: 100%;
		margin-left: 0;
		min-height: 180px;
		font-size: 1.5rem;
	}
	
	div#offices div.officeWrapper h3 {
		line-height: 2.5rem;
		margin: 0;
	}
	
	div#offices div.officeWrapper a.moreLink {
		margin: 0;
	}
	
	.page-template-single-office-detail .colLeft {
		display: none !important;
	}
	
	.page-template-single-office-detail div.officeInfo,
	div#googleMap {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
	}
	
	
	/*--------------------------------------------------------------
		CAREER PAGES
	--------------------------------------------------------------*/
	div#careersLandingWrapper {
		flex-wrap: wrap;
		margin: 0 3%;
	}
	div#careersLandingWrapper > div#columnLeft {
		width: 100%;
	}
	
	div#careersLandingWrapper > div#columnRight {
		width: 100%;
	}
	
	div#careersLandingWrapper > div#columnLeft > div,
	div#careersLandingWrapper > div#columnLeft > div:nth-child(-n+2) {
		width: 100%;
		margin: 0 0 15px 0;
	}
	
	div.careers div.back {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	
	div#careersLandingWrapper > div#columnRight ul li {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	
	
	
	/*--------------------------------------------------------------
		ARCHIVES
	--------------------------------------------------------------*/	
	div#archives div.colLeft {
		padding: 30px 3%;
		float: none;
		width: 106%;
		clear: both;
		margin-left: -3%;
	}
		
	div#archives div.colRight {
		float: none;
		width: 100%;
	}
	
	div#archives ul.catList {
		margin: 0 0 20px 0;
	}
	
	div#archives ul.catList li {
		display: inline-block;
		margin: 0 35px 0 0;
	}
	
	/*--------------------------------------------------------------
		404 Page
	--------------------------------------------------------------*/
	.error404 h1 {
		font-size: 2rem;
		top: -10px;
	}
	.error404 div.center > span {
		font-size: 15rem;
		top: 47px;
		left: -7px;
	}
	
	.error404 div.left > span,
	.error404 div.right > span {
		font-size: 2rem;
		padding: 4px 15px;
	}
	
	
	
	
	/*--------------------------------------------------------------
		FOOTER
	--------------------------------------------------------------*/
	footer {
		position: relative;
		height: 150px;
		clear: both;
	}
	
	footer #footerWrapper {
		padding: 25px 0 0 0;
		font-size: 1.65rem;
		display: block;
	}
	
	footer nav#footerNav {
		float: none;
		text-align: center;
		padding-right: 0;
	} 
	
	footer nav#footerNav ul {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		text-align: center;
	}
	
	footer nav#footerNav ul li {
		margin: 0 10px;
	}
	
	footer nav#footerNav ul li:nth-child(2):after {
		content: "\A"; 
		white-space: pre;
	}
	
	footer nav#footerNav ul li.social {
		margin: 0 10px;
		line-height: 1;
	}
	
	footer nav#footerNav ul li.social a {
		font-size: 42px;
	}
	
	footer span.copyright {
		display: block;
		width: 94%;
		text-align: center;
		position: absolute;
		bottom: 10px;
		left: 3%;
		color: #000000;
		font-size: 1.3rem;
	}
	
}



/*--------------------------------------------------------------
	MOBILE DEVICES (LANDSCAPE MODE)
---------------------------------------------------------------- */
@media screen and (max-width: 1000px)
		and (orientation:landscape) {
		
		div#mainMenuWrapper nav#mainNav {
			padding-top: 10vh;
		}
		
		div#mainMenuWrapper nav#mainNav ul li {
			margin-top: 2.5vh;
		}
		
		div#mainMenuWrapper nav#mainNav a {
			font-size: 1.8rem;
		}


}




/*--------------------------------------------------------------
	LARGER PHONE DEVICES
--------------------------------------------------------------*/
@media all	and (min-width: 480px)
			and (max-width: 1000px){


	div#bios div.bio {
		width: 31%;
		margin-left: 3%;
	}
	
	div#bios div.bio:nth-child(odd) {
		clear: none;
		margin-left: 3%;
	}

	div#bios div.bio:nth-child(3n+1) {
		clear: left;
		margin-left: 0;
	}
	
	.switcher {
		margin: 20px 80px 0 0;
		width: 163px;
	}
	


}

@media all	and (min-width: 560px)
			and (max-width: 1000px){

	div#contentHeader .colorBar.left {
		left: -53%;
	}
	
	div#contentHeader .colorBar.right {
		right: -53%;
	}
	
	div#bios div.bio div.thumbnail {
		height: 200px;
	}
	
	.page-template-page-practices-landing #practicesListWrapper > .practicesList {
		float: left;
		width: 40%;
		margin: 0 0 0 10%;
	}
	
	.error404 h1 {
		font-size: 2.3rem;
		top: -15px;
	}
	.error404 div.center > span {
		font-size: 20rem;
		top: 50px;
		left: -10px;
	}
	
	.error404 div.left > span,
	.error404 div.right > span {
		font-size: 2.5rem;
		padding: 6px 15px;
	}

}

/*--------------------------------------------------------------
	TABLET DEVICES
--------------------------------------------------------------*/
@media all	and (min-width: 720px)
			and (max-width: 1000px){

	div#contentHeader, 
	div#contentHeader div.plus {
		height: 105px;
	}
	
	div#contentHeader .colorBar {
		font-size: 2.2rem;
	}
	
	div#contentHeader .colorBar.left {
		left: -52.5%;
	}
	
	div#contentHeader .colorBar.right {
		right: -52.5%;
	}
	
	div#mobileToggleWrapper a {
		font-size: 3.75rem;
		padding: 7px 14px 3px 14px;
		margin: 0 0 0 7px;
		color: #ffffff;
		line-height: 1.5;
	}
	
	div#globalSearchOverlay span.searchClose {
		font-size: 3.75rem;
		line-height: 1.4;
		padding: 0 22px;
	}
	
	div.related div.carouselWrapper ul li:first-child,
	div.related div.carouselWrapper ul li {
		width: 47%;
		display: inline-block;
		float: left;
		margin: 0 0 30px 5%;
	}
	
	div.related div.carouselWrapper ul li:nth-child(odd) {
		margin-left: 0;
		clear: left;
	}
	
	div#newsLandingWrapper #mobileSearch form fieldset {
		float: left;
		width: 49%;
		margin-left: 2%;
	}
	
	div#newsLandingWrapper #mobileSearch form fieldset:nth-child(odd) {
		clear: left;
		margin-left: 0;
	}
	
	div#bios div.bio div.thumbnail {
		height: 250px;
	}
	
	.error404 h1 {
		font-size: 2.6rem;
		top: -20px;
	}
	.error404 div.center > span {
		font-size: 25rem;
		top: 60px;
		left: -10px;
	}
	
	.error404 div.left > span,
	.error404 div.right > span {
		font-size: 3rem;
		padding: 7px 15px;
	}
	
	.switcher {
		margin: 25px 80px 0 0;
		width: 208px !important;
	}

}