/* 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 {}
	.navbar-nav {
		align-items: start !important;
		justify-content: start !important;
	}
	.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: rgba(255, 255, 255, .6);
	}
	.navbar-collapse.collapsing {
		/* height: auto !important; */
		margin-right: 50%;
		transition: all 0.3s ease;
		display: block;
		height: 100%;
	}
	.navbar-collapse.show {
		left: 0;
	}
	.navbar-dark .navbar-toggler {
		color: rgba(255, 255, 255, .8);
		border-color: rgba(255, 255, 255, .8);
	}
	.navbar-dark .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	.navbar-expand-lg .navbar-nav .nav-link,
	.navbar-expand-lg .navbar-nav .nav-link:hover,
	.navbar-expand-lg .navbar-nav .nav-link:focus,
	.navbar-dark .navbar-nav .show > .nav-link,
	.navbar-dark .navbar-nav .active > .nav-link {
		color: #333;
	}
	.dropdown-menu {
		padding: 0;
	}
	.dropdown-menu > li a {
		font-size: 14px;
		padding: .25em .75em;
	}
	div[class*='col'] {
		flex: 0 0 100%;
	}
	.home-banner-content h2 {
		font-size: 3rem;
		margin-bottom: 1.5em;
	}
	.hero-banner > div {
		transform: none;
		position: static;
		padding-top: 1.5em;
	}
	.hero-banner > div > h2 {
		color: #333;
		font-size: 3rem;
		text-shadow: none;
	}
	.home-banner-content a {
		margin: 0 auto 1.5em;
	}
	.home-banner-content a:nth-of-type(n+2) {
		margin-left: auto;
	}
	h2 {
		font-size: 2rem;
	}
	.intro {
		padding-top: 2em;
	}
	.grey-box-left > div,
	.grey-box-right > div {
		left: 0;
		right: 0;
		width: 100%;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
	.home .flex-content-3, .home .flex-content-4 {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.award-banner {
		height: auto;
	}
	.award-banner div[class*="col"] {
		padding: 4em 2em;
	}
	#footer-contact-info {
		padding: 4em 0;
	}
	#resources-search {
		width: 100%;
	}
	.resources-cat-btn,
	.resources-cat-btn:nth-of-type(n+2) {
		padding: 0;
		display: block;
	}
	.resources-cat-btn:nth-of-type(n+2)::after {
		display: none;
		visibility: hidden;
	}
	.grey-list > .container > .row {
		padding-left: 30px;
		padding-right: 30px;
	}
	.grey-list div[class*="col"] {
		text-align: center !important;
	}
	.grey-list div[class*="col"]:first-of-type {
		padding-bottom: 0;
	}
	.grey-list div[class*="col"]:last-of-type {
		padding-top: 0;
	}
	.page-vendor-services .flex-content-3 div[class*='col'],
	.page-vendor-services .flex-content-4 div[class*='col'],
	.page-client-appreciation-symposium-2025 .flex-content-4 div[class*='col'],
	.page-client-appreciation-symposium-2025 .flex-content-5 div[class*='col'] {
		padding-bottom: 2em;
	}
}