/*------------------------------*/
/*-----------1600px------------*/
/*----------------------------*/
@media screen and (max-width: 1600px) {
	#logo {
		bottom: -125px;
	}
	#logo img {
		max-width: 280px;
	}
	#content {
		padding: 0px 4% 24px;
	}
	#topContentStuff {
		padding: 38px 0 0;
	}
	#menusContainer {
		padding-top: 104px;
	}
	#title-info h2,
	#title-info h1 {
		padding-bottom: 40px;
		font-size: 20px;
		min-height: 92px;
	}
	#title-info p {
		margin-top: 0px;
		line-height: 2em;
	}
	#title-info {
		width: 49%;
	}
	.home .social-share {
		margin: 0px 0px 0px;
	}
	.home #footer {
		margin-top: 40px;
	}
	#header {
		padding: 60px 4% 80px;
	}
	#content {
		padding: 0px 4% 40px;
	}
}

@media screen and (max-width: 1367px) {
	.home-featured {
		padding: 50px 4% 24px;
	}
}
/*------------------------------*/
/*-----------1310px------------*/
/*----------------------------*/
@media screen and (max-width: 1310px) {
	.message-bar {
		padding: 5px 5%;
	}

	.home-featured p::after {
		margin: 3px 0px 6px;
	}

	.home-featured p {
		padding: 0px 0px 0px 3px;
	}

	.home-featured h1 {
		line-height: 44px;
	}

	.home-featured h1 a {
		font-size: 38px;
		line-height: 10px;
	}

	.home-featured .featured-wrap {
		max-width: 370px;
	}

	#logo {
		bottom: -115px;
	}
	#logo img {
		max-width: 260px;
	}
	#content {
		padding: 0px 3% 24px;
	}
	#topContentStuff {
		padding: 34px 0 0;
	}
	#menusContainer {
		padding-top: 92px;
	}
	#title-info h2,
	#title-info h1 {
		padding-bottom: 36px;
		font-size: 18px;
		min-height: 83px;
	}
	#title-info p {
		margin-top: 0px;
		line-height: 1.7em;
		padding: 13px 22px 28px;
	}
	#title-info {
		width: 49%;
	}
	.home .social-share {
		margin: 0px 0px 0px;
	}
	.home #footer {
		margin-top: 40px;
	}

	#header {
		padding: 60px 3% 80px;
	}

	/*--SIDEBAR--*/
	#sidebar {
		margin: 0;
		padding: 60px 5%;
		left: 0;
	}
	#sidebar .widget {
		width: 30%;
	}
	#sidebar .widget:nth-child(4n + 1) {
		clear: inherit;
		margin-left: 5%;
	}
	#sidebar .widget:nth-child(3n + 1),
	#sidebar .widget:nth-child(6n + 1),
	#sidebar .widget:nth-child(9n + 1) {
		clear: left;
		margin-left: 0;
	}

	/*--MAP WRAPPER--*/
	#mapWrapper {
		height: 500px;
	}

	.home #headerImages:after {
		background-size: auto 70%;
	}
}

/*------------------------------*/
/*-----------1150px------------*/
/*----------------------------*/

@media screen and (max-width: 1150px) {
	#sidebar .widget {
		width: 40%;
	}

	#sidebar .widget.double {
		width: 55%;
	}
	#title-info {
		width: 55%;
	}
	.met-bar h3 {
		display: none;
	}
	#menusContainer {
		width: 42%;
	}
	.social-icon {
		width: 26px;
	}

	.postsContainer > div {
		font-size: 14px;
	}

	.postInfo .summary p {
		max-height: 86px;
	}
	.aside-content {
		max-height: 88px;
	}
	.postInfo {
		padding: 24px 20px 20px;
	}
	.menuContainer .menu a {
		font-size: 14px;
	}

	.home-headline .btn.btn-primary {
		display: none;
	}
}

