body {
	line-height: 30px;
}

body.landing_page {
	background-color: #ffffff;
}

div.header {
	position: fixed;
	width: 100%;
	z-index: 99;
	-webkit-backface-visibility: hidden; /* Keeps header fixed at the top on mobile devices */
}

div.sections {
	margin-left: -10px;
	margin-right: -10px;
	position: relative;
	top: 65px;
	height: 100%;
}

div.page_header {
	/* background-image: url( 'https://trainer.thetamusic.com/sites/kichijoji.thetamusic.com/files/pictures/landing_page/bar.jpg' ); */
	/* background-repeat: no-repeat; */
	/* background-size: cover; */
	background-color: white;
	/* margin-left: -10px; */
	/* margin-right: -10px; */
	width: 100%;
	height: 65px;
	/* height: 70px; */
}

div.theta_logo {
	float: left;
	padding-top: 15px;
	padding-left: 10px;
}

div.user_links {
	float: right;
	padding-top: 20px;
	padding-right: 10px;
	font-size: 1.2rem;
}

div a.sign_in:hover, div a.sign_up:hover {
	color: #ff6600;
}

div#individual_user_block {
  width: 100%;
	min-height: 90%;
	height: 90%;
	text-align: center;
  position: relative;
}

/* Show treble clef image in center of the page */
img#treble_clef {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 90%;
}

/* Show image and text in center of the treble clef image */
div#individual_user_info {
	width: 100%;
	position: absolute;
	text-align: center;
	/*margin-top: -70vh;*/
	/*margin-left: auto;
	margin-right: auto;*/
	top: 12%;
}

div.individual_user_message_div {
	width: 60%;
	margin: 0 auto;
}

h2.individual_user_message {
	width: 100%;
	text-align: left;
}

a.start_training {
	text-align: center;
}

div.teacher_block {
  width: 100%;
	/*height: 540px;*/
	min-height: 90%;
	height: 90%;
  /*position: relative;*/
	background-color: #c5d8b1;
}

div#teacher_info {
	text-align: center;
	/*padding-top: 7%;*/
	position: relative;
	top: 23%;
}

h2.teacher_message {
	width: 70%;
	margin-left: auto;
	margin-right: auto;	
}

div.mobile_app_block {
  width: 100%;
	/*height: 540px;*/
	min-height: 90%;
	height: 90%;
  position: relative;	
	text-align: center;
	/*background-color: #ff0000;*/
}

div#mobile_app_info {
	margin-top: 4%;
}

div.mobile_app_download_info {
	width: 100%;
}

div.ios {
	width: 34%;
	float: left;
	background-color: #354a66;
	color: #ffffff;
	text-align: center;
	/*height: 290px;*/
	min-height: 50%;
	height: 50%;
	/*padding-top: 100px;*/
	padding-top: 10%;
}

div.android {
	width: 34%;
	margin: 0 auto;
	background-color: #c4661b;
	color: #ffffff;
	text-align: center;
	/*height: 290px;*/
	min-height: 50%;
	height: 50%;
	/*padding-top: 100px;*/
	padding-top: 10%;
}

div.amazon {
	width: 34%;
	float: right;
	background-color: #ce9c26;
	color: #ffffff;
	text-align: center;
	/*height: 290px;*/
	min-height: 50%;
	height: 50%;
	/*padding-top: 100px;*/
	padding-top: 10%;
}

h2.mobile_app_download_message {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

div#individual_section, div#teacher_section, div#mobile_app_section {
	min-height: 90vh;
	/*height: 100%;*/
	height: 90vh;
}

div.down_arrow {
	position: absolute;
	transform: translateY(-100%);
	width: 100%;
	text-align: center;
	/*z-index: 200;*/
	/*background-color: #ffff00;*/
}

div.down_arrow_2 {
	/*background-color: #ffff00;*/
	/*background-color: #c5d8b1;*/
	/*margin-top: -50px;*/
}

img {
	outline: 0;
	max-width: 100%;
	height: auto;
	text-align: center;
}

.covid19-message {
	margin: 0 125px;
}

.learn_more_button {
	background-color:#ffffff;
	border-radius:28px;
	border:2px solid #151515;
	display:inline-block;
	cursor:pointer;
	color:#151515;
	font-family:Verdana;
	font-size:25px;
	font-weight:bold;
	padding:13px 52px;
	/*margin-top:1rem;*/
	text-decoration:none;
	text-shadow:0px 1px 50px #151515;
}

.learn_more_button:hover {
	background-color:#e88d50;
	color:#ffffff;
	border:2px solid #ff6600;
	text-decoration:none;
}

.learn_more_button:active {
	position:relative;
	top:1px;
}

.mobile_stores {
	float: right;
	padding-right: 4rem;
	margin-top: -5rem;
}

.apple_store_image, .google_store_image, .amazon_store_image {
	width: 142px;
	height: 42px;
}

.landing_page_logged_in_course_name_in_course_box {
	font-size: 1.05em; 
	font-weight: bold;
	padding-top: 6px;
}

.landing_page_logged_in_course_box {
	height: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.landingpage_signup {
	background-color: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #215489;
	display:inline-block;
	cursor: pointer;
	color: #215489;
	padding-left: 1.5em;
	padding-right: 1.5em;
	margin-top: -25px;
	text-decoration: none;
	outline: none;
}

.landingpage_signup:hover {
	/*border: 2px solid #215489;*/
}

.landingpage_login {
	background-color: #215489;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #215489;
	display:inline-block;
	cursor: pointer;
	color: white;
	padding-left: 2em;
	padding-right: 2em;
	margin-top: -25px;
	text-decoration: none;
	outline: none;
}

.landingpage_login:hover {
	/*border: 2px solid #215489;*/
}

.landingpage_content {
	width: 100%;
	/* width: 104%; */ /* .layout-main has padding of 2% on left and right side which shows empty white area instead of the background image so using width 104% */
	margin: auto;
	padding-bottom: 1em;
}

.landingpage_content h2 {
	padding-top: 0.5em;
	/* padding-bottom: 0.5em; */
	position: relative;
}

.landingpage_header {
	color: #215488;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.3em;
	/* position: absolute; */
	/* width: 98%; */
	/* margin: auto; */
	/* top: 1.8em; */
	/* transform: translate(-50%, -50%); */
	width: fit-content;
	margin: 10px auto auto;
	padding-top: 15px;
	background-image: url(/sites/kichijoji.thetamusic.com/files/images/landing_page_header_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-origin: padding-box;
	background-position-y: -9px;
	height: 95px;
}

.landingpage_section {
	/* width: 96%; */
	width: 90%;
	margin: auto;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	/*background-color: #4D4D4D; */ /* dark mode */
	background-color: #fafbff;
	border: 1px solid #ececec;
	/* border: 1px solid #e5e8ef; */
	border-radius: 10px;
	box-shadow: 5px 5px 3px 0 #babece;
}

/* When menu is open, use all the width available. Otherwise some content (e.g. game categories) move down in the second row */
.menu-open .landingpage_section {
	width: 100%
}

.landingpage_anonymous_content .landingpage_section {
	/* width: 85%; */
	width: 100%;
}

.landingpage_section_title {
	float: left;
	font-size: large;
	font-weight: bold;
	margin: 10px 0 10px 20px;
	/*color: #ffca00; */ /* dark mode */
	color: #215587;
}

.landingpage_games_container {
	/*float: left;*/
	clear: both;
	margin: auto;
}

.landingpage_game_box {
	width: 260px; /* 23%; */
	float: left;
	background-color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 1.5 !important;
	text-align: center;
	/*border: 1px outset transparent;*/ /* To prevent div from moving when showing border on mouseover */
}

/*.landingpage_game_box:hover {
	border: 1px solid #215587;
}*/

.landingpage_game_box a,
.landingpage_course_box a,
.landingpage_game_category_box a {
	font-size: 0.9em;	
	font-weight: bold;
	color: black;
}

.landingpage_game_box a:link,
.landingpage_game_box a:hover,
.landingpage_game_box a:visited,
.landingpage_course_box a:link,
.landingpage_course_box a:hover,
.landingpage_course_box a:visited,
.landingpage_game_category_box a:link,
.landingpage_game_category_box a:hover,
.landingpage_game_category_box a:visited {
	text-decoration: none;	
}

.landingpage_game_box a img,
.landingpage_game_icon {
	height: 170px;
	background-repeat: no-repeat;
}

.landingpage_game_description_1,
.landingpage_game_description_2,
.landingpage_game_description_3,
.landingpage_game_description_4 {
	font-size: 0.9em;
	text-align: left;
	color: white;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 2em;
	background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,1));
}

.landingpage_game_description_1 {
	padding-top: 110px;
}

.landingpage_game_description_2 {
	padding-top: 92px;
}

.landingpage_game_description_3 {
	padding-top: 110px;
}

.landingpage_game_description_4 {
	padding-top: 110px;
}

.landingpage_courses_container {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.landing_page_course_categories {
	padding-bottom: 0.5em;
}

.landingpage_course_box {
	width: 31.5%;
	height: 130px;
	float: left;
	background-color: white;
	padding: 10px;
	margin: auto 10px 10px;
	line-height: 1 !important;
	text-align: center;
	border: 1px solid #e5e8ef;
	/*border: 1px outset transparent;*/ /* To prevent div from moving when showing border on mouseover */
}

.landingpage_course_box:hover {
	background-color: #eeeef5;
	cursor: pointer;
}

.landingpage_game_categories_container {
	clear: both;
	/* width: 80%; */
	width: 90%;
	margin: auto;
}

.scrollable-div {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	/*overflow-y: hidden;*/
	white-space: nowrap;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}

.landingpage_game_category_box {
	width: 13%; /* 12.5%; */
	float: left;
	background-color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 1 !important;
	text-align: center;
	overflow: hidden;
	border: 2px solid #e5e8ef;
}

.landingpage_game_category_box:hover {
	background-color: #eeeef5;
}

.landingpage_left_arrow,
.landingpage_right_arrow {
	background-color: #eeeef5;
	border: none;
	font-weight: bold;
	font-size: small;
	border-radius: 50%;
}

.landingpage_left_arrow:hover,
.landingpage_right_arrow:hover {
	background-color: #b8bcde;
}

.close_game_box_in_game_categories_transparent {
	position: relative;
	float: right;
	width: 17px;
	height: 17px;
	background-image: url( "/sites/kichijoji.thetamusic.com/files/images/close_x_transparent.png" );
	background-repeat: no-repeat;
}

.close_game_box_in_game_categories {
	position: relative;
	float: right;
	width: 17px;
	height: 17px;
	background-image: url( "/sites/kichijoji.thetamusic.com/files/images/close_x.png" );
	background-repeat: no-repeat;
}

.landingpage_content .music_traning_games_category_div {
	background-color: #f3fcfe00;
}

.music_category_icon,
.music_training_game_category img,
.music_traning_game_sub_category img {
	width: 50px;
	height: 50px;
}

.music_training_long_game_descriptions .category_title,
.music_training_game_category .category_title,
.music_traning_game_sub_category .category_title {
	margin-top: 17px;
}

.landingpage_courses {
	margin-top: 2em;
}

.are_you_music_teacher_section {
	width: fit-content;
	padding-left: 1.5em;
	padding-right: 1.5em;
	margin: auto;
	overflow: hidden;
	background-color: #fafbff;
	border: 1px solid #ececec;
	border-radius: 10px;
	box-shadow: 5px 5px 3px 0 #babece;		
}

.are_you_music_teacher_section:hover {
	background-color: #eeeef5;
	cursor: pointer;
}

/*
.are_you_music_teacher_container {
	width: max-content;
	height: 130px;
	margin: 0 auto 15px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: white;
	border: 2px solid #e5e8ef;
}
*/
	
.are_you_music_teacher_container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: fit-content;
	padding-top: 15px;
	padding-bottom: 15px;
	cursor: pointer;
}

.are_you_music_teacher_container a {
	text-decoration: none;
}

/* .are_you_music_teacher_container:hover { */
	/* background-color: #eeeef5; */
	/* cursor: pointer; */
/* } */

.are_you_music_teacher_text {
	overflow: auto;
	/*color: black;  */ /* dark mode */
}

.are_you_music_teacher_text a {
	text-decoration: none !important;
	display: inline-block;
	font-size: 1.15em;
	font-weight: bold;
	margin-top: 0.5em;
	/*color: black !important; */ /* dark mode */
}

.are_you_music_teacher_band_essentials img {
	width: auto;
	height: 130px;
	max-width: 100%;
	margin-right: 1em;
}

.are_you_music_teacher_description {
	height: 130px;
	background-color: white;
	border: 2px solid #e5e8ef;
	padding: 15px;
}

.are_you_music_teacher_section .landingpage_section_title {
	margin: 10px 0;
}

.landingpage_fyb_games_container {
	clear: both;
	margin-top: 0.5em;
	/*width: 98%;
	margin: auto;	*/
}

.landingpage_fyb_game_box {
	float: left;
	width: 16.5%;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.5 !important;
	text-align: center;
	text-wrap: balance;
}

.landingpage_fyb_game_box:hover {
	transform: scale(1.05);
}

.carousel-container .landingpage_fyb_game_box:hover {
	transform: scale(1);
}

.landingpage_fyb_game_icon {
	width: max-content;
	margin: auto;
	border: 1px solid #e5e8ef;
}

.landingpage_fyb_game_icon img {
	height: 110px;
}

.landingpage_fyb_course_box {
	width: 97.5%;
	float: left;
	padding: 0 10px;
	margin: 0 10px;
	line-height: 1 !important;
	text-align: center;
	white-space: nowrap;
	/*background-color: #4D4D4Df; */ /* dark mode */
	/*color: black; */ /* dark mode */
	background-color: #fafbff;
}

.landingpage_fyb_course_box ul {
	/*display: flex;*/
	display: none;
	flex-flow: wrap;
	line-height: 1.7;
	justify-content: left;
	margin-top: 0.5em;
	font-size: medium;
}

.landingpage_fyb_course_box ul li {
	display: inline;
	margin-right: 1em;
}

.landingpage_fyb_course_box ul li:before {
	content: '\00a0\2022\00a0\00a0';
}

.landingpage_fyb_course_box a {
	font-size: 1em;	
	font-weight: bold;
	/*color: white; */ /* dark mode */
	color: black;
}

.landingpage_fyb_course_box a:link {
	text-decoration: none;		
}

.landingpage_fyb_course {
	display: flex;
  justify-content: center;
	padding: 0 1em;
}

.landingpage_fyb_course_image {
	height: fit-content;
	padding: 0 2em 1.3em;
	font-size: 1.5em;
	align-items: center;
	margin-right: 1em;
	cursor: pointer;
	display: block;
	margin: auto;
	/* background-color: #383838; */ /* dark mode */
	/* color: white; */ /* dark mode */
	background-color: white;
	border: 1px solid #e5e8ef;
}

.landingpage_fyb_course_image:hover {
	background-color: #eeeef5;
	/* color: black; */ /* dark mode */
}

.landingpage_fyb_course_image img {
	width: 140px;
	/* margin-top: 0.7em; */
	margin-top: 9px;
	margin-bottom: 9px;
}

.landingpage_fyb_course_games_container {
	display: flex;
	justify-content: left;
	flex-direction: column;
	/* margin-top: -2.6em; */
	margin-bottom: 1em;
		margin-top: auto;
}

