/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (min-width:480px){
	#logo-wrap{
		top: 25px;
	}
	#top-navigation{
		margin-right:40px;
	}
	#top-navigation ul li:last-child{
		margin-left:40px;
	}
	#top-navigation ul li a{
		font-size:14px;
	}
}


@media only screen and (min-width:768px){
	#header-top{
		padding:6px 15px 6px;
	}
	.home #header-bottom{
		background-color:transparent;
	}
	#header-bottom-inner{
		flex-wrap:nowrap;
		padding-top:16px;
	}
	#vep-menu{
		flex-grow:1;
		text-align:right;
	}
	.main-navigation{
		text-align: left;
	}
	.main-navigation > ul > li:last-child{
		margin-right:0;
	}
	.main-navigation > ul > li:last-child .sub-menu{
		left:-70px;
	}
	.main-navigation > ul > li > a{
  	display: block;
	}
	.home .sticky-header:not(.solid) .main-navigation > ul > li > a{
		color:#fff;
	}
	.home .sticky-header.simple-header.solid #header-top{
		background-color:rgba(255,255,255,1);	
	}
	#mobile-icons{
		display:none;
	}
	.sub-menu{
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    -webkit-transition: -webkit-transform .3s ease, opacity .3s ease, visibility .3s ease;
    transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
    -webkit-transform: translate3d(-15px, 15px, 0);
    -moz-transform: translate3d(-15px, 15px, 0);
    -o-transform: translate3d(-15px, 15px, 0);
    -ms-transform: translate3d(-15px, 15px, 0);
    transform: translate3d(-15px, 15px, 0);
    box-shadow: 0px 8px 21px 0px rgba(51, 51, 51, 0.1);
  }
  .sub-menu:before{
    content: '';
    bottom: 100%;
    width: 100%;
    left: 0;
    height: 4px;
    display: block;
    position: absolute;
    background: transparent;
  }
	
	.sub-menu > li{
		position: relative;
		background-color: #fff;
	}

	.sub-menu > li > a{
		display: block;
		white-space: pre;
		position: relative;
		padding: 5px 35px 5px 20px;
	}
	#post-header.banner{
		min-height:700px;
	}
	#post-header .intro{
		font-size:68px;
		line-height:90px;
		max-width:1080px;
	}
	.pg-wrap{
		display:grid;
		grid-template-columns:repeat(3, 1fr);
	}
	
	.fg-item{
			width:50%;
		}
	.mkg-wrap{
		grid-template-columns:repeat(2, 1fr);
	}
	.career-row{
		flex-wrap:nowrap;
	}
	.ctr-left-col,.ctr-right-col{
		width:50%;
		border-bottom:1px solid #898989;
	}
	.ctr-left-col{
		border-left:1px solid #898989;
	}
	.ctr-left-col,.ctr-right-col{
		padding:30px 30px;
	}
	.ctr-right-col{
		border-left:1px solid #898989;
		border-right:1px solid #898989;
	}
	.rs-table .rs-row{
		padding-top:40px;
		padding-bottom:40px;
	}
	.rs-row{
		flex-wrap:nowrap;
		padding-left:30px;
		padding-right:30px;
	}
	.rs-date,
	.rs-content{
		width:50%;
	}
	.cta-1-content .text-content{
		max-width:510px;
	}
	.cta-1-buttons{
		max-width:400px;
	}
	.cta-1-buttons a{
		min-width:180px;
	}
	#post-content section.cta2 .flex-row .col-content{
		width:67%;
		padding:50px 30px 50px 50px;
	}
	#post-content section.cta2 .flex-row .col-image{
		width:33%;
	}
	#post-content section.cta4 .flex-row .col-content{
		width:50%;
		padding:140px 90px 140px 50px;
	}
	#post-content section.cta4 .flex-row .col-image{
		width:50%;
	}
	.img_overlay.parallax{
    background-attachment: fixed;
		min-height:400px;
  }
	.cta-2 p.heading{
		font-size:53px;
	}

	.cta-2 .text-content p{
		font-size:26px;
	}
	.cta-3 .row .col-two-third{
		width:60%;
	}
	.cta-3 .row .col-one-third{
		width:40%;
	}
	.cta-3-menu{
		transform:translateY(40px);
	}
	.cta-4-content{
		padding:55px 55px;
		margin-right:-40px;
	}
	#tl-left{
		min-height: 450px;
	}
	#tl-left,
	#tl-right{
		width: 50%;
	}
	.tt-left-col{
		width:38%;
		transform:translateX(-5%);
	}
	.tt-right-col{
		width:62%;
		padding:50px 15px 0 50px;
	}
	#tt-quotes{
		transform: translate(-95px,-20px);
	}
	.mt-wrap .main-tabs{
		justify-content:space-around;
	}
	.mt-tab-wraps .subtabs-wrap{
		justify-content:space-between;
	}
	.subtab-content .sub-left,
	.subtab-content .sub-right{
		width:50%;
	}
	.subtab-content .sub-right{
		padding:30px 15px 30px 45px;
	}
	.mt-wrap .main-tabs .mt-tab{
		padding:20px 30px;
	}
	.mt-tab-wraps .subtabs-wrap .subtab{
		padding:10px 0;
		margin-left:15px;
		margin-right:15px;
	}
	.mt-image-nav{
		margin-top:30px;
	}
	#post-grid{
		grid-template-columns: repeat(2, 1fr);
	}
	.post-grid-rp{
		grid-template-columns: repeat(3, 1fr);
	}
	
	#map-grid-1 .cell-2{
		grid-column-start: 2;
		grid-column-end: span 2;
	}
	#map-grid-2{
		grid-template-columns: repeat(2, 1fr);
	}
	.sc-tab{
		font-size:32px;	
	}
}