/*-----------------------------*/
/*-----------960px------------*/
/*---------------------------*/
@media screen and (max-width: 960px) {
	.prezi {
		height: 400px !important;
	}

	#menusContainer {
		border-bottom: 1px solid rgb(238, 238, 238);
		padding: 32px 0px 18px 330px;
		float: none;
		width: auto;
	}

	body:not(.home) #menusContainer {
		display: none;
	}

	#menusContainer .menuContainer:last-child {
		width: 150px;
		position: absolute;
		bottom: 29px;
		left: 0;
	}

	.menuContainer {
		width: 45%;
	}

	#menusContainer .menuContainer:last-child h3 {
		display: none;
	}

	.social-icon {
		width: 36px;
		float: left;
	}

	.fb-like {
		float: none;
		display: block !important;
		clear: both;
	}

	.single-classes.category-projects .met-bar h3 {
		display: none;
	}
	#logo {
		bottom: -137px;
	}
	#logo img {
		max-width: 260px;
	}

	#content {
		padding: 5% 5% 20px;
	}

	#topContentStuff {
		padding: 0;
	}
	.menuContainer .menu a {
		font-size: 15px;
	}

	#menuToggle {
		display: block;
		text-align: right;
		font-family: Montserrat;
		font-size: 16px;
		color: rgb(106, 173, 70);
		line-height: 40px;
		background: linear-gradient(
				to right,
				rgb(255, 255, 255) 0%,
				rgb(245, 245, 245) 100%
			)
			repeat scroll 0% 0% transparent;
	}

	#title-info {
		float: none;
		width: auto;
		clear: both;
		margin-top: 0px;
		padding-top: 0px;
	}

	#title-info h2,
	#title-info h1 {
		font-size: 18px;
		min-height: 95px;
		width: 100%;
		text-align: right;
		padding: 24px 0px 24px 286px;
	}

	.home .social-share {
		margin: 0px;
		top: 90px;
		display: none;
	}

	#title-info p {
		margin: 0px auto 0px;
		line-height: 1.7em;
		padding: 20px 30px 30px;
		box-sizing: border-box;
		width: 100%;
		max-width: 660px;
		float: none;
	}

	.project-filter .selectric .button {
		height: 30px;
	}

	.project-filter .selectric .label {
		font-size: 14px;
		padding: 6px;
	}

	.project-filter .selectricWrapper {
		padding: 0 10px;
	}

	.postInfo {
		padding: 34px 30px 40px;
	}
	/*--HEADER--*/
	#header {
		padding: 5% 5% 10%;
	}

	.home #footer {
		margin-top: 50px;
	}

	.page-template-page-projects-php .filterwrap {
		height: 180px;
		padding: 0% 2% 1%;
		margin: 0;
	}

	#topContentStuff #scroll-down,
	.home #topContentStuff #scroll-down {
		bottom: -74px;
		left: 50%;
		margin: 0 15px;
	}

	/*--CONTENT--*/

	.nextPrevItem p {
		font-size: 16px;
	}

	/*--TOP CONTENT STUFF--*/
	#topContentStuff {
		margin-bottom: 0;
	}

	#menusContainer:after {
		content: '';
		clear: both;
		display: block;
	}
	#menuToggle {
		display: block;
	}

	/*--TITLE INFO--*/

	/*--NAVIGATION--*/

	/*--GALLERY--*/
	.gallery {
		margin: 0 !important;
		position: relative;
		padding: 30px 0;
	}

	/*--COLUMN STUFF--*/
	#pageWidgets,
	.entry {
		-webkit-column-count: 1 !important;
		-moz-column-count: 1 !important;
		column-count: 1 !important;
	}

	/*--NAVIGATION--*/
	#navigation {
		left: 0;
		margin-left: 0 !important;
		width: 100%;
	}
	#navigation a {
		width: 48%;
	}

	/*--STICKY POSTS--*/
	.nextPrevItem,
	.nextPrevItem:hover {
		background-size: cover;
	}

	/*--MAP WRAPPER--*/
	#mapWrapper {
		height: 400px;
	}
	/*--POST LISTING DIV POSITION--*/
	.postsContainer > div {
		margin: 0 0 30px 5%;
		font-size: 14px;
		width: 47.5%;
		float: left;
	}
	.postsContainer > div:nth-child(3n + 1) {
		clear: none;
		margin-left: 5%;
	}
	.postsContainer > div:nth-child(2n + 1),
	.postsContainer > div:nth-child(4n + 1),
	.postsContainer > div:nth-child(6n + 1),
	.postsContainer > div:nth-child(8n + 1) {
		clear: left;
		margin-left: 0;
	}

	.projectsContainer > div {
		width: 46% !important;
		float: left !important;
		clear: none !important;
		margin: 0 2% 4% !important;
	}
	.filter.reset a::before {
		font-size: 24px;
		height: 24px;
	}
	.filter.reset {
		top: -90px;
		right: 0px;
		text-align: center;
	}

	#projectNo {
		padding-right: 50px;
	}
	.no-projects {
		font-size: 16px;
	}

	.home #headerImages::after {
		background-position: 100% bottom;
		background-size: auto 70%;
	}
}

