/* LARGE ============================================ */
@media screen and (min-width: 1200px) {
	/*  ******************************************   */
	/* 	NAEP-V2: Share page                         */
	/*  ******************************************   */
	#PageBody #MainContent .share-page {
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
		background: transparent;
		z-index: 500;
		margin-left: 30px;
	}

		#PageBody #MainContent .share-page .share-btn {
			width: 45px;
			height: 45px;
			margin: 6px 0;
			display: block;
		}
	/*  *********************************************   */
	/* 	NAEP-V2: Focal Cards Panel                     */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards {
		justify-content: flex-start;
	}

	#PageBody #MainContent .naep-v2-focal-card-panel a.focal-card {
		width: calc((100% - 60px) / 4);
	}

		#PageBody #MainContent .naep-v2-focal-card-panel a.focal-card:nth-child(4n) {
			margin-right: 0;
		}

	#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards.two-card a.focal-card {
		width: calc((100% - 20px) / 2);
	}

	#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards.two-card a.focal-card {
		margin-right: 20px;
	}

		#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards.two-card a.focal-card:nth-child(2n) {
			margin-right: 0;
		}

	#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards.three-card a.focal-card {
		width: calc((100% - 40px) / 3);
	}

	#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards.three-card a.focal-card {
		margin-right: 20px;
	}

		#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards.three-card a.focal-card:nth-child(3n) {
			margin-right: 0;
		}
}

/* MEDIUM =========================================== */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	/*  ******************************************   */
	/* 	NAEP-V2: Share page                         */
	/*  ******************************************   */
	#PageBody #MainContent .share-page {
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
		background: transparent;
		z-index: 500;
		margin-left: 30px;
	}

		#PageBody #MainContent .share-page .share-btn {
			width: 45px;
			height: 45px;
			margin: 6px 0;
			display: block;
		}
	/*  ******************************************   */
	/* 	NAEP-V2: Button Panel                       */
	/*  ******************************************   */
	#PageBody #MainContent .naep-button-panel .button-group .landing-button {
		width: calc((100% - 40px) / 3);
	}

	#PageBody #MainContent .naep-button-panel .button-group.two-button .landing-button {
		width: calc((100% - 20px) / 2);
	}
	/*  *********************************************   */
	/* 	NAEP-V2: Focal Cards Panel                     */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards {
		justify-content: flex-start;
	}

	#PageBody #MainContent .naep-v2-focal-card-panel a.focal-card {
		width: calc((100% - 60px) / 4);
	}

		#PageBody #MainContent .naep-v2-focal-card-panel a.focal-card:nth-child(4n) {
			margin-right: 0;
		}

	#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards.two-card a.focal-card {
		width: calc((100% - 20px) / 2);
	}

	#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards.two-card a.focal-card {
		margin-right: 20px;
	}

		#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards.two-card a.focal-card:nth-child(2n) {
			margin-right: 0;
		}

	#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards.three-card a.focal-card {
		width: calc((100% - 40px) / 3);
	}

	#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards.three-card a.focal-card {
		margin-right: 20px;
	}

		#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards.three-card a.focal-card:nth-child(3n) {
			margin-right: 0px;
		}
	/*  *********************************************   */
	/* 	NAEP-V2: Carousel Panel                         */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-carousel-panel .carousel.slide.tall .carousel-item .full-card {
		/* This is a base height for the carousel.
		   Each carousel height need to be set in the page level */
		height: 340px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel .full-card div:first-of-type {
		padding-left: 20px;
	}

	#PageBody #MainContent .full-card .full-card-text {
		margin: 30px 30px 40px 40px;
	}

		#PageBody #MainContent .full-card .full-card-text > span:nth-child(1) {
			font-size: 1.4em;
		}

		#PageBody #MainContent .full-card .full-card-text > span:nth-child(2) {
			font-size: 0.95em;
		}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-prev,
	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-next {
		width: 60px;
		height: 60px;
		background-color: #0077c8;
		border-radius: 50%;
		opacity: 1;
		top: 50%;
		transform: translateY(-50%);
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-prev {
		left: -30px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-next {
		right: -30px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel-indicators {
		bottom: -30px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-next-icon,
	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-prev-icon {
		width: 1.5rem;
		height: 1.5rem;
	}
	/*  *********************************************  */
	/* 	NAEP-V2: Results Display Panel                 */
	/*  *********************************************  */
	#PageBody #MainContent .naep-results-display-panel .results-wrapper a:link.link-button {
		font-size: 1.2em;
		padding: 0.3em 0;
	}

	#PageBody #MainContent .naep-results-display-panel .button-group {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	#PageBody #MainContent .naep-results-display-panel .left {
		width: 45%;
	}

	#PageBody #MainContent .naep-results-display-panel .center {
		width: 50%;
	}
}