@media only screen and (min-width: 992px){
	.wi-desc{
		width:25%;
	}
	.wi-gallery{
		width:71%;
	}
	#wi-boxes .wi-box{
		padding:5px 20px;
	}
	.row .col-half{
		padding-left:30px;
		padding-right:30px;
		width:48%;
	}
  .row .col-one-third{
		padding-left:30px;
		padding-right:30px;
		width:35%;
	}
	 .row .col-two-third{
		padding-left:30px;
		padding-right:30px;
		width:63%;
	}
	.row .col-one-quarter{
		padding-left:30px;
		padding-right:30px;
		width:25%;
	}
	p.heading{
		font-size: 58px;
	}
	.large-text .text-content p{
		font-size:21px;
		line-height:42px;
	}
	#post-content > section.cta-2 .row .col.cta-2-content{
		padding-left:40px;
	}
	.cta-2-buttons{
		align-content:flex-end;
	}
	.cta-3-content{
		padding:55px 55px;
	}
	.cta-3-menu{
		padding:25px 40px 25px;
	}
	.cta-4 .row .col-two-third{
		width:62%;
	}
	.cta-4 .row .col-one-third{
		width:38%;
	}
	.cta-4-image{
		transform:translate(-24px,24px);
	}
	.mt-wrap .main-tabs .mt-tab{
		font-size:20px;
	}
	.mt-tab-wraps .subtabs-wrap .subtab{
		font-size:18px;
	}
	.post-grid-rp{
		column-gap: 30px;
	}
	#map-grid-1 .cell-2{
		margin-top: -130px;
		transform: translateX(-50px);
	}
	#map-grid-2{
		grid-template-columns: repeat(3, 1fr);
	}
	#map-grid-1 .cell-1{
		padding-left:40px;
	}
	#map-grid-ph .addresses-title{
		padding-left:40px;	
	}
	.office-address-wrap{
		padding:20px 40px;
	}
}

@media only screen and (min-width: 768px) and (max-width:1199px){
	.fg-item{
			width:50%;
		}
	.fg-item:nth-child(1),
	.fg-item:nth-child(2),
	.fg-item:nth-child(3),
	.fg-item:nth-child(4){
		border-bottom:1px solid #444444;
	}
	.fg-item:nth-child(2),
	.fg-item:nth-child(4),
	.fg-item:nth-child(6){
			border-left:1px solid #444444;
	}
}

@media only screen and (min-width: 992px) and (max-width:1199px){

}

@media (min-width: 1200px){
	#header-top{
		padding-left:45px;
		padding-right:45px;
	}
	#header-bottom{
		padding-left: 45px;
		padding-right: 45px;
	}
	.fg-item{
		width:33.3%;
	}
	.fg-item:nth-child(1),
	.fg-item:nth-child(2),
	.fg-item:nth-child(3){
		border-bottom:1px solid #444444;
	}

	.fg-item:nth-child(2),
	.fg-item:nth-child(5){
		border-left:1px solid #444444;
		border-right:1px solid #444444;
	}
	#post-content > section.cta-1 .row .col-half{
		padding-left:0;
		padding-right:0;
	}

	#post-content section.cta5 .col-content{
		padding:50px 40px 40px 50px;
	}
	#post-content section.cta5 .col-member-contact{
		padding:50px 40px 40px 50px;
	}
	#map-intro-mobile{
		display:none;
	}
	#tl-left{
		padding-right:50px;
		padding-left:0;
	}
	.rp-overlay{
		opacity:0;
		background-color: rgba(0,0,0,0.0);
	}
}


@media only screen and (max-width: 1280px){
	#header.sticky-header.clone-fixed{
	    display: none;!important;
	}
}

@media only screen and (max-width: 1199px){
	#map-intro{
		display:none;
	}
	.post-grid-rp{
		padding-left:15px;
		padding-right:15px;
	}
}

