@media(max-width:1482px) {
	.legend-cell img.map-legend {
		position: absolute;
		top: auto;
		left: 32px;
		bottom: 0;
		width: 294px;
	
	}

}

@media(max-width:1440px) {
	.slide-wrap {
		margin-bottom: 0;
	}

	.home-map-wrap .projects-cell{

	
    width: 40%;
	}

	.project-links a {
		
		max-width: 322px;
	}
}
@media(max-width:1366px) {
	.slide-wrap {
		margin-bottom: 0;
	}
}
@media(max-width:1280px) {
	ul#nav > li > a {
		padding: 10px 10px;
	}
	.slide-text-container {
		margin-top: 10vh;
	}
	.full-width-inner {
		position: absolute;
		width: 112vw;
		height: 100%;
		left: -22vw;
	}
	.slide-wrap {
	
		margin-bottom: 0;
	}
}

@media(max-width:1115px) {

	.project-links a {
		
		max-width: 300px;
	}
}


@media(max-width:1024px) {
	.slide-wrap {
	
		margin-bottom: 0;
	}
	.slide-text-container {
		margin-top: 10vh;
	}
	.sidenav{
		display: none;
	}
	.logo {
		margin-bottom:20px;
	}
	.nav {
		display:none !important;
	}
	.mobileMenuContainer{
		display: block;
	}
	.home-box-lower-item h2 {
	    font-size: 28px;
	}
	.home-box-lower-item-inner {
	    min-height: 300px;
	}
	.email-alerts-icon {
	    padding: 0;
	    max-width: 100px;
	    margin:0 auto;
	    display: block;
	}
	.footer-email-button{
	    display: block !important;
	    margin: 0 auto !important;
	    max-width: 160px;
	    font-size: 20px !important;
	    padding: 10px 20px !important;
	}
	.logo-footer{
		padding: 0;
	    max-width: 150px;
	    margin-bottom: 20px;
	}
	.footer-box{
		margin-bottom: 20px;
	}

	.mobile-map{
		display:block;
	}

	

.home-map-wrap {
   
    background-color: #7bc8c3;
    background-image: none!important;
}

.legend-cell img.map-legend {
    position: static;
}

.home-map-wrap h2 {
	margin-top:0;
}
}

@media(max-width:820px){

	.bannertext {
		padding: 10rem 0;
	}

	.home-map-wrap {
		background-size: cover;
	}

	.flex-image-gallery {
		padding-left: 0rem;
		padding-right: 0rem;
	}
	.banner {
	    min-height: 300px;
	    padding-top: 20px;
	}
	h1.title span, h1.title, .entry-content h1{
		font-size: 30px;
	}
	.align-right {
		text-align: center;
	}
	.slide-wrap {
		height: 600px;
		margin-bottom: 0;
	}
	.slide-text-container {
		margin-top: 5vh;
	}
	.copyright-footer-wrap {
		text-align: center;
	}
	.home-video-section .video-thumb {
		height: 500px !important;
		margin-top: 50px;
	}
	.home-video-text {
		margin: 0px;
		padding: 30px 0px;
	}
	section.home-research-section {
		padding: 3rem 0rem;
	}
	.header-social-media {
		float: right;
	}
	.full-width-inner {
		position: absolute;
		width: 100vw;
		height: 100%;
		left: -4vw;
	}
	ul#navOffCanvas:nth-of-type(2) {
		display: none;
	}
	.project-links a {
		background: #fff;
	}
	.entry-content figure.image2 img {
		max-width: 100%;
	}
	.entry-content #diagram {
		width: 100%;
		margin-left: unset;
	}


		[data-paroller-factor] {
		  /*for all elements with background parallax effect*/
		  background-position: center !important; 
	  
		  /*for all elements with foreground parallax effect*/
		  transform: none !important;
		}
		.home-news .list-item {
			width: 100%;
			float: left;
			margin-left: unset;
		}
	  
}

@media(max-width:640px){
	.page-banner-title,
	.page-banner-text{
		margin: 0;
	    text-shadow: 0px 2px 3px rgba(0,0,0,0.8);
	}
	.logo {
	    margin-bottom: 0;
	}
	.FilterByYear{
		display: block;
		margin-bottom: 10px;
	}
	.banner {
	    min-height: 300px;
	    padding-top: 20px;
	}
	.home-block {
	    min-height: 700px;
	}
	.home-price {
		padding: 0;
	}
	.block-one, .block-two {
	    padding-top: 100px;
	}
	.block-wrap{
		padding: 20px;
	}
	.block-title {
	    font-size: 50px;
	    margin-bottom: 20px;
	}
	.block-subtitle {
	    font-size: 30px;
	}
	.slide-wrap {
		
		margin-bottom: 0;
	}
	.video-wrap video {
		width: 288% !important;
		height: auto !important;
		margin: auto;
	}
	.home-video-section .video-thumb {
		height: 250px !important;
		margin-top: 50px;
	}
	.header-wrap .large-2.medium-3.cell {
		display: none;
	}
	.large-text-left {
		text-align: center;
	}
	.header-top {
		text-align: center;
	}
	.bannertext {
		padding: 5rem 0;
	}
	table {
		width: 100% !important;
		display: block;
		position: relative;
		overflow: auto;
		height: 100% !important;
	}
	.video-wrap.Quinchia-video-wrap {
		width: 100%;
		left: unset;
		height: calc(45vh - 100px);
	}
	.full-width-wrap {
		height: auto;
	}
	.entry-content figure.image2 img {
		max-width: 100%;
	}
	.entry-content #diagram {
		width: 100%;
		margin-left: 0px;
	}
	.entry-content figure.image1 img {
		max-width: 100%;
	}
	.banner-wrap {
		margin-bottom: 20px;
	}
	.archiveFilterB a {
		width: 100%;
		display: block;
		margin-bottom: -40px;
	}
	.disclaimer-text {
		padding: 10px;
	}
	.archiveFilterB a:last-child {
		margin-bottom: 0px;
	}
	.remodal-cancel {
		background: #C4C4C4;
		border-radius: 20px;
		font-size: 24px;
		font-weight: 500;
		width: 200px;
		margin-right: 0px;
		padding: 5px 0px;
		margin-bottom: 10px;
	}
	ul#navOffCanvas:nth-of-type(2) {
		display: none;
	}

	.project-links a {
		max-width: 80%;
	}
	.home-map-wrap .projects-cell {
		width: 100%;
	}

	.header-social-media {
		float: none;
		width: 100%!important;
		text-align: center;
	}
}
@media(max-width:480px){
	.footer-box{
		margin-bottom: 20px;
		display: inline-block;
		width: 100%;
	}
	.copyright{
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}

	

	.esg-video .video-thumb {
		height: 400px;
	}

	.teso-video .video-thumb {
		height: 400px;
	}

	.project-links a {
		width: 100%;
		max-width: 74%;
	}
}
@media(max-width:375px){
	.video-wrap {
		overflow: hidden;
		height: calc(100vh - 100px);
	}
	.slide-wrap {
		min-height: calc(100vh - 100px);
		height: calc(100vh - 100px);
		margin-bottom: 0;
	}
	.slider {
		min-height: calc(100vh - 100px) !important;
	}
	.slick-list.draggable {
		height: calc(100vh - 100px) !important;
	}
	.slides {
		min-height: calc(100vh - 100px);
	}
}