/*-----------------------------*/
/*-----------900px------------*/
/*---------------------------*/
@media screen and (max-width: 900px) {
	.home-featured h1 {
		line-height: 44px;
	}

	.home-featured h1 a {
		font-size: 38px;
		line-height: 10px;
	}

	.home-featured .featured-wrap {
		max-width: 370px;
	}

	.prezi {
		height: 360px !important;
	}

	.met-bar h3 {
		display: none;
	}
	.single-classes.category-projects .footer-social-share {
		display: none;
	}
	/*--SIDEBAR--*/
	#sidebar .widget.double {
		width: 50%;
	}

	.slogan br {
		display: none;
	}

	body.single .format-standard {
		padding-top: 0px !important;
	}

	/*--SINGLE STANDARD POST--*/
	body.single .format-standard {
		padding-top: 30px;
	}

	/*--PAGE CONTENT--*/
	#pageContent {
		padding-top: 30px;
		margin-top: 30px;
	}

	/*--POST LISTING CONTAINER--*/
	.postsContainer {
		padding-top: 10px;
	}

	/*--MARGIN TOP STUFF--*/
	#mapWrapper,
	.postinate {
		margin-top: 30px;
	}

	/*--FULL SCREEN MAP--*/
	body.full-map #mapWrapper {
		margin-top: 0;
	}

	/*--DETAILS--*/
	#details {
		margin-top: 0px;
		padding: 15px 0 15px;
	}

	/*--FOOTER--*/
	#footer #copyright {
		padding-left: 45px;
	}
	#footerMenuContainer {
		text-align: center;
	}

	/*--MAP LIST STUFF--*/
	#list-item-toggle.list-open {
	}
	#loc-list.list-open {
	}

	#details li {
		margin: 0 5px;
		font-size: 15px;
	}
	#details.single-project-details li {
		margin: 0px 0 0 15px;
		text-align: center;
	}
	#details li span {
		margin-left: 5px;
	}

	.single-badge-wrap {
		height: 50px;
		width: 116px;
		margin: 0 auto 15px;
		float: none;
	}

	.comment-meta a {
		color: rgb(79, 94, 89);
		font-size: 15px;
	}

	.comment-author {
		font-size: 13px;
	}
}

/*-----------------------------*/
/*-----------850px------------*/
/*---------------------------*/
@media screen and (max-width: 850px) {
	#footer #copyright {
		padding-left: 0px;
	}
	#copyright .map-icon {
		display: none;
	}

	.page #headerImages::after,
	.blog #headerImages::after {
		background-size: 80% auto;
	}

	#loc-list.list-open {
		padding: 15px;
	}

	.loc-item .infoBox small {
		display: none;
	}

	.loc-item .infoBox .cert {
		font-size: 10px;
	}

	#locationDetails .infoBox .cert {
		padding-right: 25px;
		font-size: 10px;
	}

	#locationDetails .infoBox small {
		padding-right: 25px;
		font-size: 12px;
	}
}