@media screen and (min-width: 992px) {
	/*  *********************************************  */
	/* 	NAEP-V2: Results Display Panel                 */
	/*  *********************************************  */
	#PageBody #MainContent .naep-results-display-panel .results-wrapper a:link.link-button {
		font-size: 1.4em;
		padding: 0.3em 0;
	}

	#PageBody #MainContent .naep-results-display-panel .results-wrapper.math a:link.link-button,
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.math a:visited.link-button,
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.reading a:link.link-button,
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.reading a:visited.link-button {
		font-size: 1.3em;
	}

	/*  *********************************************  */
	/* 	Modernizations Panel                           */
	/*  *********************************************  */
	.naep-modernization-panel .panel-container {
		margin: 20px 0;
		max-width: 95%;
	}

	.naep-modernization-panel .item-box {
		width: 43%;
	}

	.naep-modernization-panel .item-line {
		width: 55%;
		justify-content: space-between;
	}

	.naep-modernization-panel .m-item.two .item-line .curve {
		height: 72px;
	}

	.naep-modernization-panel .m-item.three .item-line .line {
		width: 60%;
		height: 12px;
		margin: 0 15px;
	}

	#NAEP_logo {
		background: #fff url("/nationsreportcard/adminonly/design2021/img/NAEP-logo.svg") no-repeat center;
		width: 362px;
		height: 60px;
		display: inline-block;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
}

