/* 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 .results-wrapper.arts .attractor-1 {
		font-size: 3.5em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.civics .attractor-1 {
		font-size: 3em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.economics .attractor-1 {
		font-size: 2.7em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.geography .attractor-1 {
		font-size: 2.65em;
	}
    #PageBody #MainContent .naep-results-display-panel .results-wrapper.math .attractor-1 {
        font-size: 2.2em;
    }
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.reading .attractor-1 {
		font-size: 3.7em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.science .attractor-1 {
		font-size: 4.1em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.tel .attractor-1 {
		font-size: 1.4em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.ushistory .attractor-1 {
		font-size: 2.5em;
	}
    #PageBody #MainContent .naep-results-display-panel .left .attractor-2 {
        font-size: 2.55em;
    }
    #PageBody #MainContent .naep-results-display-panel .left .attractor-box {
        font-size: 2.5em;
    }*/
    #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%;
    }
}

/* SMALL ============================================ */
@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 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 .results-wrapper.arts .attractor-1 {
		font-size: 3.5em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.civics .attractor-1 {
		font-size: 3em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.economics .attractor-1 {
		font-size: 3.85em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.geography .attractor-1 {
		font-size: 3.8em;
	}
    #PageBody #MainContent .naep-results-display-panel .results-wrapper.math .attractor-1 {
        font-size: 3.2em;
    }
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.reading .attractor-1 {
		font-size: 3.5em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.science .attractor-1 {
		font-size: 3.5em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.tel .attractor-1 {
		font-size: 1.95em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.ushistory .attractor-1 {
		font-size: 3.6em;
	}
    #PageBody #MainContent .naep-results-display-panel .left .attractor-2 {
        font-size: 3.65em;
    }*/
    #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%;
    }
}

@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 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 .results-wrapper.arts .attractor-1 {
        font-size: 3.5em;
    }
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.civics .attractor-1 {
		font-size: 3em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.economics .attractor-1 {
		font-size: 3.05em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.geography .attractor-1 {
		font-size: 3em;
	}
    #PageBody #MainContent .naep-results-display-panel .results-wrapper.math .attractor-1 {
        font-size: 2.55em;
    }
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.reading .attractor-1 {
		font-size: 3.7em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.science .attractor-1 {
		font-size: 3.7em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.tel .attractor-1 {
		font-size: 1.55em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.ushistory .attractor-1 {
        font-size: 2.85em;
    }
    #PageBody #MainContent .naep-results-display-panel .left .attractor-2 {
        font-size: 2.9em;
    }*/
    #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;
    }
}
@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%;		
	}
}
/* X-SMALL MOBILE ======================================= */
@media screen and (max-width: 360px) {
	/*  *********************************************  */
	/* 	NAEP-V2: Results Display Panel                 */
    /*  *********************************************  */
	/*#PageBody #MainContent .naep-results-display-panel .results-wrapper.arts .attractor-1 {
		font-size: 3.5em;
	}
    #PageBody #MainContent .naep-results-display-panel .results-wrapper.civics .attractor-1 {
		font-size: 3em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.economics .attractor-1 {
		font-size: 2.65em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.geography .attractor-1 {
		font-size: 2.6em;
	}
    #PageBody #MainContent .naep-results-display-panel .results-wrapper.math .attractor-1 {
        font-size: 2.15em;
    }
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.reading .attractor-1 {
		font-size: 3.7em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.science .attractor-1 {
		font-size: 4em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.tel .attractor-1 {
		font-size: 1.35em;
	}
	#PageBody #MainContent .naep-results-display-panel .results-wrapper.ushistory .attractor-1 {
		font-size: 2.5em;
	}
    #PageBody #MainContent .naep-results-display-panel .left .attractor-2 {
        font-size: 2.5em;
    }*/
	#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;
	}
}