/*-----------------------------*/
/*-----------800px------------*/
/*---------------------------*/
@media screen and (max-width: 800px) {
	.prezi {
		height: 320px !important;
	}
	.projectsContainer > div {
		width: 100% !important;
		float: left !important;
		clear: none !important;
		margin: 0 2% 4% !important;
	}
	.projectsContainer {
		max-width: 360px;
		margin: 0px auto;
	}
	.filterwrap {
		margin: 0;
	}
	#topContentStuff #scroll-down,
	.home #topContentStuff #scroll-down {
		display: none;
	}

	.project-filter .selectricWrapper {
		padding: 0px 5px;
	}

	.home-headline {
		display: none;
	}
}

/*-----------------------------*/
/*-----------700px------------*/
/*---------------------------*/

@media screen and (max-width: 700px) {
	#projectNo #project-count,
	.count-no {
		font-size: 28px;
	}
	.message-bar {
		display: none !important;
	}
	.prezi {
		height: 300px !important;
	}

	.home #headerImages::after {
		background-position: bottom right;
		background-size: 200px;
	}

	#menusContainer {
		border-bottom: 1px solid rgb(238, 238, 238);
		padding: 30px 0px 20px;
		float: none;
		width: auto;
	}

	#menusContainer .menuContainer:last-child {
		width: 30%;
		position: relative;
		bottom: auto;
		left: auto;
	}

	.menuContainer {
		width: 30%;
	}

	#menusContainer .menuContainer:last-child h3 {
		display: block;
	}

	#details {
		margin-top: 0px;
		padding: 0px 0px;
	}
	.page .met-bar {
		display: none;
	}
	.footer-social-share {
		display: none;
	}
	#entryContainer .entry,
	#pageContent.entry {
		margin: 0;
	}
	p {
		font-size: 14px;
	}

	blockquote {
		border-left: 3px solid rgb(106, 173, 70);
		margin: 1em 0px 1em 0px;
		padding: 0px 0px 0px 25px;
	}
	.entry h4 {
		font-size: 18px;
	}
	.entry h3 {
		font-size: 15px;
	}

	blockquote li {
		line-height: 1.7em;
		border-bottom: 1px solid #eee;
		font-size: 14px;
	}

	#contactInfo:before {
		width: 45px;
		margin: 15px 0;
	}
	#contactInfo {
		font-size: 11px;
	}
	#title-info h2,
	#title-info h1 {
		font-size: 16px;
		min-height: 90px;
		text-align: center;
		padding: 24px 0px 24px;
	}
	.home .social-share {
		display: block;
		position: relative;
		top: auto;
	}

	.social-share {
	}

	.home #footer {
		margin-top: 35px;
	}

	#logo img {
		max-width: 240px;
	}

	#logo {
		bottom: -84px;
	}

	#title-info p strong,
	#title-info p::first-line {
		font-size: 15px;
	}

	#title-info p {
		line-height: 1.5em;
		text-align: center;
	}

	#menuToggle {
		line-height: 66px;
		background: none repeat scroll 0% 0% transparent;
	}
}
.full-map .filterwrap #postFilter a {
	margin: 0 5px;
}