/* SMALL ============================================ */
@media screen and (max-width: 991px) {
	/*  *********************************************  */
	/* 	NAEP-V2: Results Display Panel                 */
	/*  *********************************************  */
	#PageBody #MainContent .naep-results-display-panel .results-wrapper a:link.link-button {
		font-size: 1.1em;
	}

	/*  *********************************************  */
	/* 	Modernizations Panel                           */
	/*  *********************************************  */
	.naep-modernization-panel .panel-container {
		margin: 20px 0;
		max-width: 100%;
	}

	.naep-modernization-panel .m-item {
		flex-flow: column nowrap;
	}

		.naep-modernization-panel .m-item.one:after,
		.naep-modernization-panel .m-item.two:after {
			content: url(/nationsreportcard/adminonly/design2021/img/arrow_down.svg) / "down arrow";
			width: 28px;
			align-self: center;
			margin-top: 10px;
		}

		.naep-modernization-panel .m-item.one .item-line,
		.naep-modernization-panel .m-item.two .item-line {
			display: none;
		}

		.naep-modernization-panel .m-item.three .item-line {
			transform: rotate(90deg);
			display: flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-self: center;
			justify-content: center;
			margin-top: 20px;
			min-width: 240px;
			min-height: 200px;
		}

			.naep-modernization-panel .m-item.three .item-line .line {
				width: 60%;
				height: 12px;
				margin: 0 10px;
			}

			.naep-modernization-panel .m-item.three .item-line .naep-gold-star {
				transform: rotate(-90deg);
				margin-left: 10px;
			}

	#NAEP_logo {
		background: transparent url("/nationsreportcard/adminonly/design2021/img/NAEP-mobile.svg") no-repeat 5px;
		background-size: contain;
		width: 200px;
		height: 39px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#PageBody #MainContent h1,
	#PageBody #MainContent .naep-panel h1 {
		font-size: 2rem;
		line-height: 2rem;
	}

	#PageBody #MainContent h2,
	#PageBody #MainContent .naep-panel h2 {
		font-size: 1.6rem;
		line-height: 1.7rem;
	}

		#PageBody #MainContent h2.custom, #PageBody #MainContent .naep-panel h2.custom {
			font-size: 1.6rem;
			line-height: 1.7rem;
		}

	#PageBody #MainContent h3,
	#PageBody #MainContent .naep-panel h3 {
		font-size: 1.3rem;
		line-height: 1.5rem;
	}

	#PageBody #MainContent h4,
	#PageBody #MainContent .naep-panel h4 {
		font-size: 1.1rem;
		line-height: 1.3rem;
	}

	#PageBody #MainContent .video-asset {
		height: auto;
	}

	/*  ******************************************   */
	/*  NAEP-V2: Share page                         */
	/*  ******************************************   */
	#PageBody #MainContent .share-page {
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
		background: transparent;
		z-index: 500;
		margin-left: 10px;
	}

		#PageBody #MainContent .share-page .share-btn {
			width: 45px;
			height: 45px;
			margin: 6px 0;
			display: block;
		}
	/*  *********************************************   */
	/* 	NAEP-V2: Subject Landing Panel                 */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-subject-landing-panel .flex-panel {
		justify-content: space-between;
	}

	#PageBody #MainContent .naep-v2-subject-landing-panel a.panel-item {
		width: calc((100% - 20px) / 2);
		margin-right: 0;
	}
	/*  *********************************************   */
	/* 	NAEP-V2: Focal Cards Panel                     */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-focal-card-panel a.focal-card {
		width: calc((100% - 20px) / 2);
		margin-right: 20px;
	}

		#PageBody #MainContent .naep-v2-focal-card-panel a.focal-card:nth-child(2n) {
			margin-right: 0;
		}

	#PageBody #MainContent .naep-v2-focal-card- panel a.focal-card:nth-child(4n) {
		margin-right: 20px;
	}

	#PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-inner {
		padding: 15px;
	}

	#PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-item .pull-quote.v2 {
		background-size: 30px;
		padding: 0 20px 0 35px !important;
	}

	#PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-control-prev {
		left: 10px;
	}

	#PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-control-next {
		right: 10px;
	}

	#PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-control-next,
	#PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-control-prev {
		width: 30px;
		height: 30px;
	}
	/*  *********************************************   */
	/* 	NAEP-V2: Subject Button Panel                   */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-subject-button-panel .subject-button-group .subject-button-links,
	#PageBody #MainContent .naep-v2-subject-button-panel .subject-button-group.two-button .subject-button-links,
	#PageBody #MainContent .naep-v2-subject-button-panel .subject-button-group.four-button .subject-button-links {
		width: calc((100% - 20px) / 2);
		margin-right: 20px;
	}

		#PageBody #MainContent .naep-v2-subject-button-panel .subject-button-group .subject-button-links:nth-child(2n) {
			margin-right: 0;
		}

	#PageBody #MainContent .naep-v2-subject-button-panel .subject-button-links:last-of-type {
		margin-top: 15px;
		margin-top: 0;
	}
	/*  *********************************************   */
	/*  NAEP-V2: Assessment Literacy Panel              */
	/*  *********************************************   */
	#PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-prev {
		left: -77px;
	}

	#PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-next {
		right: -77px;
	}

	/*  *********************************************   */
	/* 	NAEP-V2: Carousel Panel                        */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-carousel-panel .carousel.slide.tall .carousel-item .full-card {
		/* This is a base height for the carousel.
		   Each carousel height need to be set in the page level */
		height: 435px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-prev,
	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-next {
		width: 60px;
		height: 60px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-prev {
		left: -30px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-next {
		right: -30px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel-indicators {
		bottom: -30px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-next-icon,
	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-prev-icon {
		width: 1.5rem;
		height: 1.5rem;
	}
	/*  *********************************************  */
	/* 	NAEP-V2: Results Display Panel                 */
	/*  *********************************************  */
	#PageBody #MainContent .naep-results-display-panel .results-wrapper {
		display: block;
	}

	#PageBody #MainContent .naep-results-display-panel .attractors {
		width: 100%;
	}

	#PageBody #MainContent .naep-results-display-panel .left {
		width: 50%;
	}

	#PageBody #MainContent .naep-results-display-panel .center {
		width: 45%;
	}

		#PageBody #MainContent .naep-results-display-panel .center img {
			max-width: 100%;
		}

	#PageBody #MainContent .naep-results-display-panel .button-group {
		width: 100%;
		flex-flow: row wrap;
		justify-content: space-between;
		margin-top: 1em;
	}

	#PageBody #MainContent .naep-results-display-panel .results-wrapper a:link.link-button {
		padding: 0.3em 0;
		width: 45%;
	}

	#CrumbTrail {
		position: relative;
		margin: 50px 10px 20px 17px;
		color: #363636;
		min-height: 10px;
	}
}

