/* #Media Queries
================================================== */

/* Larger than mobile */
@media (min-width: 400px) {
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	.home-hero-inner h2 {font-size:1.8rem;}

}

/* Larger than tablet */
@media (min-width: 750px) {
	.home-project-block {width:50%;float:left;}

	.home-solution-content h2 {font-size:3.0rem;}

	.page-title-banner,
	.project-banner,
	.home-banner {height:400px;}
	
	.recruiting-slider.flexslider {height: 400px;}

	.committee-banner {height:350px !important;}

	.philanthropy-logos li {width:33.333%;}

	.filter-bar-block {width:50%;float:left;border-bottom:none;border-left:2px solid #fff;border-right:2px solid #fff;box-sizing:border-box;}
	.filter-bar-block-1,
	.filter-bar-block-3 {border-left:4px solid #fff;border-right:2px solid #fff;}
	.filter-bar-block-4,
	.filter-bar-block-2{border-left:2px solid #fff;border-right:4px solid #fff;}
	.filter-bar-block-1,
	.filter-bar-block-2 {border-bottom:2px solid #fff;}

	.project-block {width:50%;float:left;}

	.location-banner:after {width:75%;background: linear-gradient(to right,  rgba(0,82,149,1) 30%,rgba(0,82,149,0) 100%);}

	.location-col-inner {padding:0;}
	.location-col {width:50%;float:left;}
	.location-odd .location-col-inner {float:right;}
	.location-info {width:70%;padding:60px 0;min-height:150px;float:right;}
	.location-info th {width:30%;padding-right:20px;}
	.location-info th,
	.location-info td{display:table-cell;vertical-align:middle;}

	.location-even,
	.location-odd {background:none;}
	.locations-row-odd .location-even,
	.locations-row-even .location-odd {background:#f9fafc;}

	.location-cta-ribbon p {text-align:left;margin:0;}

	.archive-post-thumb {height:300px;}

	.leadership-pic {width:20%;float:left;}
	.leadership-content {width:75%;float:right;}

	.team-grid {grid-template-columns: repeat(auto-fill, 31%);}

	.team-popup-inner {top:50%;transform:translate(-50%,-50%);}

	.team-popup-header {display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;}
	.team-popup-pic {width:35%;max-width:none;margin:0;}
	.team-popup-name {width:60%;}

	.team-block h3,
	.team-popup h3 {font-size:2.2rem;line-height:1}
	.team-popup-name p:first-of-type {font-size:1.8rem;}
	.team-popup-name .entry p {font-size:1.6rem;line-height:1.5;}

	.list-column-wrap ul {column-count:2;}

	.career-about-blocks {display: grid;grid-template-columns: repeat(auto-fill, 48%);justify-content: space-between;}
}

/* Larger than desktop */
@media (min-width: 1000px) {
	.mainNav,
	.header-top,
	.call-cta {display:block}
	.mobile-nav-trigger-outter,
	.mobile-nav {display:none;}

	.call-cta {top:160px;}

	.home-banner {margin-top:115px;height:450px;}
	.home-banner h1 {font-size:5.5rem;}

	/*.home-banner h1 span {display:inline-block;margin-top:30px;border-top:1px solid #fff;font-size:7.5rem;}*/

	.list-column-wrap.list-count-3 ul {column-count:3;}
	.list-column-wrap.list-count-4 ul {column-count:4;}
	.list-column-wrap.list-count-5 ul {column-count:5;}

	.button-half {width:48%;display:block;float:left;box-sizing:border-box;}
	.button-half.last {float:right;}

	.philanthropy-logos li {width:25%;padding:35px;}

	.page-title-banner,
	.project-banner {margin-top:110px;}

	.locations-slider,
	.filter-bar {margin-top:145px;}
	.home-project-block {width:25%;}

	/*.home-solution-content h2 {font-size:6.0rem}*/

	.project-block {width:25%;}
	.project-thumbs {width:25%;float:right;}
	.project-desc {width:73%;float:left;}
	.project-thumbs li {width:32%;}

	.archive-post {padding-top:0;}
	.archive-post-content {width:60%;float:left;padding:40px 0;}
	.archive-post.even-post .archive-post-content {float:right;}
	.archive-post-thumb {position:absolute;top:0;right:0;width:35%;height:100%;margin:0;background-size: contain !important;}
	.archive-post.even-post .archive-post-thumb {left:0;right:auto;}

	.col-2-list {-moz-column-count:2;-webkit-column-count:2;column-count:2;}

	.team-grid,
	.career-about-blocks {display: grid;grid-template-columns: repeat(auto-fill, 23%);justify-content: space-between;}

	.callout-banner__body {flex-direction: row}
	/*.callout-banner__image {width: 30%;}*/
	.callout-banner__content {width: 75%;}
	.callout-banner__content p {margin:0;font-size:2.6rem;}
	.callout-banner__button {width: 25%;}

	/*
	.team-grid {grid-template-columns: repeat(8, 1fr);column-gap: 25px;}
	.team-block {grid-column: span 2;}
	.team-block:nth-of-type(5) {grid-column-end: -6;}
	*/

	/* Facility */
	.facility-feat-row {flex-direction: row; align-items: center;}
	.facility-feat-row:not(:last-child) { margin-bottom: 90px;}
	.facility-feat-row.odd {flex-direction: row-reverse;}
	.facility-one-column {width: 50%}
	.facility-feat-row .facility-feat-content-inner {padding: 0 60px; max-width: 420px}
	.facility-feat-row.odd .facility-feat-content-inner {margin-left: auto;}

	/*
	  * Template: Facility Service
	*/
	.main-facility-service .the-content ul {column-count: 2;}

	.main-facility-service .facility-feat-row.odd {flex-direction: row;}
	.main-facility-service .facility-feat-row {flex-direction: row-reverse;}
	.main-facility-service .facility-feat-row:not(:last-child) {margin-bottom: 60px;}

	.main-facility-service .facility-feat-row.odd .facility-feat-content-inner {padding-right: 0;}
	.main-facility-service .facility-feat-row.even .facility-feat-content-inner {padding-left: 0;}

	.acco-future-banner {margin-top: 115px;}
	.acco-future-banner .banner-content {float:left;width:40%;height:400px;display:flex;align-items:center;justify-content:center;}
	.acco-future-banner .banner-content h1 {display:inline-block;font-size:5.0rem;}
	.acco-future-slider {float:left;width:60%;}
	.acco-future-slider .slick-slideshow__slide {height:400px;margin-right:20px;}

	.future-why-acco {position:relative;overflow:hidden;}
	.future-why-left {width:60%;}
	.future-why-row {display:flex;justify-content:space-between;}
	.why-icon {width:70px;margin:0;}
	.why-content {width:calc(100% - 90px);}

	.future-why-right {position:absolute;top:0;left:65%;width:80%;height:100%;}
	.future-footer-banner {height:400px;}

	.location-banner,
	.service-detail-banner {margin-top:115px;}
	.location-detail-row {display:flex;justify-content:space-between;}
	.location-detail-heading {width:180px;}
	.location-detail-content {width:calc(100% - 210px);}
	.location-detail-content ul {column-count:3;gap:10px;}
	.location-detail-row h2 {font-size:2.4rem;}

	.location-banner-license {position:absolute;bottom:0;right:0;text-align:right;}
	.location-banner-license p {font-size:1.8rem;margin:0;}

	.related-project {position:relative;}
	.related-project-pic {width:55%;}
	.related-project-content {position:absolute;width:55%;top:50%;left:0;transform:translateY(-50%);z-index:2;}

	.related-project.odd .related-project-pic {float:right;}
	.related-project.even .related-project-content {left:auto;right:0;}

	.service-detail-banner {padding:140px 0;}

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	.page-title-banner,
	.project-banner {height:600px;}

	.recruiting-slider.flexslider {height: 600px;}
	
	.filter-bar-block {width:25%;border-bottom:none;}
	.filter-bar-block-2 {border-right:2px solid #fff;}
	.filter-bar-block-3 {border-left:2px solid #fff;}

	.call-cta {top:260px;}

	.home-banner {height:650px;}
	.mainNav li {margin-left:30px;padding-left:30px;}
	.footer-links {float:left;}
	.footer-social {float:right;}
	.footer-social li {margin-left:15px;margin-right:0;}

	.project-block {width:24.98%;}

	.acco-future-banner .banner-content,
	.acco-future-slider .slick-slideshow__slide,
	.future-footer-banner {height:500px;}

}

@media (min-width:1400px) {
	.acco-future-banner .banner-content,
	.acco-future-slider .slick-slideshow__slide {height:600px}
	.acco-future-banner .banner-content h1 {font-size:6.5rem;}
}

@media (min-width:1600px) {
	.acco-future-banner .banner-content h1 {font-size:7.5rem;}
}