/*<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
-------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1299px) {
	
	.slider-block .item {
		background-size: 90%;
		background-repeat: no-repeat;
		background-position: right center;
	}
}

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

}

@media (max-width: 1199px) {
	.slider-block .slide-content {
		padding-left: 1em;
		padding-right: 1em;
	}
	.slider-block .title {
		font-size: 28px;
	}
	.slider-block .subtitle {
		font-size: 65px;
	}
	.slider-block .desc {
		font-size: 16px;
	}
	.slider-block .cta-angle:after {
		width: 21px;
		right: -10px;
	}
}

/* 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
	}*/
	
	.art::before {
		border-top: 430px solid rgb(238, 239, 245);
		border-left: 430px solid rgb(238, 239, 245);
		border-right: 215px solid transparent;
	}
	
	.slider-block{
		height: 450px;
	}
	.slider-block .item{
		height: 450px;
	}
	

}

@media (max-width: 991px) {
	
	.art::before {
		display: none;
	}
	
	.fluid-panel .angle-r {
		height: auto;
		margin-bottom: 25px;
	}
	.fluid-panel .angle-r::before {
		display: none;	
	}
	.fluid-panel .side-content {
		max-width: none;
		padding: 0px;
	}
	
	.navbar-brand img {
		max-width: 238px;
		width: 100%;
	}
	
	.siteNav .dropdown-item.overview {
		display: block;
	}
			
	.side-content {
		max-width: none;
		margin: auto;
	}
	.learn-panel .row {
		height: auto;
	}
	
	.angle-right,
	.angle-left {
		height: auto
	}
	.angle-right::before,
	.angle-left::before {
		display: none;
	}
	
	.support-slider .item {
		height: 300px;
	}
	.support-slider-content {
		margin: auto;
		width: 100%;
		padding: 0 15px;
	}
	
	.stats-grid.two-col {
		column-count: auto;
	}
	
	.resources-container {
		padding: 15px;
	}
	
	.news-item {
		margin-bottom: 2em;
	}
	
}

/* Portrait tablets and small desktops (iPad portrait) */
@media (min-width: 768px) and (max-width: 991px) {
	/*.displayTest {
		background-color:blue;
		padding:20px;
		color:black
	}*/
	
	.angle-right, .angle-left {
		background-color: #eceff5;
		height: 400px;
	}
	
	.slider-block .item {
		background-size: cover;
	}
	.slider-block .slide-content {
		padding-left: 1em;
		padding-right: 3em;
	}
	
	.header-image {
		padding: 15px;
	}
	
	.callout-panel .card {
		height: 250px;
	}
	
	.team .heading {
		font-size: 25px;
	}
	
	.resources .item {
		width: 190px;
	}
	.resources .item .image {
		height: 260px;
	}

}

/* Landscape phones and portrait tablets: (iPhone landscape / Kindle Fire Portrait) */
@media (max-width: 767px) {
	/*.displayTest {
		background-color:orange;
		padding:20px;
		color:black
	}*/
	
	
	/*.angle-right, .angle-left {
		background-color: #eceff5;
		height: 400px;
	}*/
	
	/*.navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
	}*/
	
	/*.siteNav .nav-item {
		width: 33%;
	}*/
	/*.siteNav .nav-item::before {
		left: -6px;
		height: 34px;
	}*/
	.siteNav .nav-item {
		margin: 0px;
	}
	.siteNav .nav-item span {
		font-size: 13px;
	}
	
	
	.slider-block {
		height: 100%;
	}
	.slider-block .slide-content {
		float: none !important;
		padding-top: 0px;
		padding-right: 15px;
	}
	.slider-block .item {
		background-position: center;
		background-size: cover;
		height: 300px;
	}
	.slider-block .title {
		font-size: 15px;
	}
	.slider-block .subtitle {
		font-size: 35px;
	}
	.slider-block .desc {
		font-size: 12px;
	}
	.slider-block .cta-angle {
		font-size: 13px;
		padding: 8px 40px 8px 10px;
		width: 250px;
	}
	
	.banner-innerpage {
		min-height: auto;
		padding: 75px 0 125px 0;
	}
	.banner-innerpage .header {
		padding: 0 50px;
	}
	.banner-innerpage .title {
		font-size: 36px;
	}
	.banner-innerpage .title::before {
		height: 70px;	
	}
	.banner-innerpage span {
		font-size: 24px;
	}	
	.banner-innerpage .bar_container {
		right: 20px;
	}
	.bar {
		width: 30px;
	}
	.bar:nth-child(2) {
		left: 30px;
	}
	.bar:nth-child(3) {
		left: 60px;
	}
	
	.header-image {
		padding: 0px;
	}
	.header-image .title {
		font-size: 14px;
	}
	
	.headline1 {
		font-size: 40px;
	}
	
	.callout-panel .card {
		xheight: 150px;
		height: auto;
	}
	/*.callout-panel .card-header {
		font-size: 16px;
	}*/
	.callout-panel .card-body {
		display: none;
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
	}
	.callout-panel .card-footer {
		display: block;
		position: relative;
	}
	.callout-panel .card:hover .card-body {
		display: none;
	}
	.callout-panel .card:hover:before {
		display: none;
	}

	.learn-panel .bg-cover {
		height: 300px;
	}
	
	#locate_slider {
		margin: 0;
	}
	.slider_content {
		padding: 0 0 30px 0;
	}
	.image_bg_left {
		display: none;
	}
	.slider_buttons {
		display: block;
	}
	.slider_buttons .button {
		margin: 0 0 1px 0;
	}
	.slider_buttons .button::before {
		transform: none;
	}
	.slider_buttons .button::after {
		transform: translate(0,-50%) rotate(90deg);
	}
	
	footer .row > [class*='col-'] {
		margin-bottom: 1em;
	}
	
	.social-footer > li {
		display: inline-block;
	}
	
	.quickLinks > li {
		display: inline-block;
	}

	.footer-bottom {
		text-align: center;
	}
	
	.footer-bug {
		justify-content: center;
	}

}

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

/* navbar click + hover parent */
@media only screen and (min-width:991px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
  .dropdown-submenu {
    position: relative !important;
  }
  .dropdown-submenu>.dropdown-menu {
    top: 0 !important;
    left: 100% !important;
    margin-top: -6px !important;
    margin-left: -1px !important;
    border-radius: 0 !important;
  }
  .dropdown-submenu:hover>.dropdown-menu {
    display: block !important;
  }
  .dropdown-submenu>a:after {
    display: block;
    content: "\f105";
    font-family: 'FontAwesome';
    margin-top: -18px;
    right: 15px;
    position: absolute;
    font-weight: 300;
  }
}
/* -------------------------------------------------- */