@media screen and (min-width: 768px) {
	/*  ***********************************************   */
	/*  NAEP-V2: Full Card Multi-button Panel             */
	/*  ***********************************************   */
	#PageBody #MainContent .naep-v2-full-card-multi-button-panel .full-card .dropdown-filter {
		float: left;
		height: 43px;
		margin: 0 15px 0 0;
	}
}

/* XTRA-SMALL ========================================= */
@media screen and (max-width: 767px) {
	#PageBody #MainContent h1,
	#PageBody #MainContent .naep-panel h1 {
		font-size: 1.8rem;
		line-height: 1.8rem;
	}

	#PageBody #MainContent h2,
	#PageBody #MainContent .naep-panel h2 {
		font-size: 1.4rem;
		line-height: 1.5rem;
	}

		#PageBody #MainContent h2.custom, #PageBody #MainContent .naep-panel h2.custom {
			font-size: 1.4rem;
			line-height: 1.8rem;
		}

	#PageBody #MainContent h3,
	#PageBody #MainContent .naep-panel h3 {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}

	#PageBody #MainContent h4,
	#PageBody #MainContent .naep-panel h4 {
		font-size: 1rem;
		line-height: 1.2rem;
	}

	#PageBody #MainContent p,
	#PageBody #MainContent li,
	#PageBody #MainContent select {
		font-size: 14px;
	}

	/*  *********************************************   */
	/* 	NAEP-V2: Icon Button Panel                     */
	/*  *********************************************   */
	#PageBody #MainContent .icon-btn-panel .icon-btn {
		width: 100%;
		margin: 0 0 20px 0;
	}

		#PageBody #MainContent .icon-btn-panel .icon-btn:last-child {
			margin-bottom: 0;
		}

	.icon-btn-panel .icon-btn-content {
		justify-content: center;
	}
	/*  *********************************************   */
	/* 	NAEP-V2: Header Button Panel                   */
	/*  *********************************************   */
	#PageBody #MainContent .header-btn-panel .header-btn {
		width: 100%;
		margin: 0 0 20px 0;
	}

		#PageBody #MainContent .header-btn-panel .header-btn:last-child {
			margin-bottom: 0;
		}

	.header-btn-panel .header-btn-content {
		justify-content: center;
	}
	/*  *********************************************   */
	/* 	NAEP-V2: Header Full-Width Button Panel        */
	/*  *********************************************   */
	#PageBody #MainContent .header-full-width-btn-panel .header-full-width-btn {
		width: 100%;
		margin: 0 0 20px 0;
	}

		#PageBody #MainContent .header-full-width-btn-panel .header-full-width-btn:last-child {
			margin-bottom: 0;
		}

	.header-full-width-btn-panel .header-full-width-btn-content {
		justify-content: center;
	}
	/*  ******************************************   */
	/*  NAEP-V2: Share page                         */
	/*  ******************************************   */
	#PageBody #MainContent .share-page {
		position: relative;
		margin-left: 0;
		margin-top: 20px;
		text-align: center;
	}

		#PageBody #MainContent .share-page .share-btn {
			display: inline-flex;
			margin: 0;
			width: 45px;
			height: 45px;
		}
	/*  *********************************************   */
	/* 	NAEP-V2: Subject Landing Panel                 */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-subject-landing-panel a.panel-item {
		width: 100%;
		margin-right: 0;
	}
	/*  *********************************************   */
	/* 	NAEP-V2: Carousel Panel                        */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-carousel-panel .carousel.slide.tall .carousel-item .full-card {
		/* This is a base height for the carousel.
		   Each carousel height need to be set in the page level */
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel .full-card-text span:nth-child(3) {
		bottom: 20px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel .full-card-image {
		display: none;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel-item .full-card {
		font-size: 0.95em;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel .full-card div:first-of-type {
		padding: 0 20px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel .carousel-control-prev,
	#PageBody #MainContent .naep-v2-carousel-panel .carousel .carousel-control-next {
		width: 60px;
		height: 60px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel .carousel-control-prev {
		left: -30px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel .carousel-control-next {
		right: -30px;
	}

	#PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-item .pull-quote {
		/* This is a base height for the carousel.
		   Each carousel height need to be set in the page level */
		min-height: 120px;
	}

	#PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-control-prev {
		left: 10px;
		width: 30px;
		height: 30px;
	}

	#PageBody #MainContent .split-panel .naep-v2-carousel-panel .carousel-control-next {
		right: 10px;
		width: 30px;
		height: 30px;
	}
	/*  *********************************************   */
	/* 	NAEP-V2: Focal Cards Panel                     */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-focal-card-panel .focal-cards {
		justify-content: space-between;
	}

	#PageBody #MainContent .naep-v2-focal-card-panel a.focal-card {
		width: calc((100% - 20px) / 2);
		margin-right: 0;
	}
	/*  ******************************************   */
	/* 	NAEP-V2: Accordion Panel                    */
	/*  ******************************************   */
	#PageBody #MainContent .naep-accordion-panel.v2021 {
		width: 100%;
	}
	/*  *********************************************   */
	/* 	NAEP-V2: Image Landing Panel                   */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-image-landing-panel .image-landing-row {
		flex-flow: column nowrap;
	}

	#PageBody #MainContent .image-landing-element:first-child {
		margin-bottom: 20px;
	}

	#PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element {
		flex-flow: row;
		width: 100%;
	}

		#PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element .image-landing-text {
			width: 100%;
		}

		#PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element:nth-child(2n-1) {
			margin-right: 0;
		}

		#PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element .shadow-box {
			width: 50%;
			height: auto;
			margin-bottom: 10px;
		}

		#PageBody #MainContent .naep-v2-image-landing-panel .image-landing-element .image-landing-image {
			width: 100%;
			height: auto;
		}
	/*  *********************************************   */
	/*  NAEP-V2: Split Button Panel                    */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-split-button-panel .panel-body,
	#PageBody #MainContent .naep-split-panel .panel-body {
		flex-flow: column nowrap;
	}

	#PageBody #MainContent .naep-v2-split-button-panel .split-panel,
	#PageBody #MainContent .naep-split-panel .split-panel {
		width: 100%;
		margin-bottom: 10px;
		padding: 0;
	}

		#PageBody #MainContent .naep-v2-split-button-panel .split-panel:last-child,
		#PageBody #MainContent .naep-split-panel .split-panel:last-child {
			margin-bottom: 0;
		}

		#PageBody #MainContent .naep-v2-split-button-panel .split-panel:first-child,
		#PageBody #MainContent .split-panels .split-panel:first-child {
			padding-right: 0px;
		}

		#PageBody #MainContent .naep-v2-split-button-panel .split-panel:last-child,
		#PageBody #MainContent .split-panels .split-panel:last-child {
			padding-left: 0px;
		}

		#PageBody #MainContent .naep-v2-split-button-panel .split-panel.max-33.max-xs-100,
		#PageBody #MainContent .split-panels .split-panel.max-33.max-xs-100 {
			max-width: 100%;
		}
	/*  ******************************************   */
	/* 	NAEP-V2: Full Card Panel                    */
	/*  ******************************************   */
	#PageBody #MainContent .full-card .full-card-image {
		display: none;
	}

	#PageBody #MainContent .full-card .full-card-text {
		width: 100%;
	}
	/*  ******************************************   */
	/* 	NAEP-V2: Landing Button Panel               */
	/*  ******************************************   */
	#PageBody #MainContent .naep-v2-button-panel .button-group.two-button .landing-button,
	#PageBody #MainContent .naep-v2-button-panel .button-group .landing-button {
		width: 100%;
		height: 60px;
		min-height: 60px;
		margin-right: 0;
	}
	/*  *********************************************   */
	/* 	NAEP-V2: Subject Button Panel                   */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-subject-button-panel .subject-button-group .subject-button-links,
	#PageBody #MainContent .naep-v2-subject-button-panel .subject-button-group.two-button .subject-button-links,
	#PageBody #MainContent .naep-v2-subject-button-panel .subject-button-group.four-button .subject-button-links {
		width: calc(100% - 10px);
		margin-left: 5px;
		margin-right: 5px;
	}

	#PageBody #MainContent .naep-v2-subject-button-panel .subject-button-links:last-child {
		margin-bottom: 0;
	}
	/*  ******************************************   */
	/* 	NAEP-V2: stat-fact                          */
	/*  ******************************************   */
	#PageBody #MainContent .panel-body .stat-fact {
		padding: 30px 20px;
	}
	/*  *********************************************   */
	/* 	NAEP-V2: Flex Panel                            */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-flex-panel .panel-body.two-item .stat-fact.asset {
		padding: 20px 20px;
	}
	/*  *********************************************   */
	/* 	NAEP-V2: Link List Panel                       */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-link-list-panel .link-list {
		width: calc((100% - 20px) / 2);
	}

		#PageBody #MainContent .naep-v2-link-list-panel .link-list .title {
			font-size: 16px;
		}

		#PageBody #MainContent .naep-v2-link-list-panel .link-list,
		#PageBody #MainContent .naep-v2-link-list-panel .link-list.two-column,
		#PageBody #MainContent .naep-v2-link-list-panel .link-list.three-column,
		#PageBody #MainContent .naep-v2-link-list-panel .link-list ul,
		#PageBody #MainContent .naep-v2-link-list-panel .link-list.two-column ul,
		#PageBody #MainContent .naep-v2-link-list-panel .link-list.three-column ul {
			width: 100%;
			margin-bottom: 0;
		}

			#PageBody #MainContent .naep-v2-link-list-panel .link-list ul:last-of-type {
				margin-bottom: 1rem;
			}
	/*  *********************************************   */
	/* 	NAEP-V2: NAEP Twitter Feed                      */
	/*  *********************************************   */
	.naep-twitter-feed .header {
		padding-left: 50px;
	}

	.naep-twitter-feed .twitter-timeline {
		margin-left: 40px;
	}

	.naep-twitter-feed iframe {
		width: calc(100% - 40px) !important;
	}
	/*  *********************************************   */
	/*  NAEP-V2: Assessment Process Panel               */
	/*  *********************************************   */
	.naep-v2-assessment-process-panel .assessment-phase-wrapper {
		width: 90%;
		margin-left: 0;
	}
	/*  *********************************************   */
	/*  NAEP-V2: Assessment Phase Nav                   */
	/*  *********************************************   */
	.naep-v2-assessment-phase-nav .phase-text {
		font-size: 9px;
	}
	/*  ***********************************************   */
	/*  NAEP-V2: Full Card Multi-button Panel             */
	/*  ***********************************************   */
	#PageBody #MainContent .naep-v2-full-card-multi-button-panel .full-card .dropdown-filter {
		height: 43px;
		margin: 0 0 15px 0;
	}

		#PageBody #MainContent .naep-v2-full-card-multi-button-panel .full-card .dropdown-filter select.dropdown {
			width: 100%;
		}
	/*  *********************************************   */
	/*  NAEP-V2: Assessment Literacy Panel              */
	/*  *********************************************   */
	#PageBody #MainContent .neap-assessment-lit-panel .qaContainer {
		padding: 40px 20px 0 20px
	}

	#PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel {
		width: 90%;
	}

	#PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-prev,
	#PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-next {
		width: 40px;
		height: 40px;
	}

	#PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-next-icon,
	#PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-prev-icon {
		width: 1.5rem;
		height: 1.5rem;
	}

	#PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-prev {
		left: -21px;
	}

	#PageBody #MainContent .neap-assessment-lit-panel .naep-v2-carousel-panel .carousel-control-next {
		right: -21px;
	}

	#PageBody #MainContent .neap-assessment-lit-panel .response.correct:not(.hidden),
	#PageBody #MainContent .neap-assessment-lit-panel .response.incorrect:not(.hidden) {
		background-size: 25px 25px;
	}

	#PageBody #MainContent .neap-assessment-lit-panel .response {
		padding-left: 45px;
	}
	/*  *********************************************  */
	/* 	NAEP-V2: Results Display Panel                 */
	/*  *********************************************  */
	#PageBody #MainContent .naep-results-display-panel .results-wrapper {
		flex-flow: row wrap;
		padding: 1.5em;
	}

	#PageBody #MainContent .naep-results-display-panel .attractors,
	#PageBody #MainContent .naep-results-display-panel .left,
	#PageBody #MainContent .naep-results-display-panel .center {
		width: 100%;
		flex-flow: row wrap;
	}

		#PageBody #MainContent .naep-results-display-panel .center img {
			margin-top: 2em;
		}

		#PageBody #MainContent .naep-results-display-panel .left p {
			text-align: center;
		}

	#PageBody #MainContent .naep-results-display-panel .button-group {
		justify-content: center;
		align-items: center;
		width: 100%;
		margin-top: 1em;
	}
	/*  *********************************************  */
	/*     PSC-86                                         */
	/*  *********************************************  */


	#CrumbTrail {
		margin: 20px 10px 20px 17px;
	}
}