/*-----------------------------*/
/*-----------650px------------*/
/*---------------------------*/
@media screen and (max-width: 650px) {
	.message-bar {
		display: none !important;
	}

	#menusContainer .menuContainer:last-child {
		width: 33%;
		position: relative;
		bottom: auto;
		left: auto;
		margin-left: 2%;
	}

	.full-map .filterwrap {
		display: none;
	}

	.home #title-overlay-wrap .title-overlay,
	.single .title-overlay,
	.page .title-overlay {
		font-size: 100px;
	}
	#footerMenuContainer {
		float: none;
	}

	#footer #copyright {
		display: none;
	}

	.home #footer {
		margin-bottom: 0;
	}

	/*--HEADER STUFF--*/
	#widgetPanelToggle {
		display: block;
		float: none;
		position: absolute;
		top: 10%;
		right: 5%;
	}
	#header #searchform {
		float: none;
		margin: 0;
		position: absolute;
		right: 60px;
		top: 10%;
		z-index: 2;
	}

	/*--WIDGET PANEL OPEN STUFF--*/
	body.panelOpen #header #searchform {
		right: 65px;
	}

	/*--SIDEBAR STUFF--*/

	#sidebar .widget {
		max-width: 300px !important;
		margin: 0 auto !important;
		width: 100% !important;
		float: none !important;
	}

	.details {
		margin-bottom: 0;
	}

	#sidebar .double {
		max-width: 3000px !important;
		margin: 0 auto !important;
		width: 100% !important;
		float: none !important;
	}
	/*--POST LISTING DIV STUFF--*/
	.postsContainer > div {
		margin: 0 0 30px 0;
		font-size: 14px;
		width: 100%;
		float: none;
	}
	.postsContainer > div:nth-child(3n + 1) {
		clear: none;
		margin-left: 0;
	}
	.postsContainer {
		max-width: 360px;
		margin: 0px auto;
	}

	/*--MAP STUFF--*/
	body.full-map #mapWrapper {
		height: 250px;
		position: relative;
	}
	#full-map-toggle {
		display: none;
	}

	/*--POST FILTER--*/
	#postFilter {
		padding: 20px 0 0;
		margin-bottom: 20px;
	}
	#postFilter a {
		margin: 0 5px;
		padding: 0;
	}
}

/*-----------------------------*/
/*-----------500px------------*/
/*---------------------------*/
@media screen and (max-width: 500px) {
	.project-filter .selectricWrapper {
		padding: 0px;
	}

	.prezi {
		height: 260px !important;
	}

	.project-filter .selectric {
		text-align: center;
	}

	.project-filter .selectric .label {
		font-size: 12px;
		margin-right: 0px;
		padding: 6px 2px;
	}

	.project-filter .selectric .button {
		height: 30px;
		display: none;
	}

	#menusContainer {
		border-bottom: 1px solid rgb(238, 238, 238);
		float: none;
		width: auto;
		padding: 30px 5% 20px;
	}

	#menusContainer .menuContainer:last-child {
		width: 100%;
		left: 0px;
		position: relative;
		bottom: auto;
		padding-top: 20px;
		text-align: center;
	}

	.menuContainer {
		width: 45%;
	}

	#menusContainer .menuContainer:last-child h3 {
		display: none;
	}

	.social-icon {
		width: 34px;
		float: none;
		display: inline-block;
	}

	.fb-like.fb_iframe_widget {
		padding: 0px;
		filter: hue-rotate(232deg);
		transition: all 0s ease 0s;
		width: 100%;
		text-align: center;
		margin: 0 auto !important;
		padding: 0px 0 0 10px;
	}

	#title-info p {
		margin: 0px 0px 0px;
		line-height: 1.5em;
		text-align: center;
		padding: 15px 15px 30px;
	}

	.home #headerImages::after {
		background-position: bottom right;
		background-size: 200px;
	}

	/*--SIDEBAR--*/
	#sidebar {
		padding: 5%;
	}

	/*--MENU CONTAINER--*/

	/*--WIDGET BUTTON--*/
	#widgetPanelToggle {
		margin-bottom: 5%;
	}

	/*--LOGO--*/
	#logo {
		display: block;
	}

	/*--GALLERY STUFF--*/
	body.single-format-gallery .gallery .gallery-item {
		margin-top: 10px !important;
	}
	.gallery {
		padding: 0 0 10px;
	}
	.gallery-item {
		width: 33.3% !important;
	}
	.gallery .gallery-caption {
		font-size: 12px;
	}

	/*--MAP STUFF--*/
	#mapWrapper {
		height: 250px;
		margin-bottom: 30px;
	}
	.loc-item h3 {
		font-size: 110%;
	}
	#list-item-toggle.list-open {
	}
	#loc-list.list-open {
	}

	/*--NAVIGATION--*/
	#navigation a {
		font-size: 14px;
	}
}

