/*<div class="displayTest">
YELLOW = Default (Resposive not detected)
RED = Large Screen desktops and laptops: RED<br>
GREEN = Landscape tablets and medium desktops (iPad mini Landscape & Kindle Fire landscape)<br>
BLUE = Portrait tablets and small desktops (iPad portrait)<br>
ORANGE = Landscape phones and portrait tablets: (iPhone landscape / Kindle Fire Portrait)<br>
GRAY = Portrait phones and smaller devices (iPhone Portrait)<br>
</div>*/

/* --------------------------------------------------
RESPONSIVE CSS
-------------------------------------------------- */

/* Large screen desktops and laptops */
@media (min-width: 1200px) {
	/*.displayTest {
		background-color:red;
		padding:20px;
		color:black
	}*/
	

	header .navbar {
		padding: 1em 0 1em 0;
		/*flex-flow: column wrap;
		align-items: flex-start;*/
	}
	
	/*header.cover.sticky .navbar-nav .nav-item:first-child {
		display: none;
	}*/

}

@media (max-width: 1199px) {
		
	/*header .navbar {
		flex-flow: row nowrap;
		align-items: center;
		padding: 0px;
	}*/
	
	header .navbar-collapse {
		padding-bottom: 1em;
	}
	
	header.cover.sticky .navbar {
		flex-flow: wrap;
	}
	header.cover.sticky .nav .dropdown-menu a {
		padding: 3px 10px;
	}
	
	header.cover.sticky .nav a.filled {
		padding: 9px 8px 9px 13px;
	}
	
	.dropdown-menu-container {
		display: block !important;
	}
	.dropdown .dropdown-menu {
		padding: .25em 0px;
		text-align: left;
	}
	.dropdown .dropdown-item .image {
		display: none;
	}
	.dropdown .dropdown-menu li {
		display: block;
		margin: 5px 0;
		padding: 5px 0;
		width: auto;
	}
	
}

/* Landscape tablets and medium desktops (iPad mini Landscape & Kindle Fire landscape) */
@media (min-width: 992px) and (max-width: 1199px) {
	/*.displayTest {
		background-color:green;
		padding:20px;
		color:black
	}*/
	
	.header_logo {
		left: auto;
		width: 180px;
		height: 20px;
		background-size: 180px;
		margin: .75em 0;
	}
	
	header .nav .nav-item:first-child {
		display: none;
	}
	
	.news-grid h4 {
		font-size: 42px;
	}

}

@media (min-width: 992px) {
	header.sticky .header_logo {
		width: 69px;
		height: 58px;
		background-image: url('../img/Citywave_logo_white.png');
		background-size: 69px;
		margin: auto;
	}
}

@media (max-width: 991px) {
	
	.header_logo {
		left: auto;
		width: 84px;
		height: 60px;
		background-size: 84px;
		margin: .75em 0;
	}
	
	header .utility {
		position: relative;
		top: auto;
		right: auto;
	}
	header a.filled {
		border-radius: 20px;
	}
	
	.pageTitle {
		font-size: 4em;
	}
	
	.page-header-container {
		padding-top: 100px;
		min-height: 400px !important;
		height: 100%;
	}
		
	.quote-panel blockquote {
		width: auto;
  		min-width: 100%;
	}
	.quote-panel blockquote p {
		font-size: 18px;
	}
	
	.news-grid {
		display: block;
		padding: 0;
	}
	.news-grid > div:first-child {
		width: 100%;
		padding: 0;
	}
	.news-grid > div:last-child {
		margin-top: 25px;
		width: 100%;
	}
	
	.teaser-intro > div {
		padding: 0px;
	}
		
}

/* Portrait tablets and small desktops (iPad portrait) */
@media (min-width: 768px) and (max-width: 991px) {
	/*.displayTest {
		background-color:blue;
		padding:20px;
		color:black
	}*/

	.wrapper {
		padding: 0 45px;
	}
	
	.products .grid .item {
		height: 275px;
		width: calc(50% - 2em)
	}
	
	.features-grid > div {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

/* Landscape phones and portrait tablets: (iPhone landscape / Kindle Fire Portrait) */
@media (max-width: 767px) {
	/*.displayTest {
		background-color:orange;
		padding:20px;
		color:black
	}*/
	
	.jquery-background-video-wrapper {
		min-height: 400px;
	}
	
	.wrapper {
		padding: 0 15px;
	}
	
	.features-grid {
		display: block;
	}
	.features-grid > div {
		width: 100%;
		max-width: none;
	}
	
	.products .grid {
		/*display: block;*/
		padding: 0 15px;
	}
	.products .grid .item {
		/*margin-top: 2em;*/
		width: 100%;
		height: 275px;
	}
	.products .grid .item:first-child {
		margin: auto;
	}
	
	.products .grid.subNav {
		display: flex;
	}
	.products .grid.subNav .item {
		width: 100% !important;
	}
		
	#footer .address {
		display: block;
	}
	#footer .address .item {
		align-items: center !important;
		margin-bottom: 2em;
	}
	
	#footerNav li {
		text-align: center;
	}
	
	#copyright {
		flex-direction: column-reverse;
		margin: auto;
	}
	#copyright .parent-logo {
		text-align: center;
		margin-bottom: 1em;
	}
	
	.news.list-panel .item {
		flex-direction: column;
	}
	.news-panel figure, .news-panel figure img {
		max-width: none !important;
		width: 100%;
	}
	
	
	.news-panel figure .image {
		background-image: none;
		min-height: auto;
	}
	.news-panel .list-panel figure img {
		display: block;
	}
	
	/*.float #page-body {
		padding-top: 100px;
	}*/
	
	.project-specs .item {
		width: 33.33%;
		flex: 0 0 33.33%;
		margin: 7px 0;
	}

}

@media (max-width: 650px) {

	.editor-intro > div {
		width:auto !important;
		padding:0px !important;
	}
	.editor-intro > div:first-child {
		margin-bottom: 1em;	
	}
	
}

/* Portrait phones and smaller devices (iPhone Portrait) */
@media (max-width: 480px) {
	/*.displayTest {
		background-color:gray;
		padding:20px;
		color:black
	}*/	
	
}
/* -------------------------------------------------- */