@media screen and (max-width: 575px) {
	/*  *********************************************   */
	/* 	NAEP-V2: Focal Cards Panel                     */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-focal-card-panel a.focal-card {
		width: 100%;
		margin-right: 0;
	}
	/*  *********************************************   */
	/*  NAEP-V2: Subject Icons Panel                    */
	/*  *********************************************   */
	#PageBody #MainContent .subject-icons-panel .subject-icon img {
		width: 45px;
	}

	#PageBody #MainContent .subject-icons-panel .subject-icon span {
		font-size: 9px;
	}
	/*  ***********************************************   */
	/*  NAEP-V2: Full Card Multi-button Panel            */
	/*  ***********************************************   */
	#PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons {
		flex-flow: column;
	}

		#PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons .multi-button {
			width: 100%;
			margin: 0 0 10px 0;
		}

			#PageBody #MainContent .naep-v2-full-card-multi-button-panel .multi-buttons .multi-button:last-child {
				margin-bottom: 0;
			}

	#PageBody #MainContent .naep-v2-full-card-multi-button-panel .full-card .full-card-text {
		margin: 20px 15px 30px 15px;
		font-size: 1.1em;
	}
	/*  *********************************************   */
	/* 	NAEP-V2: Flex Panel                            */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-flex-panel .panel-body.two-item .asset {
		width: 100%;
		margin-bottom: 20px;
	}

		#PageBody #MainContent .naep-v2-flex-panel .panel-body.two-item .asset:last-child {
			margin-bottom: 0;
		}
	/*  *********************************************   */
	/* 	NAEP-V2: Link List Panel                       */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-link-list-panel .link-list {
		width: 100%;
	}
}