@media only screen and (max-width: 991px){
	#post-header.text-only{
		padding-top:140px;
	}
	#post-content section.cta5 .row.flex-row{
		flex-wrap:wrap;
	}
	
	.table-wrap{
		overflow-x:auto;	
	}
	.wb-table{
    line-height:18px;
		font-size:14px;
	}
	.wb-table tr th{
		letter-spacing:1px;
	}
	.career-apply span{
		display:none;
	}
	.wi-desc{
		margin-bottom:30px;
	}
	.cta-4-content{
		padding-bottom:100px;
	}
	.cta-4-image{
		transform:translateY(-50px);
		margin-left:3%;
	}
	.map-address-block{
		margin-top:30px;
	}
}

@media (max-width: 700px) {
	.opportunities-block .location-filter-container {
		grid-template-columns: 1fr;
		grid-gap: 1rem;
	}
	
	.opportunities-block .location-filter-dropdown {
		width: 100%;
	}
}


@media (max-width:767px){
	#mobile-menu-icon.is-active i:before {
		content: '\f2d3';
	}
	#vep-menu{
		width:100%;
	}
	.main-navigation{
		display: none;
		margin-top:10px;
		margin-bottom:10px;
	}
  .main-navigation ul > li{
		display: block;
		text-align: right;
		padding:0;
	}
	.main-navigation > ul > li{
		display:block;
		/*border-bottom: 1px solid #2F4192;*/
		margin-bottom:3px;
		margin-right:40px;
	}
	.main-navigation > ul > li > a{
		line-height:40px;
		padding-bottom:5px;
	}
	.main-navigation > ul > li > a > .holder{
		position:absolute;
		right: -40px;
		line-height:1;
		top:0;
	}
	.main-navigation > ul > li > a > .holder:after{
		content: '\e809';
		display: inline-block;
		font-family: wb-icons;
		padding-left: 3px;
		padding-right: 3px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: rotate(0);
		color: inherit;
	}
	.main-navigation > ul > li > a > .holder.open:after{
		content: '\e80a';
	}
	.main-navigation ul li > .sub-menu{
		display:none;
		padding-left:5px;
		padding-right:5px;
	}
	/*.main-navigation > ul > li.current-menu-item > a,
	.main-navigation > ul > li:hover > a {
		color:#e8cd4b;
	}*/
	.header-notice ~ .header-mail span{
		display:none;
	}
	#post-header.text-only {
		padding-top:100px;
	}

	.fg-item{
		border-bottom:1px solid #444444;
	}
	#tl-left{
		order:1;
	}
	#tl-right{
		order:0;
	}
	#tl-nav{
		margin-top:30px;
	}
	#ct-head{
		display:none;
	}
	.career-row{
		border-bottom:1px solid #898989;
		padding-top:10px;
		padding-bottom:10px;
	}
	#ct-head + .career-row{
		border-top:1px solid #898989;
	}
	.cta-3-content{
		padding-bottom:100px;
	}
	.cta-3-menu{
		transform:translateY(-50px);
		margin-left:15px;
		margin-right:15px;
	}
	#footer .row.flex-row{
		flex-wrap:wrap;	
	}
	#footer .row.flex-row > div{
		width:48%;
	}
	.mb-only{
		display:block;
	}
	.subtab-content .sub-right .mt-content{
		order:1;
	}
	.mt-image-nav{
		order:0;
		margin-bottom:30px;
	}
	#map-grid-1 .cell-1,
	#map-grid-1 .cell-2,
	#map-grid-1 .cell-3{
		grid-column-start: 1;
  	grid-column-end: span 3;
	}
	#map-grid-1 .cell-1{
		margin-top:40px;
	}
}

@media (max-width:640px){
	#header-top.has-notice{
		flex-wrap:wrap;
	}
	.header-notice{
		width:100%;
	}
	
}

@media only screen and (max-width:599px){

}

@media only screen and (max-width:479px){
	.logo-img {
    max-height: 59px;
	}
	#header-top{
		justify-content:flex-end;
	}
	.header-search{
		/*flex-grow:1;*/ 
		margin-right:0;
	}
	.search-field{
		width: 150px;
		position: absolute;
		right: 10px;
		top: 50px;
		z-index: 1;
	}
	#post-header.text-only {
		padding-top:80px;
	}
	.col-half,
	.col-one-third,
	.col-two-third{
		width:100%;
	}
	#careers-filter-wrap > div:last-child{
		margin-top:20px;
	}
	#footer .row.flex-row > div{
		width:100%;
		text-align:center;
	}
	.copyright-text{
		text-align: center;
    margin: 0 auto;
	}
	.wb-table tbody tr:not(:last-child) td{
		height:100px;
	}
}

@media only screen and (max-width:360px){
	#project-filter .pf-clear{
		margin-top:15px;
	}
}

@media only screen and (max-height:768px){
	/*#home-banner{
		padding-top:200px;
		padding-bottom:160px;
	}*/
}