/* Screen Width of 1200px or Greater
==================================================================================== */

	.container			{ width: 1200px; margin: 0 auto; }
	
/* Screen Width of 960px - 1199px
==================================================================================== */

    @media only screen and (max-width: 1199px) {

		.container			{ width: 960px; }

		.tbl_column_xl		{ width: 176px; }
		.tbl_column_lrg		{ width: 144px; }
		.tbl_column_med		{ width: 128px; }
		.tbl_column_sml		{ width: 96px; }
						
	}
    
/* Screen Width of 768px - 959px
==================================================================================== */

    @media only screen and (max-width: 959px) {

		.container				{ width: 768px; }

		html					{ font-size: 15px; }
		
		.box_scroll				{ height: 256px; }
		
		.btn					{ width: 48px; height: 48px; background-size: 48px; }
		.btn_small 				{ width: 24px; height: 24px; background-size: 24px; }
		.btn_txt 				{ width: 256px; padding: 16px 0; }
		
		.icon 					{ width: 24px; height: 24px; background-size: 24px; }
		
		.preloader				{ width: 48px; height: 48px; background-size: 48px; }
		
		header .logo img 		{ height: 48px; }
		.slim header .logo img	{ height: 80px; }

		#header_identity 		{ margin: 0 16px; }
		#header_nav .btn 		{ margin: 0 8px 0 0; }
	
		input[type="checkbox"] + label .form_checkbox	{ width: 32px; height: 32px; background-size: 16px; }
		input[type="radio"] + .form_radio_colors_btn { height: 48px; width: 48px; }
		input[type="radio"]:checked + .form_radio_colors_btn { background-size: 24px; }
		input[type=search],
		select,
		.form_error_row input,
		.form_error_row select 	{ padding-right: 84px; background-size: 20px; }
		textarea				{ height: 176px; }

		table .icon				{ width: 24px; height: 24px; background-size: 24px; }
		.tbl_column_xl			{ width: 160px; }
		.tbl_column_lrg			{ width: 144px; }
		.tbl_column_med			{ width: 112px; }
		.tbl_column_sml			{ width: 80px; }
		
		.modal-header-name { margin: 0 16px 0 0; }
		.modal-header-nav .btn { margin: 0 8px 0 0; }
								
	}