/*-----------------------------*/
/*-----------400px------------*/
/*---------------------------*/
@media screen and (max-width: 400px) {
	.prezi {
		height: 200px !important;
	}
	.nextPrevItem {
		width: 100%;
	}
	/*--HEADER--*/
	#header {
		padding: 5%;
	}

	#locationDetails.infoOpen {
		margin: 0px 0px 24px -127px;
	}

	/*--LOGO--*/
	#logo {
		max-width: 50%;
	}

	.widget #logo {
		max-width: 100%;
	}

	/*--SEARCH STUFF--*/
	#searchform #s {
		width: 220px;
	}

	/*--LOADING STUFF--*/
	#pageLoading {
		background-position: center 100px;
	}

	/*--GALLERY STUFF--*/
	.gallery:after {
		content: '';
		display: block;
		clear: both;
		width: 100%;
		margin-bottom: 10px;
	}
	.gallery-item {
		width: 50% !important;
	}
	.gallery br {
		clear: none !important;
	}
	.gallery .gallery-caption {
		font-size: 10px;
	}

	/*--ATTACHMENT GALLERY--*/
	#attachmentGallery li {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	#attachmentGallery p {
		left: 0;
		opacity: 1;
		padding: 5px 0 10px;
		position: relative;
		color: #333;
	}

	/*--FEATIRED IMAGE STUFF--*/
	.featuredLink.hasGallery:hover:before {
		background: none;
	}
	.featuredLink.hasGallery > img {
		left: -33.3%;
	}
	.featuredLink.hasGallery .postPrev {
		right: 0;
	}
	.postsContainer div.format-gallery .featuredLink span {
		color: #333;
		font-size: 15px;
		left: 0;
		opacity: 1;
		padding: 3% 0;
		position: relative;
		width: auto;
	}

	/*--QUOTE STUFF--*/
	.quote-content {
		max-height: 120px;
	}

	/*--DETAILS--*/
	#details li {
	}

	/*--BLOCKQUOTE--*/
	blockquote {
		padding: 0px 20px 0px;
	}

	/*--COMMENT STUFF--*/
	.commentlist p {
		margin: 10px 0 0 20px;
	}
	#commentsection .children {
		margin-left: 20px;
	}
	#commentsection .parent:before {
		left: 0;
	}
	#commentsection .children > li:after {
		left: -20px;
	}
	.commentlist #respond {
		margin: 10px 0 20px 20px;
	}

	/*--NAVIGATION--*/
	#navigation {
		padding: 30px 0;
		margin: 0;
	}

	/*--LOCATION DETAILS--*/
	#locationDetails {
		width: 240px;
		margin-left: -120px;
	}
	#locationDetails h3 {
		font-size: 100%;
	}
	#locationDetails .infoBox {
		padding: 25px;
	}

	/*--FOOTER STUFF--*/
	#footer {
		margin: 30px 0 15px;
	}
	#footerMenu li:before {
		padding: 0 7px 0 4px;
	}

	/*--STICKY POST STUFF--*/

	body.with-sticky-post #stickyPosts,
	.nextPrevItem {
		height: 250px;
	}
	body.with-sticky-post #contentContainer {
		margin-bottom: 430px;
	}
	.footer-section {
		bottom: 220px;
	}
	.nextPrevItem p {
		font-size: 100%;
	}
	.nextPrevItem span {
		font-size: 80%;
	}

	.nextPrevItem:nth-child(1) p::after {
		background-size: 80% auto;
	}
}

/*-----------------------------*/
/*-----------340px------------*/
/*---------------------------*/
@media screen and (max-width: 340px) {
	.essb_links.essb_template_grey-blocks-retina li a {
		padding: 4px 7px 7px !important;
	}
	#logo {
		bottom: -81px;
	}

	#logo img {
		max-width: 220px;
	}
}