/* Responsive CSS */

@media only screen and (max-width : 1200px) {}
@media only screen and (max-width : 979px) {}
@media only screen and (max-width : 767px) {}
@media only screen and (max-width : 480px) {}
@media only screen and (max-width : 320px) {}

@media (max-width: 992px) {
	.navbar {}
	.nav-link {
		font-size: 14px;
	}
	.navbar-collapse {
		position: fixed;
		top: 0;
		/* top: 54px; */
		left: -300px;
		z-index: 2020;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		width: 300px;
		height: 100%;
		transition: all 0.3s ease;
		display: block;
		background-color: #fff;
	}
	.navbar-collapse.collapsing {
		/* height: auto !important; */
		margin-right: 50%;
		transition: all 0.3s ease;
		display: block;
		height: 100%;
	}
	.navbar-collapse.show {
		left: 0;
	}
	div[class*='col'] {
		flex: 0 0 100%;
	}
	.w60, .w90 { max-width: 100%; }
	#site-header {
		position: static;
	}
	#site-header > .container-fluid > .row {
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-light .navbar-brand {
		max-width: 50%;
	}
	h2 {
		font-size: 28px;
	}
	.hero-content h1 {
		font-size: 18px;
	}
	#accordion-4 .card {
	    flex: 0 0 100%;
	}
	#accordion-4 .card,
	#accordion-4 .card:nth-of-type(even),
	#accordion-4 .card:last-of-type, #accordion-4 .card:nth-last-child(2) {
		border: none;
		border-bottom: 2px solid #707070;
	}
	.card-header > span > button, .card-header > span > button:hover, .card-header > span > button:focus {
		font-size: 18px;
		white-space: wrap;
		text-align: left;
	}
	.card-icon {
		max-width: 15%;
	}
	.news .slide > div {
		width: 100%;
		max-width: 100%;
		position: static;
		transform: none;
		box-shadow: none;
	}
	.team-list ul {
		flex-direction: column;
	}
	.team-list ul > li {
		margin-bottom: .5em;
	}
	.flex-content-2, .home .flex-content-3, .home .flex-content-8 {
		padding-top: 2em;
		padding-bottom: 0em;
	}
	.home .flex-content-5 {
	  padding-top: 2em;
	}
	
	.home .flex-content-4,
	.home .flex-content-6 {
	  padding-bottom: 1em;
	}
	.page-impact .flex-content-4 > .container-fluid > .row > div[class*='col']:first-of-type {
		order: 2;
	}
	.page-impact .flex-content-3 img {
		margin-bottom: 0 !important;
	}
	.page-impact .flex-content-4 img,
	.page-impact .flex-content-5 img,
	.page-impact .flex-content-6 img {
		margin-bottom: 1em !important;
	}
	.page-impact .flex-content-3 > .container > .row > div[class*='col'] p:first-of-type {
		margin-bottom: .25em;
	}
	.grey-bg > div {
		padding-bottom: 0;
	}
	.grey-bg > div p:last-of-type {
		margin-bottom: .5em;
	}
	.post-listings img {
		margin-bottom: 1.5em;
	}
	#footer-logo {
		margin: 0 auto 1.5em;
	}
	#footer-logo + p {
		align-self: center;
	}
	#footer-btm div[class*='col'] {
		text-align: center;
		padding-bottom: 1em;
	}
	.portfolio-listing>a:first-of-type {
		overflow: visible;
	}
	.home .flex-content-4.accordion {
		padding-bottom: 2.5em;
	}
	.page-impact .flex-content-4 > .container-fluid > .row > div[class*='col']:first-of-type {
		order: 0;
	}
	.page-impact .flex-content-5 > .container-fluid > .row > div[class*='col']:first-of-type {
		order: 1;
	}
	.frm_style_formidable-style.with_frm_style .form-field {
		margin-bottom: 0;
	}
	.post-listings > .container:last-of-type > .row {
		padding-bottom: 0;
	}
}