.landingpage_fyb_course_games_container h3 {
	font: 1.35em Verdana,sans-serif;
	font-weight: bold;
	white-space: pre-wrap;
	/* color: #ffca00; */ /* dark mode */
	color: #215587;
}
	
.landingpage_fyb_course {
	display: block;		
}

.backtoschool_container {
	margin-top: 2em;
	padding: 0.5em 0 1em;
}

.backtoschool_image_container {
	float: left;
	margin-right: 4em;
}

.backtoschool_image_container img {
	width: 140px;
	border: 1px solid #e5e8ef;
	/*margin-top: -2.5em;*/
}

.backtoschool_header_and_description {
	display: table;
	margin: auto;
	width: max-content;
	clear: both;
}

.backtoschool_description {
	display: table;
	margin: -2em auto 0;
}

.backtoschool_theta_studio {
	margin-top: 1.5em;
}

.backtoschool_theta_school {
	margin-top: 1em;
	float: left;
}

.backtoschool_more_button_container {
	float: left;
}

.backtoschool_more_button {
	margin-left: 3em;
	margin-top: -1em;
	padding: 0.5em 2em !important;
	font-weight: bold;
	font-size: x-large;
}

.school_course_box {
	width: 99%;
	float: none;
	margin: auto;
	padding: 0 10px 20px;
}

.school_course_inner_box {
	display: flex;
	/* background-color: white; */
	width: max-content;
	margin: auto;
}

.school_course_image {
	padding: 0em 2em 1.5em;
	float: left;
}

.school_course_games_container {
	margin-top: 0em !important;
	/* margin-left: 2em; */
	position: relative;
	left: 1em;
}

.school_course_games_container h3 {
	font-size: 1em;
}

.school_course_games_container .school_course_image a {
	float: left;
}

.school_course_games_container span {
	font-size: 1.1em;	
	font-weight: bold;
	color: black;
}

.school_course_game_box {
	/* width: 25%; */
	width: max-content;
	text-wrap: balance;
}

.school_course_game_box img {
	height: 190px;
	cursor: pointer;
}

.school_course_box_instrument {
	width: 150px;
	height: 125px;
}

.back-to-school-offer-container {
	cursor: pointer;
	padding-top: 1em;
	padding-bottom: 1em;
	/* display: flex; */
	/* align-items: center; */
}

.back-to-school-plan-label {
	display: inline-block;
	width: 170px;
}

.courses_page_for_anonymous_user .back-to-school-offer-container {
	width: 96%;
}

.back-to-school-offer-box {
	display: flex;
	/* width: fit-content; */
	/* margin: auto; */
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}

.back-to-school-offer-content-section {
	/* margin: auto; */
}

.back-to-school-offer-content {
	width: max-content;
	margin: auto;
	clear: both;
	font-size: large;
	margin-bottom: 1em;
	line-height: 2;
	/* text-align: center; */
	/* color: white; */ /* dark mode */
}

.back-to-school-header {
	float: none;
	font-size: 1.4em;
	text-align: center;
	margin: 10px auto;
}

.back-to-school-offer-content .button {
	display: block;
	width: fit-content;
	margin: auto;
	margin-top: 1em;
}

.back-to-school-image-left,
.back-to-school-image-right {
	width: 190px;
	height: auto;
	/* margin: auto 2em; */
}

.landingpage_band_orchestra {
	margin-top: -7px;
}

.landingpage_band_orchestra .page_header {
	padding: 0 1em;
}

.landingpage_band_orchestra .signup_button {
	clear: none !important;
	margin-top: -3px;
	margin-right: 2em;
	font-size: small;
}

.landingpage_band_orchestra .signup_button a {
	background-color: white !important;
	color: #215489 !important;
	padding: 0.2em 1.4em !important;
	width: max-content !important;
	border-radius: 10px;
	border: 1px solid #215489;
}

.landingpage_band_orchestra .login_button {
	clear: none !important;
	margin-top: -3px;
	margin-right: 5em;
	font-size: small;
}

.landingpage_band_orchestra .login_button a {
	background-color: #215489 !important;
	color: white !important;
	padding: 0.2em 1.9em !important;
	width: max-content !important;
	border-radius: 10px;
	border: 1px solid #215489;
}

.landingpage_band_orchestra .landingpage_signup {
	padding: 0.5em 1.5em;
	position: relative;
	top: -3px;
}

.landingpage_band_orchestra .landingpage_login {
	padding: 0.5em 2em;
	position: relative;
	top: -3px;
}

.landingpage_band_orchestra .special_plans_for_schools_section .action-button,
.landingpage_band_orchestra .fun_activities_section .action-button {
	clear: both;
	width: max-content;
}

.landingpage_band_orchestra .button {
	width: 95%;
	text-align: center;
	background: white;
	color: black;
	font-weight: bold;
	font-size: 1.4em;
	padding: 0.5em 1em;
	margin: 1em auto auto;
}

.landingpage_band_orchestra .video_section {
	background-color: #383838;
	padding: 3em 5em;
	padding-top: 110px; /* Top bar showing theta logo of login/sign up buttons has its position fixed with height:70px. This would prevent video section getting over shadowed by the top bar */
}

.landingpage_band_orchestra .video_section .video_header {
	font-size: 2.8em;
	clear: both;
	text-align: center;
	font-weight: bold;
	color: white;
	line-height: 1em;
}

.landingpage_band_orchestra .video_section .video_sub_header {
	font-size: 1.5em;
	clear: both;
	text-align: center;
	font-weight: bold;
	color: #7ac1ae;
	margin-top: 20px;
}

.landingpage_band_orchestra .video_section .video_container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 245px;
	margin-top: 2em;
}

.landingpage_band_orchestra .video_section .video {
	max-width: 100%;
	height: 100%;
	cursor: pointer;
}

.landingpage_band_orchestra .video_section .action-button,
.landingpage_band_orchestra .fun_activities_section .action-button {
	margin: auto;
	margin-top: 1em;
	font-size: 1.1em;
	clear: both;
	width: max-content;
}

.landingpage_band_orchestra .video_section .button,
.landingpage_band_orchestra .fun_activities_section .button {
	box-shadow: none;
	-webkit-box-shadow: none;
	width: auto;
	padding-left: 1.5em;
	padding-right: 1.5em;
	background: #ffbd5b;
	color: white;
	border: none;
}

.landingpage_band_orchestra .game_list_section {
	clear: both;
	padding: 2em 0;
	/* background-color: #d9ebb3; */
	background-color: white;
}

.landingpage_band_orchestra .game_list_section .game_list_content {
	background-color: white;
	padding: 2em 0 0;
	position: relative;
	overflow: hidden;
}

.landingpage_band_orchestra .game_list_section .game_list_content .game_list_header {
	/* font-size: 1.4em; */
	font-size: 2.8em;
	clear: both;
	font-weight: bold;
	text-align: center;
	color: black;
	line-height: 1.1em;
}

.landingpage_band_orchestra .landingpage_fyb_games_container {
	display: flex;
	/* margin: 3em auto auto; */
	margin: 1em auto auto;
	/* width: 80%; */
	width: fit-content;
	/* border: 1px solid #96ac9b; */
}

.landingpage_band_orchestra .game_list_section .game_list_content .carousel-container {
	display: flex;
	/* overflow: hidden; */
	/* flex-flow: row nowrap; */
	flex-flow: row;
	flex-wrap: wrap;
	scroll-behavior: smooth;
	scroll-snap-type: block;
	margin-left: 10px;
	margin-right: 10px;
}

.landingpage_band_orchestra .game_list_section .game_list_content .carousel-arrow {
	display: flex;
	justify-content: center;
	/* margin-block: auto; */
	/* height: fit-content; */
	background-color: #a5b385;
	border: none;
	font-size: 3rem;
	padding: 0 10px;
	cursor: pointer;
	opacity: 0.7;
	transition: opacity 100ms;
	/* width: 48px; */
	align-items: center;
	/* position: absolute; */
	/* top: 4.3em; */
	/* padding: 0 0.3em; */
	/* margin: auto 0.4em; */
	/* z-index: 1000; */
	width: 65px; /* 6%; */
}

.landingpage_band_orchestra .game_list_section .game_list_content .carousel-arrow:hover {
  opacity: 1;
	background-color: #637143;
}

button.carousel-arrow.carousel-arrow--prev {
	left: 10px;
}

button.carousel-arrow.carousel-arrow--next {
	right: 10px;
}

.landingpage_band_orchestra .landingpage_fyb_game_box {
	width: 25%;
	padding: 2em 0.5em 2em;
	line-height: 1.5 !important;
	text-align: center;
	text-wrap: balance;
	flex-flow: column nowrap;
	display: flex;
	justify-content: center;
	scroll-snap-align: center;
	box-sizing: border-box;
}

.landingpage_band_orchestra .landingpage_fyb_game_box .landingpage_fyb_game_icon {
	box-sizing: border-box;
	border: none;
}

.landingpage_band_orchestra .landingpage_fyb_game_box .landingpage_fyb_game_icon img {
	/* height: 160px; */
	height: 200px;
}

.landingpage_band_orchestra .landingpage_fyb_game_box .instrument_icon_and_text {
	display: flex;
	/* align-items: center; */
	justify-content: center;
	box-sizing: border-box;
}

.font-large {
	font-size: large !important;
}

.landingpage_band_orchestra .landingpage_fyb_game_box .instrument_icon_and_text img.band-instrument-icon {
	width: 40px;
	height: 40px;
	margin-right: 5px;
	position: relative;
	top: 10px;
}

.landingpage_band_orchestra .landingpage_fyb_game_box .game_name_link {
	color: black;
	font-weight: bold;
	font-size: 1.4em;
	position: relative;
	/* top: 10px; */
	top: 1em;
	text-decoration: none;
}

.landingpage_band_orchestra .fun_activities_section {
	background-color: #fff7cb;
	padding: 4em;
	display: flex;
	/* justify-content: space-between; */
	justify-content: center;
	align-items: center;
}

/* Fun activities section used on page /band1b */
.landingpage_band_orchestra .fun_activities_section_1b {
	flex-direction: column;
}

.landingpage_band_orchestra .fun_activities_section_1b .fun_activities_header {
	text-wrap: auto;
}

.landingpage_band_orchestra .fun_activities_section .fun_activities_game_image {
	flex: 1;
	padding: 1em;
	display: flex;
	justify-content: center;
	margin-right: 5em;
}

.landingpage_band_orchestra .fun_activities_section .fun_activities_game_image img {
	height: 40%;
}


.landingpage_band_orchestra .fun_activities_section .fun_activities_explanation_and_action {
	flex: 1;
	display: flex;
	flex-direction: column;
	/* margin: auto 4em auto 9em; */
}

.landingpage_band_orchestra .fun_activities_section .fun_activities_explanation_and_action .fun_activities_header {
	font-weight: bold;
	font-size: 2em;
	text-wrap: nowrap;
}

.landingpage_band_orchestra .fun_activities_section .fun_activities_explanation_and_action .fun_activites_explanation {
	font-size: 1.3em;
	margin-top: 1em;
	margin-bottom: 2em;
	/* margin-left: auto; */
	/* width: 60%; */
	line-height: 1.8;
}

.landingpage_band_orchestra .fun_activities_section .fun_activities_explanation_and_action .fun_activities_button {
	/* align-self: center; */
	/* margin-left: auto; */
	width: 60%;
	margin: auto;
}

.landingpage_band_orchestra .fun_activities_section .fun_activities_button .button {
	background: #215489;
	color: white;
}

.landingpage_band_orchestra .fun_activities_section .fun_activities_image {
	flex: 1;
	padding: 1em;
	display: flex;
	justify-content: center;
}

.landingpage_band_orchestra .fun_activities_section .fun_activities_image img {
	width: 50%;
}

