/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 4000px) {
	.navbar-nav > li {
		margin-right: 3rem;
	}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
	.navbar-nav > li {
		margin-right: 2rem;
	}
	.filter-dropdown {
		width: 99%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
	#navbar li {
		width: 100%;
	}
	.filter-dropdown {
		height: auto;
	}
	.faq-accordion-body {
		padding-left: 16px;
		padding-right: 16px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	/* Header */
	.header-img {
		max-width: 60px;
	}
	.logo {
		max-width: 60px;
	}
	/* End of Header */
	.about-nav {
		padding: 6px 100px;
	}
	.aids-stats-container {
		height: auto;
	}
	.side-card-person {
		height: auto;
	}
	.about-staff-img-container:before {
		opacity: 1;
	}
	.about-staff-img-container {
		opacity: 1;
	}
	.about-staff-img-container figcaption {
		opacity: 1;
	}
	.mission-image-container img {
		width: 100%;
		height: 100%;
	}
	.mission-container .row:nth-child(2n) .col-md-6:last-child {
		order: 1;
	}
	.news-detail-container .row .share-section {
		padding: 0 36px;
	}
	.news-detail-container .row .share-section p {
		display: inline-block;
	}
	.header-afternav-container .header-afternav .row .col-2 img {
		max-width: 72px;
		max-height: 72px;
	}
	.table > :not(caption) > * > * {
		padding: 18px 20px;
	}
	.gisnav-wrapper {
		left: -250px;
	}
	.modal-content {
		width: 350px;
		height: 535px;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	.header-container {
		text-align: center;
	}
	.about-nav {
		padding: 6px;
	}
	.newsroom-container .container {
		padding: 1rem;
	}
	.newsroom-container .container .row {
		width: 80%;
		margin: 1rem auto;
	}
	.newsroom-container .container .row .col {
		margin-bottom: 1rem;
		text-align: center;
	}
	.newsroom-container .container .row .col a img {
		margin: 0 auto;
	}
	.header-afternav-container .header-afternav .row .col-2 img {
		max-width: 60px;
		max-height: 60px;
	}
}