/* Screen Width of 320px - 479px
==================================================================================== */
	
	@media only screen and (max-width: 767px) {

		.container				{ width: 100%; }
		
		#super_container		{ padding: 12px 0; }
		#notify,
		header,
		footer					{ padding: 24px 0; }
		#content				{ padding: 24px 0 0 0; }

		h1,
		h2,
		h3,
		h4,
		p,
		ul,
		ol 							{ margin-bottom: 24px; }

		.margin_bottom_full 		{ margin-bottom: 24px !important; }
		.margin_bottom_half 		{ margin-bottom: 12px !important; }
		.margin_bottom_quarter 		{ margin-bottom: 6px !important; }
		.margin_top_full 			{ margin-top: 24px !important; }
		.margin_top_half 			{ margin-top: 12px !important; }
		.margin_top_quarter 		{ margin-top: 6px !important; }
		.margin_left_full 			{ margin-left: 24px !important; }
		.margin_left_half 			{ margin-left: 12px !important; }
		.margin_left_quarter 		{ margin-left: 6px !important; }
		.margin_right_full 			{ margin-right: 24px !important; }
		.margin_right_half 			{ margin-right: 12px !important; }
		.margin_right_quarter 		{ margin-right: 6px !important; }
		.padding_full				{ padding: 24px !important; }
		.padding_half				{ padding: 12px !important; }
		
		.row_collapse				{ flex-direction: column; }
		.row_collapse .dot			{ display: none; }
		.row_align .dot				{ display: block; }
		.column,
		.column_full,
		.column_half				{ width: 100%; padding: 0 12px; }
		.column_quarter				{ width: 50%; min-width: 136px; padding: 0 12px; }

		.box_accent,
		.box_light,
		.box_link,
		.box_outline				{ padding: 24px; border-radius: 24px; margin-bottom: 24px; }
		.box_scroll					{ height: 192px; margin-bottom: 24px; }

		.btn_txt 					{ width: 176px; padding: 12px 0; border-radius: 24px; }

		.type 						{ width: 32px; height: 32px; background-size: 32px; }

		.dot						{ margin: 0 12px; }
		.divider					{ border-radius: 24px; }
		.arrow						{ margin: 0 12px; }
		.list_bulleted				{ margin: 0 12px; }

		.slim header .logo img		{ height: 64px; }
		#header_identity			{ width: 100%; border-top: 2px solid #E9E9E9; border-bottom: 2px solid #E9E9E9; padding: 12px 0; margin: 24px 0; text-align: center; }

		#manual_nav .btn					{ margin: 0 12px 0 0; }
		.manual_section 					{ margin-bottom: 12px; }
		.manual_section_ttl 				{ margin-bottom: 12px; }
		.manual_section_content a,
		.manual_section_content a:link,
		.manual_section_content a:visited,
		.manual_section_content div 		{ border-radius: 24px; }
		.manual_item_pg 					{ margin-left: 24px; }
		.manual_level_01 					{ padding: 12px 24px 12px 24px; }
		.manual_level_02 					{ padding: 12px 24px 12px 36px; }
		.bookmark_section_ttl,
		.bookmark_section_ttl:link,
		.bookmark_section_ttl:visited 		{ padding: 12px 24px; border-radius: 24px; margin-bottom: 12px; }		
		.bookmark_pg 						{ margin-left: 24px; }
		.bookmark_section_content 			{ margin: 0 12px; }
		.bookmark_section_content p,
		.bookmark_section_content .divider	{ margin-bottom: 12px; }	
		.bookmark_section_nav .btn_small	{ margin: 0 0 0 6px; }

		.form_row					{ margin-bottom: 24px; }
		.form_comment				{ margin-left: 12px; }
		input[type=text],
		input[type=email],
		input[type=password],
		input[type=search],
		select,
		textarea					{ padding: 12px 24px; border-radius: 24px; }
		label						{ padding: 0 12px; margin-bottom: 12px; }	
		input[type="checkbox"] + label .form_checkbox	{ margin-right: 0; }
		.form_checkbox_text 		{ display: block; width: 100%; margin-top: 12px; text-align: center; }
		.form_rememberme_checkbox	{ margin-right: 12px !important; } 
		.form_radio_colors_group { margin: 0 4px; }
		input[type="radio"] + .form_radio_colors_btn { height: 42px; width: 42px; }
		input[type="radio"]:checked + .form_radio_colors_btn { background-size: 16px; }
		input[type=search],
		select,
		.form_error_row input,
		.form_error_row select		{ padding-right: 66px; background-position: right 24px top 50%; background-size: 18px; }
		input[type=search]			{ width: 90%; }
		textarea					{ height: 128px; }
	
		#tbl_summary				{ width: 100%; text-align: center; }
		#tbl_summary.row_align 		{ justify-content: center; }
		#tbl_summary a				{ margin: 0 auto; }
		#tbl_control				{ width: 100%; margin: 12px auto 0 auto; }
		table						{ font-size: 1.0rem; text-align: left; }
		table.margin_bottom_full	{ margin-bottom: 0 !important; }
		table .icon 				{ display: inline-flex; margin: 0; }
		tr:nth-of-type(odd)			{ background-color: transparent; }
		th							{ display: none; }
		td							{ display: flex; align-items: center; padding: 0 12px; width: 100%; }
		td:first-child				{ padding: 12px; background-color: #D9D9D9; font-weight: 600; }
		td:nth-child(2)				{ padding-top: 12px; }
		td:last-child				{ padding-bottom: 24px; }
		.preloader_row td:last-child	{ padding-bottom: 8px; } /* Corrects a display issue with the preloader. */
		td::before					{ margin-right: 6px; color: #AAAAAA; }
		.tbl_column_xl,
		.tbl_column_lrg,
		.tbl_column_med,
		.tbl_column_sml				{ width: 100%; }
		.tbl_ascend,
		.tbl_descend				{ padding-right: 36px; background-size: 12px; background-position: right 12px top 50%; }
		.no_results					{ display: block; padding: 24px !important; }
		.no_results .icon			{ display: block; margin: 0 auto; }

		.tbl_column_district_state::before 			{ content: "State: "; }
		.tbl_column_district_status::before 		{ content: "Status: "; }
		.tbl_column_district_subscription::before	{ content: "Subscription: "; }
		.tbl_column_grade_level::before 			{ content: "Grade Level: "; }
		.tbl_column_logins::before 					{ content: "Logins: "; }
		.tbl_column_teachers::before 				{ content: "Teachers: "; }
		.tbl_column_teacher_logins::before 			{ content: "Logins: "; }
		.tbl_column_teacher_status::before 			{ content: "Status: "; }
		.tbl_column_logins::before 					{ content: "Logins: "; }
		.tbl_column_kindergarten::before 			{ content: "K: "; }
		.tbl_column_first_grade::before 			{ content: "1st: "; }
		.tbl_column_second_grade::before 			{ content: "2nd: "; }
		
		.resource_content	{ flex-direction: column; flex-wrap: wrap; justify-content: center; padding: 0 0 12px 0; border-bottom: 2px solid #D6D6D6; margin: 0 0 12px 0; text-align: center; }
		.resource_content .type { margin: 0 0 12px 0; }
		.resource_nav .btn 	{ margin: 0 8px 0 0; }
	
		#price						{ margin: 0 6px; }
		#super_admin_functions a 	{ margin: 0 6px; }
		#canva_viewer_container,
		#video_player				{ background-size: 48px; }

		.modal-content,
		.modal-small .modal-content	{ width: 100%; }
		.modal-small .modal-content	{ border-radius: 0; }
		.modal-small form			{ padding: 24px; }		
		.modal-header				{ padding: 12px; margin-bottom: 12px; }
		.modal-header-name			{ width: 100%; padding-bottom: 12px; border-bottom: 2px solid #E9E9E9; margin: 0 0 12px 0; text-align: center; }
		.pdf-row canvas 			{ margin-bottom: 12px; }
	
	}
												
/* Screen Width of 480px - 767px
==================================================================================== */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

		.container				{ width: 480px; }
						
	}