.landingpage_band_orchestra .method_books_section {
	background-color: #215489;
	padding: 4em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.landingpage_band_orchestra .method_books_section .method_books_image {
	/* flex: 1; */
	/* padding: 1em; */
	/* display: flex; */
	/* justify-content: center; */
	/* width: 250px; */
	width: 300px;
}

.landingpage_band_orchestra .method_books_section .method_books_image img {
	/* width: 35%; */
	width: 100%;
	height: auto;
}

.landingpage_band_orchestra .method_books_section .method_books_explanation {
	/* flex: 1; */
	/* display: flex; */
	/* flex-direction: column; */
	/* margin: auto 4em auto 9em; */
	margin-left: 4em;
}

.landingpage_band_orchestra .method_books_section .method_books_explanation .method_books_header {
	font-weight: bold;
	/* font-size: 1.4em; */
	font-size: 2em;
	color: #f9b750;
}

.landingpage_band_orchestra .method_books_section .method_books_explanation .method_books_benefits {
	/* font-size: 1.3em; */
	font-size: 1.5em;
	line-height: 1.8;
	color: white;
}

.landingpage_band_orchestra .progress_tracking_section {
	background-color: #fffdf0;
	padding: 4em 4em 3em 4em;
	display: flex;
	/* justify-content: space-between; */
	justify-content: center;
	align-items: center;
}

.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action {
	flex: 1;
	display: flex;
	flex-direction: column;
	/* margin: auto 4em auto 9em; */
	max-width: 30%;
	margin-left: 9em;
}

.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action .progress_tracking_header {
	font-weight: bold;
	font-size: 2em;
	/* margin-left: auto; */
	/* width: 60%; */
	text-wrap: nowrap;
	width: max-content;
	margin: auto;
}

.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action .fun_activites_explanation {
	font-size: 1.5em;
	margin-top: 1em;
	/* margin-bottom: 2em; */
	margin-left: auto;
	/* width: 60%; */
	line-height: 1.8;
}

.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action .progress_tracking_button {
	/* align-self: center; */
	/* margin-left: auto; */
	width: 60%;
	margin: auto;
}

.landingpage_band_orchestra .progress_tracking_section .progress_tracking_button .button {
	background: #9a4e7f;
	color: white;
}

.landingpage_band_orchestra .progress_tracking_section .progress_tracking_image {
	flex: 2;
	padding: 1em;
	display: flex;
	justify-content: center;
}

.landingpage_band_orchestra .progress_tracking_section .progress_tracking_teacher_console_image {
	flex: 2.5;
	padding: 1em;
	display: flex;
	justify-content: center;
	/* margin-right: 3em; */
	margin-left: 7em;
}
		
.landingpage_band_orchestra .progress_tracking_section .progress_tracking_teacher_console_image img {
	min-width: 130%;
}

.landingpage_band_orchestra .progress_tracking_section .progress_tracking_image img {
	width: 60%;
}

.landingpage_band_orchestra .special_plans_for_schools_section {
	background-color: #7ac1ae;
	padding: 3em 4em 2em 4em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_image img {
	/* width: 35%; */
	width: 40%;
}

.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_explanation_and_action {
	flex: 1;
	display: flex;
	flex-direction: column;
	/* margin: auto 4em auto 9em; */
}

.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_explanation_and_action .special_plans_for_schools_header {
	font-weight: bold;
	font-size: 2em;
	width: 60%;
	text-wrap: nowrap;
}

.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_explanation_and_action .fun_activites_explanation {
	/* font-size: 1.3em; */
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 2em;
	/* margin-left: auto; */
	/* width: 55%; */
	width: 60%;
	line-height: 1.8;
}

.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_explanation_and_action .special_plans_for_schools_button {
	/* align-self: center; */
	/* margin-left: auto; */
	/* width: 55%; */
	width: 60%;
}

.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_button .button {
	background: #ffbd5b;
	color: white;
}

.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_image {
	flex: 1;
	padding: 1em;
	display: flex;
	justify-content: end;
	position: relative;
	right: 9em;
}

/* css start - alternative page for landing band with url /band1a */
.landingpage_band_orchestra .special_plans_for_schools_section_alternative {
	background-color: #7ac1ae;
	padding: 3em;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_image_and_description {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 1em;
	/* position: relative; */
}

.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_image {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}

.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_image img,
.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_image img {
	width: 50%;
}

.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_explanation_and_action {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
}

.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_explanation_and_action .special_plans_for_schools_header {
	font-weight: bold;
	font-size: 2em;
	width: 60%;
	text-wrap: nowrap;
}

.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_explanation_and_action .fun_activites_explanation {
	font-size: 1.5em;
	margin-top: 1em;
	/* margin-bottom: 2em; */
	/* width: 60%; */
	line-height: 1.8;
}

.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_button {
	/* width: 45%; */
	width: auto;
	margin: auto;
	clear: both;
}

.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_button .button {
	display: flex;
	justify-content: center;
	background: #ffbd5b;
	color: white;
	width: max-content;
	font-weight: bold;
	font-size: 2.4em;
	padding: 0.7em 1em;
	margin: 1em auto auto;
}
/* css end - alternative page for landing band with url /band1a */

.landingpage_band_orchestra .footer_section {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 2em;
	background-color: white;
	padding: 2em 0;
	font-size: large;
	background: white;
}

.landingpage_band_orchestra .footer_section .mtna_web_logo {
	width: 12%;
}

/* .landingpage_band_orchestra .footer_section .footer-links { */
	/* width: 70%; */
/* } */

.landingpage_band_orchestra .footer_section .nafme_web_logo {
	width: 15%;
}

.landingpage_band_orchestra .footer_section .partner_links_mobile {
	display: none;
}

.mobile_footer_links .partner_links div {
	width: 30%;
}

.school_courses_for_band_directors {
	margin-bottom: 1em;
}

.school_courses_for_band_directors .landingpage_section {
	/* margin-bottom: 5em; */
	width: 40%;
	margin: auto 5% 3em;
	float: left;
}

.school_courses_for_band_directors .band_icon {
	width: 130px;
	height: auto;
	margin-right: 0.3em;
}

.school_courses_for_band_directors .school_course_image_and_button_container {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}

.school_courses_for_band_directors .band_director_image_container {
	margin-right: 6em;
	display: none;
}

.school_courses_for_band_directors .band_director_image_container img {
	height: 200px
}

.school_courses_for_band_directors .beginner_category_image {
	/* width: 70px; */
	width: 50px;
	height: auto;
	margin-top: -5px;
	margin-left: -25px;
	/* margin-right: -15px; */
	margin-right: -10px;
}

.school_courses_for_band_directors .basic_category_image {
	width: 50px;
	height: auto;
	margin-top: -5px;
	margin-left: -5px;
	/* margin-right: 10px; */
}

.school_courses_for_band_directors .landingpage_fyb_course_image {
	/* width: 40%; */
	width: 100%;
	margin: 0;
}

.school_courses_for_band_directors .band_director_image img {
	width: auto;
	height: auto;
}

.school_courses_for_band_directors .landingpage_fyb_course_games_container {
	margin-top: 1em;
}

.school_courses_for_band_directors .landingpage_fyb_games_container {
	margin-top: 1.5em;
}

.school_courses_for_band_directors .landingpage_fyb_game_box {
	width: 33%;
	margin-bottom: 1.5em;
}

.school_course_instrument_selection .dialog_buttons {
	/* width: 300px; */
	width: max-content;
	text-align: center;
	margin: 2em auto auto;
}

.school_course_instrument_selection a.button {
	width: 6em;
	color: white;
}

/* Instrument select list created by select2 library */
.school_course_instrument_selection .select2-container {
	display: block;
	width: 300px !important;
}

.school-course-instrument-icon {
	width: 24px;
	height: 24px;
}

/* Title color of jquery dialog box */
.ui-draggable .ui-dialog-titlebar {
	background-color: #56abd2;
}

/* Instrument selection dialog box on school course for band directors page */
.path-school-course-for-band-directors .ui-dialog .ui-dialog-content {
	padding: 2.5em 6em 3em;
}

.promotion_theta_logo {
	height: 45px;
	margin-top: 10px;	
}

.prominent_course_container {
	display: flex;
	flex-direction: row;
	align-items:center;
	justify-content:center;
	width: fit-content;
	/* padding-left: 2em; */
	/* padding-right: 2em; */
	margin: auto;
	border-radius: 10px;
	cursor: pointer;
	margin: 3em auto;
	padding-bottom: 1em;
	position: relative;
	/* left: -60px; */ /* maximum left margin between .prominent_course_container .band_instruments and .prominent_course_container .orchestra_instruments */
}

.band_course_container {
	margin: 0 auto;
}

.band_instruments {
	position: absolute;
	width: 400px;
	height: auto;
	left: 0px;
	top: 34px;
}

/* Band instruments image when menu is open */
.menu-open .band_instruments {
	transform: translateX(200px); /* 200px is the width of menu */
}

/* .orchestra_instruments { */
	/* position: absolute; */
	/* width: 440px; */
	/* height: auto; */
	/* left: 270px; */
	/* top: 480px; */
	/* transform: rotate(30deg); */
/* } */

.orchestra_instruments {
	position: absolute;
	width: 440px;
	height: auto;
	left: 20px;
	top: 410px;
	transform: rotate(30deg);
}

/* Orchestra instruments image when menu is open */
.menu-open .orchestra_instruments {
	transform: rotate(30deg) translateX(200px); /* 200px is the width of menu */
	transform-origin: right; /* This ensures image does not move below */
}

.band_instructor {
	position: absolute;
	width: 400px;
	height: auto;
	right: -60px;
	top: 190px;	
}

.piano_instruments {
	position: absolute;
	width: 400px;
	height: auto;
	right: 20px;
	top: 34px;
}

.guitar_instruments {
	position: absolute;
	width: 360px;
	height: auto;
	right: 20px;
	top: 410px;
}

.be1_course_container {
	background-color: #fff9e2;
	box-shadow: 5px 5px 3px 0 #fce1ca;
	z-index: 100;
	padding-left: 2em;
	padding-right: 2em;
	display: flex;
	flex-direction: column;
	padding-bottom: 1em;
	border-radius: 10px;
}

.oe1_course_container {
	background-color: #eef4ff;
	box-shadow: 5px 5px 3px 0 #c0e4f4;
	z-index: 100;
	padding-left: 2em;
	padding-right: 2em;
	display: flex;
	flex-direction: column;
	padding-bottom: 1em;
	border-radius: 10px;
}

.prominent_course_section {
	align-items: center;
	display: flex;
	flex-direction: row;
	/* justify-content: center; */	
}

.prominent_course_section img {
	width: 115px;
}

.prominent_course_details {
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
	color: #2b618d;
	margin-left: 1em;
}

.prominent_course_title {
	font-size: 1.2em;
	font-weight: bold;
	color: #2f648f;
}

.prominent_course_slogan {
	background-color: white;
	padding: 0.5em 2em;
	border-radius: 7px;
	margin-top: 0.8em;
}


.prominent_course_game_box {
	float: left;
	/* width: 16.5%; */
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.5 !important;
	text-align: center;
	text-wrap: balance;
}

.prominent_course_game_box:hover {
	transform: scale(1.05);
}

.prominent_course_game_box a {
	text-decoration: none !important;
}

.prominent_course_game_icon {
	width: max-content;
	margin: auto;
	border: 1px solid #e5e8ef;
}

.prominent_course_game_icon img {
	height: 90px;
}

.featured_games_container {
	clear: both;
	display: flex;
	align-items: center;
	justify-content: center;
}

.featured_games_section {
	width: fit-content;
	margin: auto;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	/*background-color: #4D4D4D; */ /* dark mode */
	background-color: #fafbff;
	border: 1px solid #e5e8ef;
	border-radius: 10px;
	box-shadow: 5px 5px 3px 0 #babece;
}

.featured_game_box {
	width: 210px;
	background-color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 1.5 !important;
	text-align: center;
}

.featured_game_box a {
	font-size: 0.9em;
	font-weight: bold;
	color: black;
}

.featured_game_box a:link, .featured_game_box a:hover, .featured_game_box a:visited {
	text-decoration: none;
}

.header-background {
	display: block;
	width: 750px;
	height: auto;
	margin: auto;
}

.username_link_div .try-it-free-on-header {
	padding-right: 1.5em;
	text-decoration: none;
	outline: none;
}

.username_link_div .try-it-free-on-header .try-it-free-header-button {
	background: #ffbd5b;
	border: 1px solid #ffbd5b;
	padding: 0.5em 2em;
	font-weight: bold;
	font-size: 1.2em;
	border-radius: 5px;
}

.landingpage_band_orchestra .fun_activities_content {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.fun_activities_section .ready-to-transform-label {
	font-size: 1.5em;
	font-weight: bold;
	color: #215489;
	margin-top: 0.5em;
}


.landingpage_band_orchestra .what_teachers_saying_section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #cee5e4;
	padding: 4em 2em;
}

.landingpage_band_orchestra .what_teachers_saying_section .what_teachers_saying_header {
	width: fit-content;
	text-wrap: pretty;
	line-height: 1.3;
	font-weight: bold;
	font-size: 2.8em;
	text-align: center;
}

.landingpage_band_orchestra .distinguished_text {
	color: #5d4a9c;
}

.landingpage_band_orchestra .what_teachers_saying_section .what_teachers_saying_info {
	font-size: 1.5em;
	margin-top: 1.5em;
}

.landingpage_band_orchestra .what_teachers_saying_section .teachers_testimonials {
	display: flex;
	flex-direction: column;
	background: white;
	border-radius: 10px;
	margin: 2em auto;
	padding: 2em 2em;
	align-items: center;
	width: 70%;
	text-align: center;
}

.landingpage_band_orchestra .what_teachers_saying_section .teacher_icon {
	margin: 2em auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.landingpage_band_orchestra .what_teachers_saying_section .arrow_button {
	width: 60px;
	height: 60px;
	background: white;
	border: 2px solid #e4e9f0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	cursor: pointer;	
	user-select: none;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
}

.landingpage_band_orchestra .what_teachers_saying_section .arrow_button img {
	width: 30px;
}

.landingpage_band_orchestra .what_teachers_saying_section .left_arrow {
	position: relative;
	left: -4em;
}

.landingpage_band_orchestra .what_teachers_saying_section .left_arrow img {
	transform: rotate(180deg);
}

.landingpage_band_orchestra .what_teachers_saying_section .right_arrow {
	position: relative;
	left: 4em;
}

.landingpage_band_orchestra .what_teachers_saying_section .fa-star {
	color: orange;
	font-size: 1.4em;	
}

.landingpage_band_orchestra .what_teachers_saying_section .testimonial_text {
	font-size: 1.6em;
	margin: 1em auto 2em;
	line-height: 1.6em;
	overflow-wrap: break-word;	
}

.landingpage_band_orchestra .what_teachers_saying_section .testimonial_teacher_name {
	font-weight: bold;
	font-size: 1.3em;
}

.landingpage_band_orchestra .what_teachers_saying_section .testimonial_teacher_school {
	font-size: 1.1em;
	color: #6b7290;
	margin-bottom: 1em;
}

.landingpage_band_orchestra .what_teachers_saying_section .testimonial_navigation_buttons {
	margin-top: 1em;
	display: flex;
	flex-direction: row;
}

.landingpage_band_orchestra .what_teachers_saying_section .testimonial_navigation_button {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #d1d5db;
	cursor: pointer;
	margin: auto 5px;
}

.landingpage_band_orchestra .what_teachers_saying_section .active_navigation_button {
	background: #5d4a9c;
}


.landingpage_band_orchestra .subscription_plans_section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #73b6b1;
	padding: 3em 2em;
	background-image: url(/sites/kichijoji.thetamusic.com/files/images/band_instruments_1c.png);
	background-repeat: no-repeat;
	background-position-x: -65px;
	background-position-y: -40px;
	background-size: auto 780px;
}

.landingpage_band_orchestra .subscription_plans_section .subscription_plans_header {
	width: fit-content;
	text-wrap: pretty;
	line-height: 1.3;
	font-weight: bold;
	font-size: 2.8em;
	color: white;
	text-align: center;
}

.landingpage_band_orchestra .subscription_plans_section .subscription_plans_info {
	color: white;
	font-size: 1.6em;
	margin-top: 1.5em;
}

.landingpage_band_orchestra .subscription_plans_section .subscription_plans {
	display: flex;
	flex-direction: row;
	margin-top: 6em;
	margin-bottom: 2em;
	z-index: 100;
	gap: 3em;
}

.landingpage_band_orchestra .subscription_plans_section .subscription_plans .individual-plan {
	transform: rotate(-2deg);
	/* margin-right: 2em; */
	cursor: pointer;
}

.landingpage_band_orchestra .subscription_plans_section .subscription_plans .top-section {
	padding: 2em 6em;
	background: #f6f6f6;
	border-top-left-radius: 11px;
	border-top-right-radius: 10px;
	text-align: center;
}

.landingpage_band_orchestra .subscription_plans_section .subscription_plans .top-section .plan-header {
	font-weight: bold;
	font-size: 1.3em;
}

.landingpage_band_orchestra .subscription_plans_section .subscription_plans .top-section .plan-price {
	margin-top: 1em;
}

.landingpage_band_orchestra .subscription_plans_section .subscription_plans .top-section .price {
	font-weight: bold;
	font-size: 1.9em;
}

.landingpage_band_orchestra .subscription_plans_section .subscription_plans .bottom-section {
	padding: 2em 3em 3em;
	background: white;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.landingpage_band_orchestra .subscription_plans_section .subscription_plans .plan-description {
	font-size: 1.2em;
}

.landingpage_band_orchestra .subscription_plans_section .subscription_plans .fa-check-circle {
	color: #ffbd5b
}	
	
.landingpage_band_orchestra .subscription_plans_section .subscription_plans .plan-subscription-link {
	text-decoration: none;
	outline: none;
}

.landingpage_band_orchestra .subscription_plans_section .subscription_plans .plan-subscription-button {
	color: white;
	background: #615579;
	padding: 0.8em 3em;
	margin-top: 1em;
	border-radius: 5px;
	font-weight: bold;
	font-size: 1.3em;
	outline: none;
	border: 0;
	cursor: pointer;
	width: 100%;
}

.landingpage_band_orchestra .subscription_plans_section .subscription_plans .studio-plan {
	/* margin: auto 2em; */
	cursor: pointer;
}

.landingpage_band_orchestra .subscription_plans_section .subscription_plans .school-plan {
	transform: rotate(3deg);
	/* margin-left: 2em; */
	cursor: pointer;
}

/* Background image for subscription plans section on landing page for band */
.band_instruments_1c {
	position: absolute;
	width: auto;
	height: 770px;
	top: 2595px;
	left: -3em;	
}


.landingpage_band_orchestra .what_is_band_essentials_section {
	background-color: #fffdf0;
	padding: 4em 5em;
	padding-top: 5em;
}

.landingpage_band_orchestra .what_is_band_essentials_section .what_is_band_essentials_header {
	font-size: 4em;
	clear: both;
	text-align: center;
	line-height: 1.1em;
}

.landingpage_band_orchestra .what_is_band_essentials_section .what_is_band_essentials_sub_header {
	font-size: 1.5em;
	clear: both;
	text-align: justify;
	color: #4b5577;
	width: 70%;
	margin: auto;
	margin-top: 2em;
	line-height: 1.5;
}

.landingpage_band_orchestra .what_is_band_essentials_section .essential_feature_boxes {
	display: flex;
	flex-wrap: wrap;
	margin-top: 3em;
	gap: 3em;
}

.landingpage_band_orchestra .what_is_band_essentials_section .essential_feature_box {
	flex: 1 0 25%;
	background: white;
	padding: 2em;
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	margin: 1em auto;
	height: 190px;
	/* height: fit-content; */
	border-bottom: 6px solid white;
}

.landingpage_band_orchestra .what_is_band_essentials_section .essential_feature_box:hover {
	position: relative;
	top: -3px;
	border-bottom: 6px solid orange;
}

.landingpage_band_orchestra .what_is_band_essentials_section .essential_box_header {
	font-weight: bold;
	font-size: 1.5em;
}

.landingpage_band_orchestra .what_is_band_essentials_section .essential_box_description {
	margin-top: 1em;
	font-size: 1.3em;
}

.landingpage_band_orchestra .what_is_band_essentials_section .why_teachers_love_it {
	display: flex;
	flex-direction: row;
	background: #f4f7f9;
	margin-top: 3em;
	border-radius: 10px;
	padding: 3em 4em;
	justify-content: space-between;
	align-items: center;
}

.landingpage_band_orchestra .what_is_band_essentials_section .teacher_benefits_list {
	flex: 1.4;
}

.landingpage_band_orchestra .what_is_band_essentials_section .sub_header {
	font-weight: bold;
	font-size: 1.8em;
	margin: 1em auto;
}

.landingpage_band_orchestra .what_is_band_essentials_section .teacher_benefit_list_item {
	font-size: 1.3em;
	line-height: 2.5em;
}

.landingpage_band_orchestra .what_is_band_essentials_section .teacher_benefit_list_item .fa-check-circle {
	font-size: 1.5em;
	color: #ffdba5;
	position: relative;
	top: 2px;
	right: 4px;
}

.landingpage_band_orchestra .what_is_band_essentials_section .teacher_testimonial_box {
	display: flex;
	flex-direction: column;
	padding: 2em;
	background: #cee5e4;
	border-radius: 10px;
	justify-content: center;
	align-items: center;
	flex: 1;
	transform: rotate(2deg);
}

.landingpage_band_orchestra .what_is_band_essentials_section .teacher_avatar_image {
	height: 160px;
	width: auto;
}

.landingpage_band_orchestra .what_is_band_essentials_section .teacher_name {
	font-weight: bold;
	font-size: 1.4em;
}

.landingpage_band_orchestra .what_is_band_essentials_section .teacher_school {
	font-size: 1.1em;
}

.landingpage_band_orchestra .what_is_band_essentials_section .testimonial {
	margin-top: 2em;
	font-size: 1.2em;
}


.landingpage_band_orchestra .see_progress_instantly_section {
	background-color: #fffdf0;
	/* padding: 3em; */
	padding: 3em 3em 9em;
	display: flex;
	flex-direction: column;
}

.landingpage_band_orchestra .see_progress_instantly_section .see_progress_instantly_header {
	font-weight: bold;
	font-size: 2.8em;
	text-wrap: nowrap;
	width: max-content;
	margin: auto;
}

.landingpage_band_orchestra .see_progress_instantly_section .sub_sections {
	display: flex;
	/* flex-direction: row; */
	/* align-items: start; */
	/* justify-content: space-evenly; */
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fffdf0;
	/* margin-top: 2em; */
	padding: 2em;
	/* gap: 4em; */
	width: fit-content;
	margin: 2em auto 0;
	position: relative;
}

.landingpage_band_orchestra .see_progress_instantly_section .progress_tracking_list_box {
	flex: 1.1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: white;
	border-radius: 10px;
	padding: 3em 1em;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	width: 100%;
}

.landingpage_band_orchestra .see_progress_instantly_section .progress_tracking_list_box .sub_header {
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
}

.landingpage_band_orchestra .see_progress_instantly_section .progress_tracking_list_box {
	display: flex;
	flex-direction: column;
}

.landingpage_band_orchestra .see_progress_instantly_section .progress_tracking_list {
	/* margin-top: 2em; */
	line-height: 2.5em;
}

.landingpage_band_orchestra .see_progress_instantly_section .progress_tracking_feature {
	display: flex;
	flex-direction: row;
	margin: 1em auto;
}

.landingpage_band_orchestra .see_progress_instantly_section .feature_icon {
	margin-left: 1em;
	margin-right: 1em;
}

.landingpage_band_orchestra .see_progress_instantly_section .feature_point {
	font-weight: bold;
	font-size: 1.5em;
}

.landingpage_band_orchestra .see_progress_instantly_section .feature_description {
	font-size: 1.3em;
}


/* .landingpage_band_orchestra .see_progress_instantly_section ul { */
	/* font-size: 1.3em; */
	/* line-height: 2; */
/* } */

/* .landingpage_band_orchestra .see_progress_instantly_section .teacher-console-link { */
	/* text-decoration: none; */
	/* outline: none; */
/* } */

/* .landingpage_band_orchestra .see_progress_instantly_section .teacher-console-button { */
	/* color: white; */
	/* background: #615579; */
	/* padding: 0.8em 3em; */
	/* margin-top: 1em; */
	/* border-radius: 5px; */
	/* font-weight: bold; */
	/* font-size: 1.3em; */
	/* outline: none; */
	/* border: 0; */
	/* cursor: pointer; */
	/* width: 100%; */
/* } */

.landingpage_band_orchestra .see_progress_instantly_section .course_progress_image {
	flex: 0.9;
}

.landingpage_band_orchestra .see_progress_instantly_section .school_course_progress_image {
	height: 400px;
}

.landingpage_band_orchestra .see_progress_instantly_section .band_instructor_image_container {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(20%, 60%);
	width: 400px;
}

.landingpage_band_orchestra .see_progress_instantly_section .band_instructor_image  {
	/* margin-top: -60px; */
}


.landingpage_band_orchestra .game_list_section {
	clear: both;
	padding: 3em 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.landingpage_band_orchestra .game_list_section .game_list_content {
	background-color: white;
	padding: 2em 0 0;
	position: relative;
	overflow: hidden;	
}

.landingpage_band_orchestra .game_list_section .game_list_header {
	font-size: 2em;
	clear: both;
	font-weight: bold;
	text-align: center;
	color: black;	
}

.landingpage_band_orchestra .game_list_section .sub_header {
	font-size: 1.5em;
	text-align: center;
	margin-top: 2em;
	color: #4b5577;
}

.landingpage_band_orchestra .game_list_section .games_container {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	gap: 2em;
	margin: 2em auto;
}

.landingpage_band_orchestra .game_list_section .game_boxes {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	margin: 3em 2em;
	gap: 2em;		
}

.landingpage_band_orchestra .game_list_section .game_box {
	display: flex;
	flex: 1;
	flex-direction: row;
	justify-content: center;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	height: auto;
}

.landingpage_band_orchestra .game_list_section .game_details {
	display: flex;
	flex: 45%;
	flex-direction: column;
	justify-content: center;
	background: white;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	padding: 2em;
	line-height: 2;	
}

.landingpage_band_orchestra .game_list_section .game_name {
	font-weight: bold;
	font-size: 1.5em;
}

.landingpage_band_orchestra .game_list_section .game_description {
}

.landingpage_band_orchestra .game_list_section .game_image_container {
	display: flex;
	flex: 45%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 2em;	
}

.landingpage_band_orchestra .game_list_section .game_image {
	background: white;
	padding: 1em;
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	transform: rotate(4deg);
}

.landingpage_band_orchestra .read_rhythms_game {
	background: #faf5ff;
}

.landingpage_band_orchestra .fingerings_game {
	background: #fefce8;
}

.landingpage_band_orchestra .write_notes_game {
	background: #eff6ff;
}

.landingpage_band_orchestra .read_notes_game {
	background: #f0fdf4;
}

.landingpage_band_orchestra .terms_and_symbols_game {
	background: #fefce8;
}

.landingpage_band_orchestra .key_signatures_game {
	background: #fef5f4;
}

.landingpage_band_orchestra .game_list_section .game_boxes_row_1 {
	transform: rotate(-2deg);
}

.landingpage_band_orchestra .game_list_section .game_boxes_row_2 {
	transform: rotate(1deg)
}

.landingpage_band_orchestra .game_list_section .game_boxes_row_3 {
	transform: rotate(-1deg)
}

.landingpage_band_orchestra .game_list_section .ready_question {
	font-size: 1.5em;
	font-weight: bold;
	margin: 1em auto;
	width: fit-content;
}

.landingpage_band_orchestra .game_list_section .try_all_games_free {
	text-align: center;
	margin: auto;
	width: fit-content;	
}

.landingpage_band_orchestra .game_list_section .try_all_games_free_button {
	color: white;
	background: #ffbd5b;
	padding: 0.8em 3em;
	margin-top: 1em;
	border-radius: 5px;
	font-weight: bold;
	font-size: 1.4em;
	outline: none;
	border: 0;
	cursor: pointer;
	width: 100%;	
}

.landingpage_school_courses_logged_in {
	padding: 0 2em;
}

.landingpage_school_courses_logged_in .landingpage_school_course_logos {
	flex-direction: row;
}

.landingpage_school_course_logos {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 2em;
	position: relative;
	width: fit-content;
	margin: auto auto 3em;
	z-index: 10;
	clear: both;
}

/* orchestra background image */
.landingpage_school_course_logos::before {
	display: none;
	content: "";
	background-image: url(/sites/kichijoji.thetamusic.com/files/images/orchestra_instruments.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: contain;
	position: absolute;
	bottom: 55px;
	left: -305px;
	width: 420px;
	height: 100%;
	transform: rotate(30deg);
	transform-origin: bottom left;
	z-index: -1;
}

.landingpage_school_course_logo_row {
	display: flex;
	flex-direction: row;
	gap: 2em;
	justify-content: center;
	align-items: center;
}

.landingpage_school_course_logo {
	width: 250px;
	height: auto;
}

.landingpage_band_orchestra .course_promotion_fingering_icon {
	width: 50px;
	height: auto;
	margin-top: -40px;
}

.music_training_category_game_boxes .game-image {
	display: inline-block; /* Make it an inline block */
	width: 110px; /* Width of the image */
	height: 88px; /* Height of the image */
	background-image: url(/sites/kichijoji.thetamusic.com/themes/mobileresponsive/images/game_sprites_110x88.jpg) !important; /* Path to the spritesheet */
	background-size: cover; /* Cover the entire area */	
}

.music_training_category_game_boxes .speaker-chords {
	background-position: 0 0;
}

.music_training_category_game_boxes .paddle-tones {
	background-position: -110px 0;
}

.music_training_category_game_boxes .melodic-drops {
	background-position: -220px 0;
}

.music_training_category_game_boxes .harmonic-drops {
	background-position: -330px 0;
}

.music_training_category_game_boxes .channel-match {
	background-position: -440px 0;
}

.music_training_category_game_boxes .phrase-fitter {
	background-position: -550px 0;
}

.music_training_category_game_boxes .rhythm-puzzles {
	background-position: -660px 0;
}

.music_training_category_game_boxes .parrot-phrases {
	background-position: -770px 0;
}

.music_training_category_game_boxes .tone-trees {
	background-position: -880px 0;
}

.music_training_category_game_boxes .chord-locks {
	background-position: -990px 0;
}

.music_training_category_game_boxes .chord-spells {
	background-position: -1100px 0;
}

.music_training_category_game_boxes .tonal-recall {
	background-position: -1210px 0;
}

.music_training_category_game_boxes .speed-pitch {
	background-position: -1320px 0;
}

.music_training_category_game_boxes .dango-brothers {
	background-position: -1430px 0;
}

.music_training_category_game_boxes .number-blaster {
	background-position: -1540px 0;
}

.music_training_category_game_boxes .vocal-match {
	background-position: -1650px 0;
}

.music_training_category_game_boxes .flash-effects {
	background-position: -1760px 0;
}

.music_training_category_game_boxes .tone-drops {
	background-position: -1870px 0;
}

.music_training_category_game_boxes .flash-rhythms {
	background-position: -1980px 0;
}

.music_training_category_game_boxes .key-puzzles {
	background-position: -2090px 0;
}

.music_training_category_game_boxes .flash-intervals-melodic {
	background-position: -2200px 0;
}

.music_training_category_game_boxes .flash-chords {
	background-position: -2310px 0;
}

.music_training_category_game_boxes .chord-drops {
	background-position: -2420px 0;
}

.music_training_category_game_boxes .eq-match {
	background-position: -2530px 0;
}

.music_training_category_game_boxes .band-match {
	background-position: -2640px 0;
}

.music_training_category_game_boxes .three-tones-major {
	background-position: -2750px 0;
}

.music_training_category_game_boxes .flash-progressions-major {
	background-position: -2860px 0;
}

.music_training_category_game_boxes .flash-notation-notes {
	background-position: -3190px 0;
}

.music_training_category_game_boxes .vocal-degrees-major {
	background-position: -3300px 0;
}

.music_training_category_game_boxes .flash-progressions-minor {
	background-position: -3410px 0;
}

.music_training_category_game_boxes .three-tones-minor {
	background-position: -3520px 0;
}

.music_training_category_game_boxes .vocal-steps-repeat {
	background-position: -3630px 0;
}

.music_training_category_game_boxes .vocal-degrees-minor {
	background-position: -3740px 0;
}

.music_training_category_game_boxes .flash-tones {
	background-position: -4180px 0;
}

.music_training_category_game_boxes .speed-chords {
	background-position: -3850px 0;
}

.music_training_category_game_boxes .flash-styles-drums {
	background-position: -3960px 0;
}

.music_training_category_game_boxes .flash-intervals-harmonic {
	background-position: -4070px 0;
}

.music_training_category_game_boxes .more-tones-major {
	background-position: -4180px 0;
}

.music_training_category_game_boxes .flash-notation-intervals {
	background-position: -4290px 0;
}

.music_training_category_game_boxes .flash-notation-chords {
	background-position: -4400px 0;
}

.music_training_category_game_boxes .flash-tones {
	background-position: -4510px 0;
}

.music_training_category_game_boxes .tonic-finder {
	background-position: -4620px 0;
}

.music_training_category_game_boxes .more-tones-minor {
	background-position: -4730px 0;
}

.music_training_category_game_boxes .rhythm-reader {
	background-position: -4840px 0;
}

.music_training_category_game_boxes .pitch-compare {
	background-position: -4950px 0;
}

.music_training_category_game_boxes .two-tones-major {
	background-position: -5060px 0;
}

.music_training_category_game_boxes .flash-terms-performance {
	background-position: -5170px 0;
}

.music_training_category_game_boxes .two-tones-minor {
	background-position: -5280px 0;
}

.music_training_category_game_boxes .flash-cadences {
	background-position: -5390px 0;
}

.music_training_category_game_boxes .flash-chords-quality {
	background-position: -5500px 0;
}

.music_training_category_game_boxes .rhythm-repeat {
	background-position: -5610px 0;
}


.music_training_long_game_descriptions_container .game-image {
	display: inline-block; /* Make it an inline block */
	width: 250px; /* Width of the image */
	height: 200px; /* Height of the image */
	background-image: url(/sites/kichijoji.thetamusic.com/themes/mobileresponsive/images/game_sprites_250x200.jpg) !important; /* Path to the spritesheet */
	background-size: cover; /* Cover the entire area */	
}

.music_training_long_game_descriptions_container .speaker-chords {
	background-position: 0 0;
}

.music_training_long_game_descriptions_container .paddle-tones {
	background-position: -250px 0;
}

.music_training_long_game_descriptions_container .melodic-drops {
	background-position: -500px 0;
}

.music_training_long_game_descriptions_container .harmonic-drops {
	background-position: -750px 0;
}

.music_training_long_game_descriptions_container .channel-match {
	background-position: -1000px 0;
}

.music_training_long_game_descriptions_container .phrase-fitter {
	background-position: -1250px 0;
}

.music_training_long_game_descriptions_container .rhythm-puzzles {
	background-position: -1500px 0;
}

.music_training_long_game_descriptions_container .parrot-phrases {
	background-position: -1750px 0;
}

.music_training_long_game_descriptions_container .tone-trees {
	background-position: -2000px 0;
}

.music_training_long_game_descriptions_container .chord-locks {
	background-position: -2250px 0;
}

.music_training_long_game_descriptions_container .chord-spells {
	background-position: -2500px 0;
}

.music_training_long_game_descriptions_container .tonal-recall {
	background-position: -2750px 0;
}

.music_training_long_game_descriptions_container .speed-pitch {
	background-position: -3000px 0;
}

.music_training_long_game_descriptions_container .dango-brothers {
	background-position: -3250px 0;
}

.music_training_long_game_descriptions_container .number-blaster {
	background-position: -3500px 0;
}

.music_training_long_game_descriptions_container .vocal-match {
	background-position: -3750px 0;
}

.music_training_long_game_descriptions_container .flash-effects {
	background-position: -4000px 0;
}

.music_training_long_game_descriptions_container .tone-drops {
	background-position: -4250px 0;
}

.music_training_long_game_descriptions_container .flash-rhythms {
	background-position: -4500px 0;
}

.music_training_long_game_descriptions_container .key-puzzles {
	background-position: -4750px 0;
}

.music_training_long_game_descriptions_container .flash-intervals-melodic {
	background-position: -5000px 0;
}

.music_training_long_game_descriptions_container .flash-chords {
	background-position: -5250px 0;
}

.music_training_long_game_descriptions_container .chord-drops {
	background-position: -5500px 0;
}

.music_training_long_game_descriptions_container .eq-match {
	background-position: -5750px 0;
}

.music_training_long_game_descriptions_container .band-match {
	background-position: -6000px 0;
}

.music_training_long_game_descriptions_container .three-tones-major {
	background-position: -6250px 0;
}

.music_training_long_game_descriptions_container .flash-progressions-major {
	background-position: -6500px 0;
}

.music_training_long_game_descriptions_container .flash-notation-notes {
	background-position: -7250px 0;
}

.music_training_long_game_descriptions_container .vocal-degrees-major {
	background-position: -7500px 0;
}

.music_training_long_game_descriptions_container .flash-progressions-minor {
	background-position: -7750px 0;
}

.music_training_long_game_descriptions_container .three-tones-minor {
	background-position: -8000px 0;
}

.music_training_long_game_descriptions_container .vocal-steps-repeat {
	background-position: -8250px 0;
}

.music_training_long_game_descriptions_container .vocal-degrees-minor {
	background-position: -8500px 0;
}

.music_training_long_game_descriptions_container .speed-chords {
	background-position: -8750px 0;
}

.music_training_long_game_descriptions_container .flash-styles-drums {
	background-position: -9000px 0;
}

.music_training_long_game_descriptions_container .flash-intervals-harmonic {
	background-position: -9250px 0;
}

.music_training_long_game_descriptions_container .more-tones-major {
	background-position: -9500px 0;
}

.music_training_long_game_descriptions_container .flash-notation-intervals {
	background-position: -9750px 0;
}

.music_training_long_game_descriptions_container .flash-notation-chords {
	background-position: -10000px 0;
}

.music_training_long_game_descriptions_container .flash-tones {
	background-position: -10250px 0;
}

.music_training_long_game_descriptions_container .tonic-finder {
	background-position: -10500px 0;
}

.music_training_long_game_descriptions_container .more-tones-minor {
	background-position: -10750px 0;
}

.music_training_long_game_descriptions_container .rhythm-reader {
	background-position: -11000px 0;
}

.music_training_long_game_descriptions_container .pitch-compare {
	background-position: -11250px 0;
}

.music_training_long_game_descriptions_container .two-tones-major {
	background-position: -11500px 0;
}

.music_training_long_game_descriptions_container .flash-terms-performance {
	background-position: -11750px 0;
}

.music_training_long_game_descriptions_container .two-tones-minor {
	background-position: -12000px 0;
}

.music_training_long_game_descriptions_container .flash-cadences {
	background-position: -12000px 0;
}

.music_training_long_game_descriptions_container .flash-chords-quality {
	background-position: -12500px 0;
}

.music_training_long_game_descriptions_container .rhythm-repeat {
	background-position: -12750px 0;
}



/* Screens >= 2090px */
@media (min-width: 2030px) {
	/* .orchestra_instruments { */
		/* left: 480px; */
	/* } */
}

@media (max-width: 2030px) {
	/* .orchestra_instruments { */
		/* left: 450px; */
	/* } */
}

@media (max-width: 1970px) {
	/* .orchestra_instruments { */
		/* left: 420px; */
	/* } */
}

@media (max-width: 1910px) {
	/* .orchestra_instruments { */
		/* left: 390px; */
	/* } */
}

@media (max-width: 1850px) {
	/* .orchestra_instruments { */
		/* left: 360px; */
	/* } */
}

@media (max-width: 1790px) {
	/* .orchestra_instruments { */
		/* left: 330px; */
	/* } */
}

@media (max-width: 1730px) {
	/* .orchestra_instruments { */
		/* left: 300px; */
	/* } */
}

@media (max-width: 1670px) {
	/* .orchestra_instruments { */
		/* left: 270px; */
	/* } */
}

@media (max-width: 1610px) {
	/* .orchestra_instruments { */
		/* left: 260px; */
	/* } */
}


/******************************************/
/* css for landing page for band starts */
/*****************************************/


@media (max-width: 2085px) {
	/* .landingpage_band_orchestra .landingpage_fyb_game_box .landingpage_fyb_game_icon img { */
		/* height: 190px; */
	/* } */

	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action {
		margin-left: 7em;
	}
}

@media (max-width: 1850px) {
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action .progress_tracking_button {
		width: 80%;
	}
}

@media (max-width: 1700px) {
	.landingpage_band_orchestra .landingpage_fyb_game_box {
		/* width: 33%; */
		width: auto;
		align-items: center; /* show instrument icon and text in center of the game image */
	}

	.landingpage_band_orchestra .see_progress_instantly_section .school_course_progress_image {
		height: 460px;
	}
}

@media (max-width: 1650px) {
	.landingpage_band_orchestra .what_is_band_essentials_section .what_is_band_essentials_sub_header {
		width: 90%;
	}
	
	/* .landingpage_band_orchestra .what_is_band_essentials_section .essential_feature_box { */
		/* height: 220px; */
	/* } */
}

@media (max-width: 1580px) {
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_teacher_console_image {
		margin-left: 4em;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_explanation_and_action .fun_activites_explanation {
		width: 75%;
	}
}

@media (max-width: 1550px) {
	.landingpage_band_orchestra .see_progress_instantly_section .school_course_progress_image {
		height: 500px;
	}

	.landingpage_band_orchestra .see_progress_instantly_section .band_instructor_image_container {
		transform: translate(10%, 60%);
	}
	
	.landingpage_band_orchestra .see_progress_instantly_section .progress_tracking_list_box {
		/* width: 95%; */
		/* margin: auto; */
		flex: 1;
	}
}


@media (max-width: 1400px) {
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action .progress_tracking_button {
		width: 100%;
	}

	.landingpage_band_orchestra .what_is_band_essentials_section .essential_feature_box {
		/* height: 240px; */
		flex: 1 0 40%;
	}
	
	/* .landingpage_band_orchestra .see_progress_instantly_section .progress_tracking_list_box { */
		/* height: 530px; */
	/* } */
	
	.landingpage_band_orchestra .see_progress_instantly_section .sub_sections {
		flex-direction: column;
	}
	
	/* .landingpage_band_orchestra .see_progress_instantly_section .progress_tracking_list_box { */
		/* width: 95%; */
		/* margin: auto; */
		/* flex: 1; */
	/* } */
	
	.landingpage_band_orchestra .see_progress_instantly_section .course_progress_image {
		flex: 1;
	}
}

@media (max-width: 1350px) {
	/* .landingpage_band_orchestra .landingpage_fyb_game_box .landingpage_fyb_game_icon img { */
		/* height: 202px; */
	/* }	 */
}

@media (max-width: 1300px) {
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action .progress_tracking_button {
		width: 100%;
	}
	
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_image {
		display: none;
	}
	
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action {
		min-width: 40%;
		max-width: initial;
	}
	
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action .progress_tracking_header {
		width: 100%;
		text-wrap: pretty;
		line-height: 1.3;
	}
	
	.landingpage_band_orchestra .fun_activities_section .fun_activities_game_image {
		flex: 4;
	}
	
	.landingpage_band_orchestra .fun_activities_section .fun_activities_game_image {
		flex: 4;
	}
	
	.landingpage_band_orchestra .fun_activities_section .fun_activities_image {
		flex: 3;
	}

	.landingpage_band_orchestra .what_is_band_essentials_section .what_is_band_essentials_sub_header {
		width: 96%;
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section .why_teachers_love_it {
		flex-direction: column;
		padding: 2em 4em;
		gap: 2em;
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section .teacher_benefits_list {
		flex: 1;
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section .teacher_testimonial_box {
		transform: rotate(0deg);
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section .teacher_testimonial_box {
		width: 80%;
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section .testimonial {
		width: 85%;
	}
}

@media (max-width: 1250px) {
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_teacher_console_image {
		flex: 3;
	}

	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action {
		width: 35%;
	}
	
	.landingpage_band_orchestra .landingpage_fyb_game_box {
		/* width: 33%; */
	}
	
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_teacher_console_image {
		margin-left: 4em;
	}
	
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action {
		margin-left: 6em;
	}
	
	.landingpage_band_orchestra .fun_activities_section .fun_activities_image {
		display: none;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_image {
		justify-content: center;
		right: 0;
	}

	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_image img,
	.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_image img {
		width: 60%;
	}	
}

@media (max-width: 1235px) {
	.landingpage_band_orchestra .landingpage_fyb_game_box {
		/* width: 50%; */
	}

	.landingpage_band_orchestra .landingpage_fyb_game_box .landingpage_fyb_game_icon img {
		height: 180px;
	}
	
	.landingpage_band_orchestra .subscription_plans_section .subscription_plans {
		gap: 2em;
	}
	
	.landingpage_band_orchestra .subscription_plans_section .subscription_plans .top-section {
		padding: 2em 1em;
	}

	.landingpage_band_orchestra .subscription_plans_section .subscription_plans .bottom-section {
		padding: 2em 2em 3em;
	}
	
	.landingpage_band_orchestra .see_progress_instantly_section .sub_sections {
		width: 95%;
	}
}

@media (max-width: 1100px) {

	.landingpage_band_orchestra .landingpage_fyb_game_box .landingpage_fyb_game_icon img {
		height: 170px;
	}

	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_image img,
	.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_image img {
		width: 65%;
	}	
}
	
@media (max-width: 1050px) {

	.landingpage_band_orchestra .landingpage_fyb_game_box {
		width: 50%;
	}

	.landingpage_band_orchestra .landingpage_fyb_game_box .landingpage_fyb_game_icon img {
		height: 250px;
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section .essential_feature_boxes {
		gap: 1em;
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section .essential_feature_box {
		flex: 1 0 90%;
	}
}

@media (max-width: 1000px) {
	.landingpage_band_orchestra .fun_activities_section .fun_activities_game_image {
		margin-right: 1em;
	}

	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_image {
		position: initial;
		right: 0;
	}

	/* .landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_image img { */
		/* width: initial; */
	/* } */

	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_explanation_and_action .special_plans_for_schools_header {
		width: initial;
	}

	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_explanation_and_action .fun_activites_explanation {
		width: initial;
	}
	
	/* .landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action { */
		/* width: 45%; */
		/* margin-left: 4em; */
	/* } */
	
	.landingpage_band_orchestra .progress_tracking_section {
		flex-flow: column;
	}
	
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_teacher_console_image {
		margin-left: auto;
	}
	
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_teacher_console_image img {
		min-width: auto;
	}		
	
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action {
		margin: 1em auto auto;
		width: max-content;
	}
	
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action .progress_tracking_header {
		width: fit-content;
	}
	
	.landingpage_band_orchestra .method_books_section .method_books_image {
		width: 450px;
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section .teacher_benefit_list_item {
		line-height: 2em;
	}
	
	.landingpage_band_orchestra .what_teachers_saying_section .teachers_testimonials {
		width: 85%;
	}
	
	.landingpage_band_orchestra .subscription_plans_section .subscription_plans {
		flex-direction: column;
		margin-top: 3em;
		width: 90%;
	}

	.landingpage_band_orchestra .subscription_plans_section .subscription_plans .individual-plan,
	.landingpage_band_orchestra .subscription_plans_section .subscription_plans .studio-plan,
	.landingpage_band_orchestra .subscription_plans_section .subscription_plans .school-plan {
		transform: rotate(0deg);
	}
	
	.landingpage_band_orchestra .subscription_plans_section .subscription_plans .plan-subscription-button {
		padding: 0.8em 2em;
	}
	
	.landingpage_band_orchestra .game_list_section .sub_header {
		font-size: 1.3em;
	}
	
	.landingpage_band_orchestra .game_list_section .games_container {
		margin: 1em auto;
	}
	
	.landingpage_band_orchestra .game_list_section .game_boxes {
		flex-direction: column;
		margin: 1em 2em;
	}
	
	.landingpage_band_orchestra .see_progress_instantly_section .see_progress_instantly_header {
		width: fit-content;
		line-height: 1.1em;
	}
}

@media (max-width: 920px) {
	
	.landingpage_band_orchestra .subscription_plans_section .subscription_plans {
		width: 90%;
	}
}


@media (max-width: 900px) {
	.landingpage_band_orchestra .what_is_band_essentials_section .teacher_testimonial_box {
		width: 90%;
	}
}


@media (max-width: 890px) {
	.landingpage_band_orchestra .landingpage_fyb_game_box {
		align-items: center;
		/* width: 100%; */
		width: fit-content;
		margin: auto;
	}

	/* .landingpage_band_orchestra .video_section .video_container { */
		/* height: 330px; */
	/* } */

	.landingpage_band_orchestra .landingpage_fyb_game_box .landingpage_fyb_game_icon img {
		/* width: max-content; */
		/* height: auto; */
	}
	
	.landingpage_band_orchestra .fun_activities_section_1b .fun_activities_content {
		flex-direction: column;
	}
	
	.landingpage_band_orchestra .fun_activities_section .fun_activities_explanation_and_action .fun_activities_header {
		text-wrap: auto;
	}
	
	.landingpage_band_orchestra .fun_activities_section {
		padding: 2em 4em 4em;
		flex-flow: column;
	}
	
	.landingpage_band_orchestra .fun_activities_section .fun_activities_game_image {
		flex: 1;
		margin-right: auto;
	}
	
	.landingpage_band_orchestra .fun_activities_section .fun_activities_game_image img {
		width: 60%;
		height: auto;
	}

	.landingpage_band_orchestra .method_books_section {
		flex-flow: column;
	}
	
	.landingpage_band_orchestra .method_books_section .method_books_image {
		width: 350px;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section {
		padding: 2em;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_image img,
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_image img {
		width: 70%;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section {
		flex-flow: column;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_image {
		margin-bottom: 1em;
	}
	
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action {
		width: fit-content;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_explanation_and_action .special_plans_for_schools_header {
		width: max-content;
		margin: auto;
		text-wrap: pretty;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_explanation_and_action .special_plans_for_schools_button {
		width: 100%;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_button .button {
		margin-top: 0;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_image_and_description {
		flex-direction: column;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_image img {
		width: 35%;
	}

	.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_image img {
		width: 35%;
		margin-bottom: 2em;
	}

	.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_explanation_and_action .special_plans_for_schools_header {
		width: fit-content;
		margin: auto;
	}
	
	.featured_games_section {
		width: 96%;
	}
	
	/* .landingpage_anonymous_content .landingpage_section { */
		/* width: 96%; */
	/* } */
	
	.featured_games_section .featured_games_container .featured_game_box {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 780x) {

	.landingpage_band_orchestra .subscription_plans_section .subscription_plans_info {
		font-size: 1.4em;
	}

	.featured_games_section .featured_games_container {
		flex-flow: column;
	}
	
	.landingpage_band_orchestra .what_teachers_saying_section .teachers_testimonials {
		width: 80%;
	}
	
	.landingpage_band_orchestra .what_teachers_saying_section .arrow_button {
		width: 50px;
		height: 50px;
	}
}


@media (max-width: 730x) {
	.landingpage_band_orchestra .what_is_band_essentials_section .what_is_band_essentials_header {
		font-size: 2.5em;
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section .essential_feature_box {
		height: 210px;
	}
	
	.landingpage_band_orchestra .subscription_plans_section .subscription_plans_header {
		font-size: 1.6em;
	}
	
	.landingpage_band_orchestra .subscription_plans_section .subscription_plans_info {
		font-size: 1.3em;
	}
}

@media (max-width: 690px) {
	.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_button {
		width: 90%;
	}

	.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_button .button {
		font-size: 1.7em;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_image img,
	.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_image img {
		width: 45%;
	}
	
	.landingpage_band_orchestra .game_list_section .game_list_content .carousel-container {
		flex-flow: column;
	}

	.landingpage_band_orchestra .landingpage_fyb_game_box .landingpage_fyb_game_icon img {
		width: 100%;
	}
	
	.prominent_course_section {
		justify-content: center;
	}
	
	/* .prominent_course_game_box { */
		/* float: none; */
		/* clear: both; */
	/* } */

	.prominent_course_container {
		width: 96%;
	}
	
	.be1_course_container,
	.oe1_course_container {
		flex: 1;
		padding-left: 0;
		padding-right: 0;
	}
		
	.prominent_course_container .landingpage_fyb_games_container {
		margin: auto;
	}
	
	.prominent_course_game_box {
		margin-top: 0.5em;
		width: 50%;
	}
	
	.featured_games_section .featured_games_container .featured_game_box .landingpage_game_icon {
		height: 140px;
	}
}


@media (max-width: 675px) {
	.are_you_music_teacher_band_essentials img {
		display: none;
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section {
		padding: 4em 3em;
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section .what_is_band_essentials_header {
		font-size: 2.4em;
	}
}

@media (max-width: 600px) {
	
	.featured_games_section .featured_games_container {
		flex-direction: column;
	}
	
	.featured_games_section .featured_games_container .featured_game_box {
		margin: auto;
		width: fit-content;
	}
	
	.featured_games_section .featured_games_container .featured_game_box .landingpage_game_icon {
		height: auto;
		background-repeat: no-repeat;
    background-position: center;
	}
}

@media (max-width: 600px) {
	
	.landingpage_band_orchestra .header {
		position: relative;
	}
	
	.landingpage_band_orchestra .page_header {
		padding: 0;
	}
	
	.landingpage_band_orchestra .username_link_div {
		margin-right: 0.5em;
	}

	.landingpage_band_orchestra .username_link_div .top_sign_in {
		padding-right: 3px;
	}
	
	.landingpage_band_orchestra .landingpage_signup {
		top: 0;
	}

	.landingpage_band_orchestra .landingpage_login {
			top: 0;
	}

	.landingpage_band_orchestra .video_section {
		padding-top: 100px;
	}
}


@media (max-width: 570px) {
	
	.landingpage_band_orchestra .what_teachers_saying_section .left_arrow {
		left: -3em;
	}
	
	.landingpage_band_orchestra .what_teachers_saying_section .right_arrow {
		left: 3em;
	}

	.landingpage_band_orchestra .what_is_band_essentials_section {
		padding: 4em 2em;
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section .why_teachers_love_it {
		padding: 2em;
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section .teacher_avatar_image {
		height: 140px;
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section .essential_feature_box {
		height: 190px;
	}
}


@media (max-width: 520px) {
	.oe1_course_container .prominent_course_section {
		padding-top: 1em;
	}

	.landingpage_band_orchestra .see_progress_instantly_section .sub_sections {
		width: 100%;
	}
	
	.landingpage_band_orchestra .see_progress_instantly_section .band_instructor_image_container {
		transform: translate(0%, 65%);
		width: fit-content;
	}

	.landingpage_band_orchestra .course_promotion_fingering_icon {
		margin-top: -10px;
	}
	
	/* .landingpage_band_orchestra .see_progress_instantly_section .progress_tracking_list_box { */
		/* width: 100%; */
	/* } */
}

@media (max-width: 480px) {
	.prominent_course_section {
		flex-direction: column;
	}
}

@media (max-width: 450px) {

	.landingpage_band_orchestra .landingpage_login {
		top: 5px;
	}

	/* .landingpage_band_orchestra .landingpage_fyb_game_box .landingpage_fyb_game_icon img { */
		/* height: 230px; */
	/* } */
	
	.landingpage_band_orchestra .video_section .video_header {
		font-size: 2.2rem;
	}
	
	.landingpage_band_orchestra .video_section .video_sub_header {
		font-size: 1.3em;
	}
	
	.landingpage_band_orchestra .game_list_section .game_box {
		flex-direction: column;
	}
	
	.landingpage_band_orchestra .game_list_section .game_image {
		width: 35%;
	}
	
	.landingpage_band_orchestra .what_is_band_essentials_section .essential_feature_box {
		flex: 1 0 80%;
	}
}

@media (max-width: 420px) {
	
	.landingpage_band_orchestra .video_section {
		padding: 3em;
	}
	
	/* .landingpage_band_orchestra .video_section .video_header { */
		/* margin-top: 1.5em; */
	/* } */
	
	.landingpage_band_orchestra .video_section .video_container {
		height: 205px;
	}
	
	.landingpage_band_orchestra .video_section .button {
		padding-left: 1em;
		padding-right: 1em;
	}
	
	/* .landingpage_band_orchestra .landingpage_fyb_game_box { */
		/* width: 110%; */
	/* } */
	
	.landingpage_band_orchestra .fun_activities_section {
		pading: 2em 3em 4em;
	}
	
	.landingpage_band_orchestra .fun_activities_section .fun_activities_game_image img {
		width: 80%;
	}
	
	/* .landingpage_band_orchestra .fun_activities_section .fun_activities_explanation_and_action .fun_activities_header { */
		/* text-wrap: pretty; */
	/* } */
	
	.landingpage_band_orchestra .fun_activities_section .fun_activities_explanation_and_action .fun_activities_button {
		width: 80%;
	}
	
	.landingpage_band_orchestra .method_books_section {
		padding: 4em 2em;
	}
	
	.landingpage_band_orchestra .method_books_section .method_books_image {
		width: 250px;
	}
	
	.landingpage_band_orchestra .method_books_section .method_books_explanation {
		margin: auto;
	}
	
	.landingpage_band_orchestra .progress_tracking_section {
		padding: 3em;
	}
	
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action .fun_activites_explanation {
		margin-top: 0;
	}
	
	/* .landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action .progress_tracking_button a.button { */
		/* padding: 0.5em 0; */
	/* } */
	
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_explanation_and_action .special_plans_for_schools_button {
		width: 80%;
		margin: auto;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_explanation_and_action .special_plans_for_schools_button a {
		padding-left: 1em;
		padding-right: 1em;
	}

	.landingpage_band_orchestra .game_list_section .game_list_content .game_list_header,
	.landingpage_band_orchestra .fun_activities_section .fun_activities_explanation_and_action .fun_activities_header,
	.landingpage_band_orchestra .method_books_section .method_books_explanation .method_books_header,
	.landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action .progress_tracking_header,
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_explanation_and_action .special_plans_for_schools_header {
		width: 95%;
		margin: auto;
		overflow-wrap: break-word;
		text-wrap: auto;
	}
	
	.landingpage_band_orchestra .video_section .video_header {
		width: 95%;
		margin-top: 1.5em;
		overflow-wrap: break-word;
		text-wrap: auto;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_explanation_and_action .special_plans_for_schools_header {
		text-wrap: auto;
	}

	.landingpage_band_orchestra .landingpage_fyb_game_box .landingpage_fyb_game_icon {
		width: fit-content;
	}
	
	.landingpage_band_orchestra .what_teachers_saying_section .arrow_button {
		width: 40px;
		height: 40px;
	}
	
	.landingpage_band_orchestra .game_list_section .game_image_container {
		flex-direction: column;
	}
	
	.landingpage_band_orchestra .game_list_section .game_image {
		width: 50%;
	}
}

/* @media (max-width: 390px) { */

	/* .landingpage_band_orchestra .landingpage_fyb_game_box .landingpage_fyb_game_icon img { */
		/* height: 190px; */
	/* } */
/* } */

@media (max-width: 350px) {
	
	.landingpage_band_orchestra .video_section {
		padding: 3em 2em;
	}
	
	.landingpage_band_orchestra .video_section .action-button,
	.landingpage_band_orchestra .fun_activities_section .action-button {
		width: max-content;
	}
	
	.landingpage_band_orchestra .video_section .button,
	.landingpage_band_orchestra .fun_activities_section .button	{
		font-size: 1.2em;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_explanation_and_action .special_plans_for_schools_header {
		width: fit-content;
	}
	
	.landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_button .button {
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.landingpage_band_orchestra .fun_activities_section .fun_activities_explanation_and_action .fun_activities_button {
		width: 90%;
	}

	/* .landingpage_band_orchestra .landingpage_fyb_game_box .landingpage_fyb_game_icon img { */
		/* width: 220px; */
	/* } */

	.prominent_course_game_box {
		width: 100%;
	}	
	
	.landingpage_band_orchestra .what_is_band_essentials_section .essential_feature_box {
		height: 290px;
	}
}

/* @media (max-width: 320px) { */

	/* .landingpage_band_orchestra .game_list_section .game_list_content .game_list_header, */
	/* .landingpage_band_orchestra .fun_activities_section .fun_activities_explanation_and_action .fun_activities_header, */
	/* .landingpage_band_orchestra .method_books_section .method_books_explanation .method_books_header, */
	/* .landingpage_band_orchestra .progress_tracking_section .progress_tracking_explanation_and_action .progress_tracking_header, */
	/* .landingpage_band_orchestra .special_plans_for_schools_section .special_plans_for_schools_explanation_and_action .special_plans_for_schools_header { */
		/* width: 95%; */
		/* margin: auto; */
		/* overflow-wrap: break-word; */
		/* text-wrap: auto; */
	/* } */
	
	/* .landingpage_band_orchestra .video_section .video_header { */
		/* width: 95%; */
		/* margin-top: 1.5em; */
		/* overflow-wrap: break-word; */
		/* text-wrap: auto; */
	/* } */

/* } */

/**************************************/
/* css for landing page for band ends */
/**************************************/



/**********************************************/
/* css for courses for band page starts here */
/**********************************************/

@media (max-width: 1670px) {
	.school_courses_for_band_directors .landingpage_section {
		width: 44%;
		margin-left: 3%;
		margin-right: 3%;
	}
}

@media (max-width: 1500px) {
	.school_courses_for_band_directors .landingpage_section {
		width: 46%;
		margin-left: 2%;
		margin-right: 2%;
	}
}

@media (max-width: 1420px) {
	.school_courses_for_band_directors .landingpage_section {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
}

@media (max-width: 1360px) {
	.school_courses_for_band_directors .landingpage_section {
		float: none;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 800px) {
	.school_courses_for_band_directors .landingpage_section {
		width: 90%;
	}
	
	.landing_page_course_categories .music_training_game_small > a {
		width: auto;
	}
	
	.landing_page_course_categories .music_training_game_small dl {
		width: 70%;
		margin-left: 0.5em;
	}
}
	
@media (max-width: 600px) {
	.landing_page_course_categories .music_training_game_small dl {
		width: 100%;
		margin-left: 0;
	}
	
	.landing_page_course_categories .music_training_game_small dl dt {
		width: fit-content;
		margin: 7px auto;
	}
	
	.landing_page_course_categories .music_training_game_small a {
		float: none;
	}
	
	.landing_page_course_categories .music_training_category_game_boxes .game-image {
		display: block;
		margin: auto;		
	}
}

@media (max-width: 550px) {
	.school_courses_for_band_directors .landingpage_section {
		width: 95%;
	}
	
	.school_courses_for_band_directors .band_icon {
		width: 90px;
	}
}

@media (max-width: 510px) {
	.school_courses_for_band_directors .landingpage_fyb_game_box {
		width: 50%;
	}
}

@media (max-width: 450px) {
	.path-school-course-for-band-directors .ui-dialog .ui-dialog-content {
		padding-left: 1em;
		padding-right: 1em;
		width: max-content !important;
		margin: auto;
	}
}

@media (max-width: 350px) {	
	.school_course_instrument_selection .select2-container,
	.course_promotion_overlay_container .school_course_instrument_selection {
		/* width: 275px !important; */
		width: 90% !important;
		margin: auto;
	}
}

@media (max-width: 325px) {	
	.school_courses_for_band_directors .band_icon {
		width: 70px;
	}
	
	.school_courses_for_band_directors .landingpage_fyb_game_box {
		width: 100%;
	}
}

/* @media (max-width: 315px) {	 */
	/* .school_course_instrument_selection .select2-container { */
		/* width: 240px !important; */
	/* } */
/* } */

@media (max-width: 280px) {	
	.school_courses_for_band_directors .band_icon {
		display: none;
	}

	/* .school_course_instrument_selection .select2-container { */
		/* width: 210px !important; */
	/* } */
}

@media (max-width: 230px) {	
	/* .school_course_instrument_selection .select2-container { */
		/* width: 170px !important; */
	/* } */

	.school_course_instrument_selection a.button {
		width: 5em;
	}
}

@media (max-width: 200px) {	
	/* .school_course_instrument_selection .select2-container { */
		/* width: 150px !important; */
	/* } */
}

/**********************************************/
/* css for courses for band page ends here */
/**********************************************/


@media (min-width: 2560px) or (max-width: 2560px) {
	.landingpage_games_container {
		width: 55%;
	}
	
	/*.landingpage_game_category_box {
		width: 13.30%;
	}*/
	
	.landingpage_course_box {
		width: 32.35%;
	}
}


/* Popular section */
@media (max-width: 2475px) {
	.landingpage_games_container {
		width: 58%;
	}
	
	.landingpage_game_description_3 {
		padding-top: 90px;
	}
}

@media (max-width: 2365px) {
	.landingpage_games_container {
		width: 60%;
	}

}

@media (max-width: 2295px) {
	.landingpage_games_container {
		width: 63%;
	}
}

@media (max-width: 2200px) {
	.landingpage_games_container {
		width: 66%;
	}
}

@media (max-width: 2110px) {
	.landingpage_games_container {
		width: 69%;
	}
}

@media (max-width: 2030px) {
	.landingpage_games_container {
		width: 71%;
	}
}

@media (max-width: 1980px) {
	.landingpage_games_container {
		width: 73%;
	}
}

@media (max-width: 1935px) {
	.landingpage_games_container {
		width: 75%;
	}
}

@media (max-width: 1890px) {
	.landingpage_games_container {
		width: 77%;
	}
}

@media (max-width: 1850px) {
	.landingpage_games_container {
		width: 79%;
	}
}

@media (max-width: 1810px) {
	.landingpage_games_container {
		width: 82%;
	}
}

@media (max-width: 1750px) {
	.landingpage_games_container {
		width: 85%;
	}
}

@media (max-width: 1700px) {
	.landingpage_games_container {
		width: 88%;
	}
	
	/* .landingpage_fyb_course_games_container { */
		/* margin-top: auto; */
	/* } */
	
	/* .landingpage_fyb_course { */
		/* display: block;		 */
	/* } */
	
	/* .landingpage_fyb_course_image { */
    /* display: block; */
    /* margin: auto; */
	/* } */
	
	.school_course_box {
		padding-bottom: 0;
	}
	
	/* .school_course_inner_box { */
		/* display: block;		 */
	/* } */
	
	.school_course_image {
    display: block;
    margin: auto;
	}
}

@media (max-width: 1650px) {
	.landingpage_games_container {
		width: 91%;
	}
}

@media (max-width: 1605px) {
	.landingpage_games_container {
		width: 94%;
	}
}

@media (max-width: 1560px) {
	.landingpage_games_container {
		width: 96%;
	}
}

@media (max-width: 1535px) {
	.landingpage_games_container {
		width: 98%;
	}
}

@media (max-width: 1510px) {
	.landingpage_games_container {
		width: 100%;
	}
}


/* Categories section */
@media (max-width: 2380px) {
	.landingpage_game_categories_container {
		/* width: 85%; */
	}
}

@media (max-width: 2260px) {
	.landingpage_game_categories_container {
		/* width: 90%; */
		width: 100%;
	}
}

@media (max-width: 2140px) {
	.landingpage_game_categories_container {
		/* width: 95%; */
		width: 100%;
	}
}

@media (max-width: 2045px) {
	.landingpage_game_categories_container {
		width: 100%;
	}
}

@media (max-width: 1960px) {
	.landingpage_game_category_box {
		width: 12.9%;
	}
}

@media (max-width: 1840px) {
	.landingpage_game_category_box {
		width: 12.8%;
	}
}

@media (max-width: 1730px) {
	.landingpage_game_category_box {
		width: 12.7%;
	}

	.school_course_game_box img {
		height: 180px;
	}
}

@media (max-width: 1680px) {
	.school_course_game_box img {
		height: 170px;
	}
}
	
@media (max-width: 1640px) {
	.landingpage_game_category_box {
		width: 12.6%;
	}

	.school_course_game_box img {
		height: 160px;
	}
}

@media (max-width: 1570px) {
	.school_course_game_box img {
		height: 150px;
	}
}

@media (max-width: 1555px) {
	.landingpage_game_category_box {
		width: 12.5%;
	}
}

@media (max-width: 1520px) {
	.school_course_game_box img {
		height: 140px;
	}

	.courses_page_for_anonymous_user .landingpage_fyb_game_icon img {
		height: 100px;
	}
}

@media (max-width: 1485px) {
	.landingpage_game_category_box {
		width: 12.4%;
	}
}

@media (max-width: 1465px) {
	.school_course_game_box img {
		height: 130px;
	}
}

@media (max-width: 1420px) {
	.landingpage_game_category_box {
		width: 12.3%;
	}

	.school_course_game_box img {
		height: 120px;
	}

	.courses_page_for_anonymous_user .landingpage_fyb_game_icon img {
		height: 90px;
	}
	
	.courses_page_for_anonymous_user .back-to-school-image-right {
		display: none;
	}
}


/* Courses section */
@media (max-width: 2470px) {
	.landingpage_course_box {
		width: 32%;
	}
}

@media (max-width: 1890px) {
	.landingpage_course_box {
		width: 31.5%;
	}
}

	
@media (max-width: 1600px) {	
	.band_instruments {
		width: 300px;
		top: 74px;
	}
	
	.orchestra_instruments {
		width: 340px;
		top: 440px;
	}
	
	.piano_instruments {
		width: 300px;
		top: 74px;
	}
	
	.guitar_instruments {
		width: 280px;
		top: 440px;
	}
}

@media (max-width: 1480px) {	
	.landingpage_course_box {
		width: 31%;
	}

	.landingpage_game_box {
		width: 23%;
	}
}


@media ( max-width: 1495px ) {
	.landingpage_game_description_3 {
		padding-top: 90px;
	}
}

@media ( max-width: 1390px ) {
	.landingpage_game_box {
		width: 22.5%;
	}

	.landingpage_game_description_1,
	.landingpage_game_description_2 {
		padding-top: 91px;
	}
}

@media ( max-width: 1360px ) {
	.landingpage_game_category_box {
		width: 12.25%;
	}

	.school_course_game_box img {
		height: 110px;
	}
	
	.band_instruments {
		width: 250px;
		top: 150px;
	}
	
	.orchestra_instruments {
		width: 260px;
		top: 470px;
		left: 30px;
	}
	
	.piano_instruments {
		width: 260px;
		top: 140px;
	}
	
	.guitar_instruments {
		width: 220px;
		top: 470px;
	}
}

@media ( max-width: 1350px ) {
	.landingpage_game_description_4 {
		padding-top: 91px;
	}

	.landingpage_fyb_game_box {
		width: 33%;
		margin-bottom: 0.8em;
	}
	
	.school_course_game_box {
		width: 25%;
		margin-bottom: 0.8em;
	}
	
	/* .school_course_game_box a img { */
		/* height: 140px !important; */
	/* } */
}

@media ( max-width: 1340px ) {
	.landingpage_game_category_box {
		width: 12.20%;
	}
	
	.landingpage_fyb_course_games_container h3 {
		font-size: 1.35em;
	}	

	.school_course_games_container h3 {
		font-size: 0.9em;
	}
}

@media ( max-width: 1330px ) {
	.landingpage_game_box a img,
	.landingpage_game_icon {
		height: 140px;
	}

	.landingpage_game_description_1,
	.landingpage_game_description_2,
	.landingpage_game_description_3,
	.landingpage_game_description_4 {
		padding-top: 62px;
	}
}

@media ( max-width: 1310px ) {
	.landingpage_game_category_box {
		width: 12.1%;
	}
	
	.landingpage_fyb_course_games_container {
		/* margin-top: -2.2em; */
		/* margin-bottom: 1.4em; */
	}
	
	.landingpage_fyb_game_icon img {
		height: 100px;
	}
	
	.landingpage_fyb_course_games_container h3 {
		font-size: 1.25em;
	}	

	.school_course_games_container h3 {
		font-size: 0.9em;
	}

	.school_course_game_box img {
		height: 100px;
	}
}

@media ( max-width: 1265px ) {
	.landingpage_game_box a img,
	.landingpage_game_icon {
		height: 130px;
	}

	.landingpage_game_description_1,
	.landingpage_game_description_2,
	.landingpage_game_description_3 {
		padding-top: 52px;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.landingpage_game_description_4 {
		padding-top: 69px;
		padding-left: 5%;
		padding-right: 5%;
	}

	.landingpage_game_category_box {
		width: 12%;
	}
	
	.landingpage_fyb_course_games_container {
		/* margin-top: -1.7em; */
		/* margin-bottom: 1.8em;		 */
	}
	
	.landingpage_fyb_course_games_container h3 {
		font-size: 1.2em;
	}
	
	.landingpage_fyb_game_icon img {
		height: 90px;
	}

	.school_course_games_container h3 {
		font-size: 0.9em;
	}	
	
	.school_course_game_box {
		width: 50%;
	}
	
	.school_course_game_box img {
		height: 100px;
	}

	.band_instruments,
	.orchestra_instruments,
	.piano_instruments,
	.guitar_instruments {
		opacity: 0.9;
	}

	.back-to-school-image-left, 
	.back-to-school-image-right {
		width: 160px;
	}
}

@media ( max-width: 1220px ) {
	
	.landingpage_game_category_box {
		width: 11.9%;
	}
	
	.landingpage_game_description_1,
	.landingpage_game_description_2,
	.landingpage_game_description_3,
	.landingpage_game_description_4 {
		padding-top: 64px;
		padding-bottom: 1em;
	}
	
	.landingpage_fyb_course_games_container h3 {
		font-size: 1.15em;
	}

	.school_course_games_container h3 {
		font-size: 0.9em;
	}	

	.school_course_inner_box {
		width: auto;
	}

	.band_instruments,
	.orchestra_instruments,
	.piano_instruments,
	.guitar_instruments {
		opacity: 0.8;
	}
}

@media ( max-width: 1190px ) {	
	.landingpage_course_box {
		width: 30.5%;
	}
	
	.landingpage_fyb_course_games_container h3 {
		font-size: 1.1em;
	}

	.school_course_games_container h3 {
		font-size: 0.9em;
	}	
	
	.back-to-school-image-right {
		display: none;
	}

	.band_instruments,
	.orchestra_instruments,
	.piano_instruments,
	.guitar_instruments {
		opacity: 0.7;
	}
}

@media ( max-width: 1175px ) {
	.landingpage_game_category_box {
		width: 11.8%;
	}
	
	.landingpage_fyb_course_image {
		font-size: 1.3em;
	}
	
	.landingpage_fyb_course_box {
		width: 100%;
	}

	.band_instruments,
	.orchestra_instruments,
	.piano_instruments,
	.guitar_instruments {
		opacity: 0.6;
	}
}

@media ( max-width: 1160px ) {
	.landingpage_game_box {
		width: 31.5%;
		margin-left: 10%;
	}

	.landingpage_game_box a img,
	.landingpage_game_icon {
		height: 170px;
	}

	.landingpage_game_description_1,
	.landingpage_game_description_2,
	.landingpage_game_description_4 {
		padding-left: 7%;
		padding-right: 7%;
		padding-top: 122px;
	}

	.landingpage_game_description_3 {
		padding-left: 10%;
		padding-right: 10%;
		padding-top: 122px;
	}

	.band_instruments,
	.orchestra_instruments,
	.piano_instruments,
	.guitar_instruments {
		opacity: 0.4;
	}
}

@media ( max-width: 1140px ) {
	.landingpage_game_category_box {
		width: 11.7%;
	}

	.band_instruments,
	.orchestra_instruments,
	.piano_instruments,
	.guitar_instruments {
		opacity: 0.3;
	}
}

@media ( max-width: 1115px ) {
	.landingpage_game_box {
		width: 31%;
	}
	
	.landingpage_game_category_box {
		width: 11.9%;
	}

	/* When menu is open */
	.menu-open .landingpage_game_category_box {
		width: 11.8%;
	}

	.landingpage_game_description_1,
	.landingpage_game_description_3,
	.landingpage_game_description_4 {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	
	.landingpage_game_description_2 {
		/*padding-top: 104px;*/
		padding-left: 5%;
		padding-right: 5%;
	}
}

@media ( max-width: 1115px ) {
	.landingpage_game_box {
		width: 30%;
	}
	
	/* When menu is open */
	.menu-open .landingpage_game_category_box {
		width: 11.7%;
	}

	.band_instruments,
	.orchestra_instruments,
	.piano_instruments,
	.guitar_instruments {
		opacity: 0.2;
	}
}

@media ( max-width: 1075px ) {
	.landingpage_game_category_box {
		width: 11.8%;
	}
	
	/* When menu is open */
	.menu-open .landingpage_game_category_box {
		width: 11.6%;
	}

	.band_instruments,
	.orchestra_instruments,
	.piano_instruments,
	.guitar_instruments {
		opacity: 0.1;
	}
}
	
@media ( max-width: 1040px ) {
	.landingpage_game_description_1,
	.landingpage_game_description_3,
	.landingpage_game_description_4 {
		padding-top: 121px;
	}
	
	.landingpage_game_description_2 {
		padding-top: 104px;
	}
	
	.landingpage_game_category_box {
		width: 11.7%;
	}
	
	/* When menu is open */
	.menu-open .landingpage_game_category_box {
		width: 11.5%;
	}

	.landingpage_fyb_course_box {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	.landingpage_fyb_course_box a {
		font-size: 0.9em;
	}
	
	.school_course_games_container span {
		font-size: 0.8em;
	}

	/* When menu is open */
	.menu-open .landingpage_course_box {
		width: 46%;
	}	

	.band_instruments,
	.orchestra_instruments,
	.piano_instruments,
	.guitar_instruments {
		display: none;
	}
}

@media ( max-width: 1010px ) {
	.landingpage_game_category_box {
		width: 11.65%;
	}
	
	/* When menu is open */
	.menu-open .landingpage_game_category_box {
		width: 22%;
	}

	.back-to-school-image-left {
		width: 130px;
	}
}

@media ( max-width: 985px ) {
	.landingpage_game_category_box {
		width: 11.55%;
	}
	
	/* When menu is open */
	.menu-open .landingpage_game_category_box {
		width: 22%;
	}

	/*.landingpage_fyb_game_box {
		width: 50%;
	}*/
	
	.backtoschool_header_and_description {
		width: auto;
	}
	
	.backtoschool_image_container img {
		width: 200px;
		margin-left: 1em;
		margin-bottom: 1.2em;
	}
	
	.backtoschool_more_button_container {
		clear: both;
		float: none;
		text-align: center;
		margin-top: 2em;
	}
	
	.backtoschool_theta_studio {
		text-align: center;
	}
	
	.backtoschool_theta_school {
		text-align: center;
		float: none;
	}
	
	.backtoschool_more_button {
		margin-left: auto;
	}

	.school_course_game_box {
		width: 50%;
	}

	
	/* .band_instruments { */
		/* display: none; */
	/* } */
}
	
@media ( max-width: 970px ) {

	.landingpage_game_box {
		width: 35%; /*36%;*/
		margin-left: 6%;
	}

	.landingpage_game_box a img,
	.landingpage_game_icon {
		height: 160px;
	}
	
	.landingpage_game_description_1,
	.landingpage_game_description_3
	.landingpage_game_description_4 {
		padding-top: 111px;		
	}
}

@media ( max-width: 960px ) {
	.landingpage_game_category_box {
		width: 11.45%;
	}
	
	/* When menu is open */
	.menu-open .landingpage_game_category_box {
		width: 21%;
	}
	
	.landingpage_fyb_game_icon img {
		height: 80px;
	}
	
	.landingpage_fyb_course_games_container {
		/* margin-top: -1.4em; */
	}
	
	.landingpage_fyb_course_image {
		padding: 1em;
		margin-right: 0.5em;
	}
}

@media ( max-width: 920px ) {
	.landingpage_game_category_box {
		width: 22%;
	}
	
	/* When menu is open */
	.menu-open .landingpage_game_category_box {
		width: 21%;
	}

	.landingpage_course_box {
		width: 30%;
	}

	/* When menu is open */
	.menu-open .landingpage_course_box {
		width: 46%;
	}	

	.landingpage_fyb_course_games_container h3 {
		font-size: 1.05em;
	}

	.school_course_games_container h3 {
		font-size: 0.9em;
	}	
	
	.backtoschool_image_container {
		margin-right: 2em;
	}

	.band_instructor {
		display: none;
	}
	
	/* .band_instruments { */
		/* display: none; */
	/* } */
	
	/* .orchestra_instruments { */
		/* display: none; */
	/* } */
	
	.landingpage_school_course_logos::before {
		background-image: none;
	}

	.back-to-school-image-left {
		width: 100px;
	}
}

@media ( max-width: 900px ) {

	.landingpage_game_box {
		width: 38%;
	}
	
	.landingpage_game_description_1,
	.landingpage_game_description_2,
	.landingpage_game_description_3,
	.landingpage_game_description_4 {
		font-size: 0.8em;
		padding-top: 117px;
	}

	.back-to-school-image-left {
		display: none;
	}
}

@media ( max-width: 880px ) {
	.landingpage_game_category_box {
		width: 21.8%;
	}	
	
	/* When menu is open */
	.menu-open .landingpage_game_category_box {
		width: 21%;
	}
	
	.landingpage_fyb_course_games_container h3 {
		font-size: 1em;
	}

	.school_course_games_container h3 {
		font-size: 0.8em;
	}	

	.backtoschool_more_button_container {
		margin-top: 0;
	}
	
	.backtoschool_more_button {
		margin-top: 1em;
	}
}

@media ( max-width: 850px ) {
	
	.landingpage_game_box {
		width: 40.5%;
		margin-left: 4%;
	}

	/* .landingpage_fyb_course { */
		/* display: block; */
	/* } */

	.landingpage_fyb_course_image {
		display: block;
	}

	.landingpage_fyb_course_games_container {
		display: block;
		margin-top: 0.5em;
		font-size: 1.1em;
	}
	
	.school_course_games_container {
		display: inline-block;
	}
	
	.landingpage_fyb_games_container {
		margin-top: 1em;
	}
	
	/* .landingpage_fyb_game_box { */
		/* margin-bottom: 0.8em; */
	/* } */
	
	.landingpage_fyb_game_icon img {
		height: 90px;
	}
	
	/*.landingpage_fyb_course_box ul {
		font-size: small;
	}*/
}

@media ( max-width: 835px ) {
	.landingpage_game_category_box {
		width: 21.6%;
	}
	
	/* When menu is open */
	.menu-open .landingpage_game_category_box {
		width: 21%;
	}
}

@media ( max-width: 810px ) {	
	.landingpage_course_box {
		width: 29.5%;
	}

	/* When menu is open */
	.menu-open .landingpage_course_box {
		width: 46%;
	}	
}

@media ( max-width: 800px ) {
	.landingpage_game_category_box {
		width: 21.9%;
	}
	
	.landingpage_game_box {
		width: 39%;
		margin-left: 5.5%;
	}
	
	.landingpage_game_description_1,
	.landingpage_game_description_2,
	.landingpage_game_description_3,
	.landingpage_game_description_4 {
		font-size: 0.8em;
		padding-top: 117px;
	}

	.landingpage_game_category_box {
		width: 21.7%;
	}
	
	.landingpage_course_box a {
		font-size: 0.9em;
	}
	
	/* .band_instruments, */
	/* .orchestra_instruments { */
		/* display: none; */
	/* } */

	.landingpage_band_orchestra .footer_section {
		display: block;
	}
	
	.landingpage_band_orchestra .footer_section .footer-links {
		width: 100%;
	}

	.landingpage_band_orchestra .footer_section .mtna_web_logo,
	.landingpage_band_orchestra .footer_section .nafme_web_logo  {
		display: none;
	}

	.landingpage_band_orchestra .footer_section .partner_links_mobile {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
		margin-top: 2em;
	}

	.landingpage_band_orchestra .footer_section .partner_links_mobile div {
		width: 30%;
	}
		
}

@media ( max-width: 768px ) {
	
	div#individual_user_info {
		/*top: 28%;*/
		top: 14%;
	}
	
	.covid19-message {
		width: 60%;
		margin: 0 auto;
	}
	
	.mobile_stores {
		float: inherit;
		padding-right: inherit;
		margin: 0 auto;
		margin-top: 1rem;
		width: 160px;
	}
	
	div.user_links {
		clear: both;
	}

	.landing_page_logged_in_course_name_in_course_box {
		margin-top: 0;
		padding-top: 1.6rem;
	}

	.landingpage_game_category_box {
		width: 21.6%;
	}	
	
	.landing_page_logged_in_course_box {
		height: 8rem;
	}

}

@media ( max-width: 750px ) {
	.landingpage_game_category_box {
		width: 21.5%;
	}	
}

@media ( max-width: 730px ) {

	.landingpage_game_description_2 {
		padding-top: 101px;
		padding-left: 10%;
		padding-right: 10%;
	}

	.landingpage_game_description_1,
	.landingpage_game_description_4 {
		padding-top: 111px;
		padding-left: 10%;
		padding-right: 10%;
	}

	.landingpage_course_box {
		width: 45%;
	}
	
	.landingpage_game_box {
		width: 43%;
		margin-left: 4%;
	}
	
	.backtoschool_description h2 {
		font-size: large;
	}

	.landingpage_fyb_game_box {
		width: 50%;
	}

	.landingpage_game_category_box {
		width: 21.4%;
	}	

	/* .school_course_game_box { */
		/* width: 50%; */
	/* } */
}

@media ( max-width: 710px ) {
	.landingpage_game_category_box {
		width: 21.3%;
	}	
}

@media ( max-width: 700px ) {

	.landingpage_header {
		/* font-size: 0.75em; */
		font-size: 1.2em;
	}
	
	.prominent_course_title {
		font-size: 1.3em;
	}
		
	.landingpage_game_box {
		width: 44%;
		margin-left: 3%;
	}

	.back-to-school-plan-label {
		display: block;
		margin-top: 1em;
	}
}

@media ( max-width: 680px ) {
	.landingpage_game_category_box {
		width: 21.1%;
	}
	
	.backtoschool_image_container {
		margin-right: 1em;
	}

	.back-to-school-offer-content {
		/* width: 98%; */
		width: fit-content;
		/* line-height: normal;	 */
		/* margin-bottom: 0; */
	}

	.back-to-school-offer-content .button {
		display: block;
		width: max-content;
		margin: auto;
		margin-top: 1em;
	}
}

@media ( max-width: 650px ) {
	.landingpage_game_category_box {
		width: 20.9%;
	}
}	

@media ( min-width: 570px ) and ( max-width: 655px ) {
	
	div.ios {
		padding-top: 5%;
		font-size: 0.7rem;
	}

	div.android {
		padding-top: 5%;
		font-size: 0.7rem;
	}

	div.amazon {
		padding-top: 5%;
		font-size: 0.7rem;
	}	
}

@media ( max-width: 615px ) {
	.landingpage_game_category_box {
		width: 20.4%;
	}	

	.are_you_music_teacher_container {
		width: auto;
		padding: 0;
		/* padding-left: 15px; */
		/* padding-right: 15px; */
	}

	.are_you_teacher {
		max-width: unset;
		width: 100px;
	}
	
	/* .landingpage_fyb_game_box { */
		/* width: 50%; */
	/* } */
	
	.backtoschool_image_container {
		float: none;
		text-align: center;
		margin: aut auto 1.5em;
	}
	
	.backtoschool_description {
		clear: both;
	}
	
	.backtoschool_image_container img {
		width: 150px;
	}

	.school_course_game_box {
		width: 100%;
	}
}

@media ( max-width: 575px ) {
	.landingpage_game_category_box {
		width: 20.5%;
	}	
	
	/* When menu is open */
	.menu-open .landingpage_game_category_box {
		width: 28%;
	}

	.landingpage_course_box {
		width: 100%;
	}

	/* When menu is open */
	.menu-open .landingpage_course_box {
		width: 100%;
	}
}

@media ( max-width: 570px ) {

	body {
		font-size: 0.7rem;
	}

	div.user_links {
		font-size: 1.0rem;
	}
	
	img.head, img.start_training, img.learn_more {
		width: 80vw;
		height: auto;
	}
	
	img.treble_clef {
		width: 60vw;
		height: auto;
	}

	div#teacher_info {
		top: 7%;
	}
	
	div.mobile_app_download_info {
		margin-left: auto;
		margin-right: auto;
		height: auto;
	}
	
	div.ios {
		width: 100%;
		float: left; 
	}

	div.android {
		width: 100%;
		float: left; 
		clear: left;
	}

	div.amazon {
		width: 100%;
		float: left; 
		clear: left;
	}	

	.landing_page_logged_in_course_name_in_course_box {
		padding-top: 0.3rem;
	}

	.landingpage_section_title {
		float: none;
	}
	
	.landingpage_games_container {
		float: none;
	}
	
	.landingpage_game_box {
		float: none;
		width: 56%;
		margin: auto;
	}

	.landingpage_game_description_1,
	.landingpage_game_description_2,
	.landingpage_game_description_4 {
		padding-top: 117px;
	}
	
	/*.landingpage_fyb_course_games_container h3 {
		font-size: 1.1em;
	}*/
}

@media ( max-width: 525px ) {
	/*.landingpage_fyb_course_games_container h3 {
		font-size: 1em;
	}*/
}

@media ( max-width: 525px ) {
	.landingpage_game_category_box {
		width: 28%;
	}	

	.landingpage_fyb_game_box {
		width: 100%;
	}
}

@media ( max-width: 510px ) {
	/* .landingpage_course_box { */
		/* width: 100%; */
	/* } */
	
	.school_course_inner_box {
		display: block;
	}
	
	.school_course_image {
		float: none;
	}
	
	/* Do not show "Try it Free" button on the page header as it overlaps with Theta Music logo */
	.username_link_div .try-it-free-on-header {
		display: none;
	}
}

@media ( max-width: 460px ) {
	.landingpage_game_category_box {
		width: 27.5%;
	}

	.backtoschool_theta_school {
		margin-top: 0.8em;
	}	

	.landingpage_school_courses_logged_in .landingpage_school_course_logos {
		flex-direction: column;
	}
}

@media ( max-width: 430px ) {
	.landingpage_game_category_box {
		width: 27%;
	}	
	
	.musical_note {
		display: none;
	}
	
	/*.landingpage_fyb_course_games_container h3 {
		font-size: 1em;
	}*/
}

@media ( max-width: 420px ) {
	.landingpage_game_box {
		width: 75%;
	}

	.landingpage_header {
		/* font-size: 0.9em; */
		padding-bottom: 1em;
	}
	
	.landingpage_section_title {
		font-size: 1em;
	}
	
	.landingpage_teacher_special_plan_link {
		font-size: 0.9em;
	}

	.landingpage_band_orchestra .special_plans_for_schools_section_alternative .special_plans_for_schools_button .button {
		/* font-size: 2em; */
		width: fit-content;
	}
	
	.landingpage_school_course_logos {
		gap: 1em;
	}
	
	.landingpage_school_course_logo_row {
		gap: 0.5em;
	}
}

@media ( max-width: 400px ) {
	.landingpage_game_category_box {
		width: 43%;
	}	
	
	.are_you_teacher {
		width: 80px;
	}

	/* .landingpage_fyb_game_box { */
		/* width: 100%; */
	/* } */
	
	.landingpage_fyb_game_icon img {
		height: 90px;
	}
	
	.back-to-school-offer-content .button {
		width: 98%;
	}
}

@media ( max-width: 375px ) {
	.landingpage_game_category_box {
		width: 42%;
	}	

	div#individual_user_info {
		top: 35%;
	}
}


@media ( max-width: 350px ) {
	.are_you_teacher {
		width: 0px;
	}
}

@media ( max-width: 325px ) {
	.landingpage_game_category_box {
		/*width: 41%;*/
		width: 50%;
		margin: auto;
	}
	
	.are_you_music_teacher_text {
		font-size: small !important;
	}
}
	
@media ( max-width: 320px ) {
	.landingpage_game_box {
		width: 100%;
	}

	.landingpage_header {
		/* font-size: 0.8em; */
	}

	.band_course_container {
		margin-top: 3em;
	}
}
	
	
@media ( max-width: 275px ) {
	*/.landingpage_game_category_box {
		width: 90%;
	}*/

	.landingpage_header {
		font-size: 0.7em;
	}
	
	.landingpage_fyb_course_games_container h3 {
		font-size: 0.9em;
	}
	
	.landingpage_fyb_course_box {
		width: 100%;
	}
	
	.landingpage_fyb_course {
		text-align: center;
		white-space: initial;
	}

	.school_course_games_container h3 {
		font-size: 0.8em;
	}	
}

/*
@media ( orientation: landscape ) {
	
	div#individual_user_info {
		width: 100%;
		position: absolute;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		top: 5%;
	}
	
	div#teacher_info {
		text-align: center;
		position: relative;
		top: 2%;
	}
	
}
*/

/*************************************
 * generic styling for horizontall scrolling elements
 ************************************/

.horizontal-scroll-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	z-index: 0;
}

.horizontal-scroll-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px 20px;
	height: 250px;
}

.horizontal-scroll-wrapper {
	position: relative;
	list-style: none;
}

.horizontal-scroll-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}

.horizontal-scroll-prev, .horizontal-scroll-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}


/*************************************
 * specific styling for #horizontal_scroller
 ************************************/

#horizontal_scroller .horizontal-scroll-item {
	margin: 0px 5px;
	padding: 14px 0px;
	min-height: 120px;
	min-width: 100px;
	text-align: center;
}

#horizontal_scroller .horizontal-scroll-item .game_box {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}

#horizontal_scroller .horizontal-scroll-prev, #horizontal_scroller .horizontal-scroll-next {
	top: 75px;
	z-index: 100;
}

#horizontal_scroller .horizontal-scroll-prev {
	left: -10px;
}

#horizontal_scroller .horizontal-scroll-next {
	right: 100px;
}