/* SMALL MOBILE ======================================= */
@media screen and (max-width: 480px) {
	/*  *********************************************   */
	/* 	NAEP-V2: Focal Cards Panel                     */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-focal-card-panel a.focal-card {
		width: 100%;
		margin-right: 0;
	}
	/*  ******************************************   */
	/*  NAEP-V2: Carousel Panel                     */
	/*  ******************************************   */
	#PageBody #MainContent .naep-v2-carousel-panel .carousel {
		width: 85%;
	}

	#PageBody #MainContent .full-card .full-card-text {
		margin: 20px 15px 40px 15px;
		font-size: 0.9em;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel .full-card div:first-of-type {
		padding: 0 10px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-prev,
	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-next {
		width: 50px;
		height: 50px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-prev {
		left: -28px;
	}

	#PageBody #MainContent .naep-v2-carousel-panel .carousel-control-next {
		right: -28px;
	}
	/*  ***********************************************   */
	/*  NAEP-V2: Full-Width Image Split Panel            */
	/*  ***********************************************   */
	#PageBody #MainContent .image-landing-element:first-child {
		margin-bottom: 0;
	}
	/*  *********************************************   */
	/* 	NAEP-V2: Box Button Panel                      */
	/*  *********************************************   */
	#PageBody #MainContent .naep-v2-box-button-panel a.panel-item {
		padding: 20px;
		min-width: 100%;
	}
}

@media screen and (max-width: 391px) {
	#CrumbTrail {
		margin: 20px 10px 20px 17px;
	}
}

/* X-SMALL MOBILE ======================================= */
@media screen and (max-width: 360px) {
	/*  *********************************************  */
	/* 	NAEP-V2: Results Display Panel                 */
	/*  *********************************************  */

	#PageBody #MainContent .naep-results-display-panel .results-wrapper a:link.link-button,
	#PageBody #MainContent .naep-results-display-panel .results-wrapper a:visited.link-button {
		font-size: 1.1em;
	}

	#PageBody #MainContent .naep-results-display-panel .button-group a.link-button .indicator.external:after {
		transform: scale(.7);
		margin-left: 2px;
	}
}
