/* 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 .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;
	}
}

/* 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;
	}
}

@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 .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 .carousel-control-prev,
	#PageBody #MainContent .carousel-control-next{
		width:60px;
		height:60px;
		background-color:#0077c8;
		border-radius:50%;
		opacity:1;
		top:50%;
		transform:translateY(-50%);
	}
	#PageBody #MainContent .carousel-control-prev{
		left:-30px;
	}
	#PageBody #MainContent .carousel-control-next{
		right:-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%;
	}
}
@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%;		
	}
}