@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1920 and 1600 and 1440 and 1366)
	#laptop (1440 and 1366)
	#Tablet (991 to 767)
	#Mobile (767 to 360)



/* #Additional - Large Screens width of 1800px to 1601px 
================================================== */
@media only screen and (min-width: 1601px) and (max-width: 1800px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens width of 1600px to 1501px 
================================================== */
@media only screen and (min-width: 1501px) and (max-width: 1600px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens width of 1500px to 1441px 
================================================== */
@media only screen and (min-width: 1441px) and (max-width: 1500px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }

.performancesSec .performances-slider .owl-item { padding-bottom: 150px; }




}

/* #Additional - Large Screens width of 1440px to 1200px 
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1440px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }

.performancesSec .performances-slider .owl-item { padding-bottom: 140px; }


}

/* #Additional - Large Screens  width of 1366px to 1200px
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    
:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; padding: 0 15px; }

#header,
#header.stiky 								{ padding: 15px 30px; gap: 30px; }
.menu_sec ul.menu li 						{ margin-right: 35px; }
#header .mainMenu .menu_sec .menu .registerBtn a { padding: 10px 15px; }

.bannerSec .bannerCaption 					{ width: 60%; }
.bannerSec .bannerCaption h1 				{ font-size: 55px; }

.performancesSec .performances-slider .owl-item { padding-bottom: 90px; }
.performancesSec .performances-slider .owl-item.active.center { width: calc(100vw - 55vw) !important; }





}

/* #iPad Pro - Large Screens width of 1199px to 990px
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

:root										{ --container-width: 960px; }
.container									{ max-width: 960px; }

#header,
#header.stiky 								{ padding: 15px; gap: 30px; }
#header .logo,
#header.stiky .logo 						{ max-width: 100px; margin: 0 0 -55px 0; }
.menu_sec ul.menu li 						{ margin-right: 20px; }
.menu_sec ul.menu li a 						{ font-size: 14px; }
#header .mainMenu .menu_sec .menu .registerBtn a { font-size: 14px; padding: 8px 15px; }

.bannerSec .bannerCaption 					{ width: 60%; bottom: 60px; }
.bannerSec .bannerCaption h1 				{ font-size: 40px; line-height: 50px; margin-bottom: 30px; }
.bannerSec .bannerCaption .learnMoreBtn 	{ font-size: 18px; padding: 10px 25px; }
.bannerSec .banner-slider.owl-theme .owl-nav { bottom: 60px; }

.aboutUsSec 								{ padding: 70px 0; }
.aboutUsSec .leftCol 						{ padding-right: 10px; }
.aboutUsSec .leftCol h2 					{ font-size: 35px; line-height: 50px; margin-bottom: 75px; }
.aboutUsSec .leftCol p 						{ margin-bottom: 20px; }
.aboutUsSec .rightCol h2 					{ font-size: 40px; line-height: 50px; margin-bottom: 30px; }
.aboutUsSec .rightCol .about-Info h3 		{ font-size: 30px; line-height: 40px; }
.aboutUsSec .rightCol .learnMoreBtn 		{ font-size: 18px; padding: 10px 25px; }

.upcomingSec 								{ padding: 70px 0; }
.upcomingSec h2 							{ font-size: 35px; line-height: 50px; margin-bottom: 40px; }
.upcomingSec .upcomingCol 					{ padding: 25px 0; }
.upcomingSec .upcomingCol .performancesInfo { gap: 20px; }
.upcomingSec .upcomingCol .performancesInfo .titleBox { padding-top: 20px; }
.upcomingSec .upcomingCol .performancesInfo .titleBox::before { width: 15px; height: 15px; }
.upcomingSec .upcomingCol .performancesInfo .titleBox h3 { font-size: 22px; line-height: 28px; }
.upcomingSec .upcomingCol .performancesInfo .dateBox .dateLocationBox { margin-bottom: 15px; }
.upcomingSec .upcomingEvents 				{ margin-top: 30px; }
.upcomingSec .upcomingEvents .eventsBtn 	{ font-size: 18px; padding: 10px 25px; }

.performancesSec 							{ padding: 70px 0; }
.performancesSec .performancesInfo .performancesTitle { flex-direction: column; }
.performancesSec .performancesInfo .performancesTitle h2 { font-size: 35px; line-height: 50px; margin: 0 0 10px 0; }
.performancesSec .performancesInfo .performancesBtn .learnMoreBtn { font-size: 18px; padding: 10px 25px; }
.performancesSec .performances-slider .owl-item { padding-bottom: 25px; }
.performancesSec .performances-slider .owl-item.active.center { width: calc(100vw - 60vw) !important; }
.performancesSec .performances-slider.owl-theme .owl-nav { margin-top: 50px; }

.latestShowcaseSec 							{ padding: 70px 0 60px; }
.latestShowcaseSec h2 						{ font-size: 35px; line-height: 50px; }

.getYourselfSec 							{ padding: 60px 0 80px; }
.getYourselfSec h2 							{ font-size: 35px; line-height: 50px; margin-bottom: 20px; }

footer .ftr-top .ftr_menu, 
footer .ftr-top .ftr_address,
footer .ftr-top .ftr_contact 				{ padding:20px 10px 40px 0px; }
footer .ftr-top ul li 						{ font-size: 18px; line-height: 25px; }
footer .ftr-top .ftr_address .address p 	{ font-size: 18px; }
footer .ftr-top .ftr_contact .address a 	{ font-size: 18px; }
footer .ftr-top .ftr_contact .ftrt_social ul li a { width: 60px; height: 60px; }
footer .ftr-bottom 							{ padding: 15px 0; }


/* ---------- Inner Banner Section ---------- */
.innerBanner  								{ height: 350px; padding-top: 80px; }
.innerBanner .caption h1 					{ font-size: 40px; line-height: 50px; margin-bottom: 20px; }


/* ---------- About Page Css ---------- */
.innerAboutSec 								{ padding: 70px 0; }
.innerAboutSec h3 							{ font-size: 35px; line-height: 50px; }
.innerAboutSec h2 							{ font-size: 40px; line-height: 50px; }
.innerAboutSec .about-Info h4 				{ font-size: 30px; line-height: 40px; }


/* ---------- Past Performances Page Css ---------- */
.pastPerformancesSec 						{ padding: 70px 0; }
.pastPerformancesSec h2 					{ font-size: 35px; line-height: 50px; }
.photosSec .photosItem .showcasePhotosImg iframe { height:350px; }

/* ---------- Classes Page Css ---------- */
.classesLevelSec 							{ padding: 70px 0; }
.classesLevelSec h2 						{ font-size: 35px; line-height: 50px; }
.classesLevelSec .classesLevelsBox 			{ padding: 40px 0; }


/* ---------- School Policies Page Css ---------- */
.schoolPoliciesSec 							{ padding: 70px 0; }
.schoolPoliciesSec h2 						{ font-size: 35px; line-height: 50px; }


/* ---------- Contact Page Css ---------- */
.contactFormSec 							{ padding: 70px 0; }
.contactFormSec .leftCol h2 				{ font-size: 35px; line-height: 50px; }
.contactFormSec .leftCol .form-group textarea.form-control { height: 130px; }
.contactFormSec .rightCol 					{ padding-left: 0; }
.contactFormSec .rightCol h2 				{ font-size: 35px; line-height: 50px; }


/* ---------- Showcase Photos And Videos Page Css ---------- */
.photosSec 									{ padding: 70px 0; }
.photosSec h2 								{ font-size: 35px; line-height: 50px; }


/* ---------- Showcase Photos And Videos Page Css ---------- */
.thankYouSec 								{ padding: 70px 0; }
.thankYouSec h2 							{ font-size: 35px; line-height: 50px; }



}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 991px to 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }

#header,
#header.stiky 								{ padding: 8px 15px; }
#header .logo,
#header.stiky .logo 						{ max-width: 80px; margin: 0; }
.menu_sec ul.menu 							{ display: none; }
#header .mainMenu .menu_sec 				{ margin-right: 50px; }
#header .mainMenu .menu_sec .mobileRegisterBtn { display: block; font-size: 16px; line-height: 20px; }
#header .hamburger 							{ display: block;}
#rmp_menu_trigger-29 						{ top: 30px; right: 20px; }
#rmp_menu_trigger-29:hover, #rmp_menu_trigger-29:focus { outline: 0; }
#rmp-menu-title-29 .rmp-menu-title-image 	{ width: 20%; }

.bannerSec .banner-slider .owl-item  		{ overflow: hidden; }
.bannerSec .banner-slider .item img 		{ max-width: 140%; width: 140%; margin-left: -5%; }
.bannerSec .bannerCaption 					{ bottom: 50px; width: 65%; }
.bannerSec .bannerCaption h1 				{ font-size: 40px; line-height: 50px; margin-bottom: 40px; }
.bannerSec .bannerCaption h1 br				{ display:none; }
.bannerSec .bannerCaption .learnMoreBtn 	{ font-size: 18px; line-height: 22px; padding: 14px 30px; }
.bannerSec .banner-slider.owl-theme .owl-nav { bottom: 50px; }
.bannerSec .banner-slider.owl-theme .owl-nav button { width: 50px; height: 50px; line-height: 48px; }
.bannerSec .banner-slider.owl-theme .owl-nav button.owl-prev { margin-right: 10px; }
.bannerSec .banner-slider.owl-theme .owl-nav button.owl-next { margin-left: 10px; }

.aboutUsSec	 								{ padding: 40px 0; }
.aboutUsSec .leftCol h2 					{ font-size: 30px; line-height: 50px; margin-bottom: 80px; }
.aboutUsSec .leftCol p 						{ font-size: 16px; line-height: 30px; margin-bottom: 20px; }
.aboutUsSec .rightCol h2 					{ font-size: 35px; line-height: 45px; margin-bottom: 40px; }
.aboutUsSec .rightCol .about-Info h3 		{ font-size: 20px; line-height: 25px; }
.aboutUsSec .rightCol p 					{ font-size: 16px; line-height: 30px; }
.aboutUsSec .rightCol .learnMoreBtn 		{ font-size: 18px; line-height: 22px; padding: 14px 25px; }

.upcomingSec 								{ padding: 40px 0; }
.upcomingSec h2 							{ font-size: 30px; line-height: 50px; margin-bottom: 30px; }
.upcomingSec .upcomingRow 					{ display: flex; flex-wrap: wrap; gap: 10px 30px; }
.upcomingSec .upcomingCol 					{ width: calc(50% - 15px); flex-direction: column; }
.upcomingSec .upcomingCol .performancesImg 	{ width: 100%; }
.upcomingSec .upcomingCol .performancesInfo { width: 100%; gap: 20px; padding-right: 0; }
.upcomingSec .upcomingCol .performancesInfo .titleBox { padding-top: 25px; }
.upcomingSec .upcomingCol .performancesInfo .titleBox::before { width: 15px; height: 15px; }
.upcomingSec .upcomingCol .performancesInfo .titleBox h3 { font-size: 22px; line-height: 28px; }
.upcomingSec .upcomingCol .performancesInfo .dateBox .dateLocationBox { margin-bottom: 20px; }
.upcomingSec .upcomingEvents 				{ margin-top: 20px; }
.upcomingSec .upcomingEvents .eventsBtn 	{ font-size: 18px; line-height: 22px; padding: 14px 25px; }

.performancesSec 							{ padding: 40px 0; }
.performancesSec .performancesInfo 			{ margin-bottom: 30px; }
.performancesSec .performancesInfo .performancesTitle { flex-direction: column; }
.performancesSec .performancesInfo .performancesTitle h2 { font-size: 30px; line-height: 50px; margin: 0 0 10px 0; }
.performancesSec .performancesInfo .performancesTitle p { font-size: 16px; line-height: 30px; }
.performancesSec .performancesInfo .performancesBtn .learnMoreBtn { font-size: 18px; line-height: 22px; padding: 14px 25px; }
.performancesSec .performances-slider .owl-item.active.center { width: calc(100vw - 40vw) !important; }
.performancesSec .performances-slider.owl-theme .owl-nav { margin-top: 40px; }
.performancesSec .performances-slider .owl-item { padding-bottom: 50px; }
.performancesSec .performances-slider.owl-theme .owl-nav button { width: 50px; height: 50px; line-height: 48px; }
.performancesSec .performances-slider.owl-theme .owl-nav button.owl-prev { margin-right: 10px; }
.performancesSec .performances-slider.owl-theme .owl-nav button.owl-next { margin-left: 10px; }

.latestShowcaseSec 							{ padding: 40px 0; }
.latestShowcaseSec h2 						{ font-size: 30px; line-height: 50px; margin-bottom: 10px; }
.latestShowcaseSec p 						{ font-size: 16px; line-height: 30px; }
.latestShowcaseSec .latestShowcaseTab .tabBox { margin-bottom: 40px; }
.latestShowcaseSec .latestShowcaseTab .tabBox ul.nav .nav-item .nav-link { font-size: 18px; }
.latestShowcaseSec .latestPhotos-slider.owl-theme .owl-nav { margin-top: 40px; }
.latestShowcaseSec .latestPhotos-slider.owl-theme .owl-nav button { width: 50px; height: 50px; }
.latestShowcaseSec .latestPhotos-slider.owl-theme .owl-nav button.owl-prev { margin-right: 10px; }
.latestShowcaseSec .latestPhotos-slider.owl-theme .owl-nav button.owl-next { margin-left: 10px; }

.getYourselfSec 							{ padding: 40px 0; }
.getYourselfSec::before 					{ width: 340px; height: 285px; background-size: 100%; }
.getYourselfSec h2 							{ font-size: 30px; line-height: 50px; margin-bottom: 20px; }
.getYourselfSec p 							{ font-size: 16px; line-height: 30px; }
.getYourselfSec .registerBtnBox 			{ margin-top: 20px; }
.getYourselfSec .registerBtnBox .registerBtn { font-size: 18px; line-height: 22px; padding: 14px 25px; }
.getYourselfSec .registerBtnBox .viewClassesBtn { font-size: 18px; line-height: 22px; padding: 14px 25px; }

footer .ftr-top 							{ padding-top: 40px; }
footer .ftr-top .ftr_menu, 
footer .ftr-top .ftr_address,
footer .ftr-top .ftr_contact  				{ padding: 20px 10px 30px 0; }
footer .ftr-top h3 							{ margin-bottom: 15px; }
footer .ftr-top ul li 						{ font-size: 18px; line-height: 25px; margin-bottom: 10px; }
footer .ftr-top .ftr_address .address 		{ margin-bottom: 30px; }
footer .ftr-top .ftr_address .address p 	{ font-size: 18px; line-height: 28px; }
footer .ftr-top .ftr_contact .address 		{ margin-bottom: 30px; }
footer .ftr-top .ftr_contact .address a 	{ font-size: 18px; }
footer .ftr-top .ftr_contact .ftrt_social ul { gap: 10px; }
footer .ftr-top .ftr_contact .ftrt_social ul li a { width: 45px; height: 45px; }
footer .ftr-top .ftr_contact .ftrt_social ul li a img { width: 20px; }
footer .ftr-bottom 							{ padding: 15px 0; }
footer .ftr-bottom .copyrightCol ul.copy-right { gap: 30px; }


/* ---------- Inner Banner Section ---------- */
.innerBanner  								{ height: 350px; padding-top: 95px; }
.innerBanner .caption h1 					{ font-size: 40px; line-height: 50px; margin-bottom: 20px; }
.innerBanner .caption .breadcrumb .breadcrumb-item { font-size: 16px; line-height: 25px; }


/* ---------- About Page Css ---------- */
.innerAboutSec 								{ padding: 40px 0; }
.innerAboutSec h3 							{ font-size: 30px; line-height: 40px; }
.innerAboutSec h2 							{ font-size: 35px; line-height: 45px; }
.innerAboutSec .row 						{ margin-bottom: 30px; }
.innerAboutSec .about-Info h4 				{ font-size: 25px; line-height: 30px; }
.innerAboutSec p 							{ font-size: 16px; line-height: 30px; margin-bottom: 20px; }


/* ---------- Past Performances Page Css ---------- */
.pastPerformancesSec 						{ padding: 40px 0; }
.pastPerformancesSec h2 					{ font-size: 30px; line-height: 50px; margin-bottom: 20px; }
.photosSec .photosItem .showcasePhotosImg iframe { height:250px; }

/* ---------- Classes Page Css ---------- */
.classesLevelSec 							{ padding: 40px 0; }
.classesLevelSec h2 						{ font-size: 30px; line-height: 40px; }
.classesLevelSec .classesLevelsBox 			{ padding: 30px 0; }
.classesLevelSec .classesLevelsBox .rightCol h3 { font-size: 25px; line-height: 35px; }
.classesLevelSec .classesLevelsBox .rightCol p { font-size: 18px; line-height: 30px; }
.classesLevelSec .classesLevelsBox .rightCol ul li { font-size: 16px; line-height: 28px; }
.latestShowcaseSec .latestPhotos-slider.owl-theme .owl-nav button, 
.latestShowcaseSec .latestVideos-slider.owl-theme .owl-nav button { line-height: 48px; }

/* ---------- School Policies Page Css ---------- */
.schoolPoliciesSec 							{ padding: 40px 0; }
.schoolPoliciesSec h2 						{ font-size: 30px; line-height: 40px; }
.schoolPoliciesSec p 						{ font-size: 16px; line-height: 30px; margin-bottom: 20px; }


/* ---------- Contact Page Css ---------- */
.contactFormSec 							{ padding: 40px 0; }
.contactFormSec .leftCol h2 				{ font-size: 35px; line-height: 45px; margin-bottom: 30px; }
.contactFormSec .leftCol .form-group .form-control { height: 55px; font-size: 16px; }
.contactFormSec .leftCol .form-group textarea.form-control { height: 100px; }
.contactFormSec .leftCol .submitbtn 		{ font-size: 18px; line-height: 22px; padding: 14px 25px; margin-top: 10px; }
.contactFormSec .rightCol  					{ padding-left: 20px; }
.contactFormSec .rightCol h2 				{ font-size: 35px; line-height: 45px; margin-bottom: 30px; }
.contactFormSec .rightCol .contactInfo .info::before { width: 35px; height: 35px; }
.contactFormSec .rightCol .contactInfo .info h3 { font-size: 22px; line-height: 28px; margin-bottom: 5px; }
.contactFormSec .rightCol .contactInfo .info a { font-size: 16px; line-height: 30px; }
.contactFormSec .rightCol .contactInfo .info p { font-size: 16px; line-height: 30px; }
.contactFormSec .rightCol .contactInfo .info ul li { font-size: 16px; line-height: 25px; }


/* ---------- Showcase Photos And Videos Page Css ---------- */
.photosSec 									{ padding: 40px 0; }
.photosSec h2 								{ font-size: 35px; line-height: 45px; margin-bottom: 30px; }
.photosSec .photosItem 						{ margin-bottom: 40px; }


/* ---------- Showcase Photos And Videos Page Css ---------- */
.thankYouSec 								{ padding: 40px 0; }
.thankYouSec h2 							{ font-size: 35px; line-height: 45px; }
.thankYouSec p 								{ font-size: 16px; line-height: 30px; }
	
/* ---------- Single Performance Page Css ---------- */
	
.single-performance .upcomingSec .upcomingCol		{ flex-direction: row; }
.single-performance .upcomingSec .upcomingCol h3	{ font-size: 25px; line-height: 35px; }
.single-performance .upcomingSec .upcomingCol h4	{ font-size: 22px; line-height: 28px; }
.single-performance .upcomingSec .upcomingCol h5	{ font-size: 20px; line-height: 28px; }	
.single-performance .upcomingSec .upcomingCol h6	{ font-size: 18px; line-height: 28px; }	
.single-performance .upcomingSec .upcomingCol p		{ margin: 0 0 10px 0; font-size: 16px; line-height: 26px; }
.single-performance .upcomingSec .upcomingCol ul li	{ font-size: 16px; line-height: 26px; }
.single-performance .upcomingSec .upcomingCol ol li	{ font-size: 16px; line-height: 26px; }
.single-performance .upcomingSec .upcomingCol .downloadBtn	{ font-size: 16px; line-height: 20px; padding: 10px 20px; outline-offset: 4px; }	

.pagination ul li									{ margin: 0 10px 25px 10px; }
.pagination ul li a,
.pagination ul li.active .current					{ min-width: 70px; font-size: 18px; padding: 5px 15px; outline-offset: 4px; }


}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 767px to 320px */
@media only screen and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 740px; padding: 0 15px; }

#header,
#header.stiky 								{ padding: 8px 15px; }
#header .logo,
#header.stiky .logo 						{ width: 70px; max-width: 70px; margin: 0; }
.menu_sec ul.menu 							{ display: none; }
#header .mainMenu .menu_sec 				{ margin-right: 42px; gap: 0; }
#header .mainMenu .menu_sec .registerBtn 	{ font-size: 14px; font-weight: 500; line-height: 18px; padding: 8px 15px; outline-offset: 3px; }

#header .hamburger 							{ display: block; }
#rmp_menu_trigger-29:hover, #rmp_menu_trigger-29:focus { outline: 0; }

.bannerSec .banner-slider .owl-item  		{ overflow: hidden; }
.bannerSec .banner-slider .item img 		{ max-width: 300%; width: 300%; margin-left: -120%; }
.bannerSec .bannerCaption 					{ width: 92%; left: 15px; bottom: 40px; }
.bannerSec .bannerCaption h1 				{ font-size: 30px; line-height: 40px; margin-bottom: 30px; }
.bannerSec .bannerCaption h1 br				{ display:none; }
.bannerSec .bannerCaption .learnMoreBtn 	{ font-size: 16px; line-height: 20px; padding: 10px 20px; outline-offset: 4px; }
.bannerSec .banner-slider.owl-theme .owl-dots { position: absolute; width: 100%; bottom: 0; }
.bannerSec .banner-slider.owl-theme .owl-dots .owl-dot { outline: none; }
.bannerSec .banner-slider.owl-theme .owl-dots .owl-dot span { background: #ffffff; }
.bannerSec .banner-slider.owl-theme .owl-dots .owl-dot.active span { background: #FD035C; }

.aboutUsSec 								{ padding: 30px 0; }
.aboutUsSec .leftCol 						{ padding-right: 0; padding-bottom: 30px; }
.aboutUsSec .leftCol h2 					{ font-size: 25px; line-height: 35px; margin-bottom: 10px; }
.aboutUsSec .leftCol p 						{ font-size: 16px; line-height: 30px; margin-bottom: 15px; }
.aboutUsSec .rightCol h2 					{ font-size: 27px; line-height: 35px; margin-bottom: 20px; }
.aboutUsSec .rightCol h2 br  				{ display: none; }
.aboutUsSec .rightCol .about-imgBox 		{ margin-bottom: 30px; }
.aboutUsSec .rightCol .about-Info h3 		{ font-size: 25px; line-height: 30px; }
.aboutUsSec .rightCol .row 					{ margin-bottom: 10px; }
.aboutUsSec .rightCol p 					{ font-size: 16px; line-height: 30px; margin-bottom: 25px; }
.aboutUsSec .rightCol .learnMoreBtn 		{ font-size: 16px; line-height: 20px; padding: 10px 20px; outline-offset: 4px; }

.upcomingSec 								{ padding: 30px 0 40px; }
.upcomingSec h2 							{ font-size: 27px; line-height: 35px; margin-bottom: 20px; }
.upcomingSec .upcomingCol 					{ width: 100%; flex-direction: column; }
.upcomingSec .upcomingCol .performancesImg 	{ width: 100%; }
.upcomingSec .upcomingCol .performancesInfo { width: 100%; gap: 20px; padding-right: 0; }
.upcomingSec .upcomingCol .performancesInfo .titleBox { padding-top: 25px; }
.upcomingSec .upcomingCol .performancesInfo .titleBox::before { width: 15px; height: 15px; }
.upcomingSec .upcomingCol .performancesInfo .titleBox h3 { font-size: 20px; line-height: 25px; }
.upcomingSec .upcomingCol .performancesInfo .dateBox .dateLocationBox { margin-bottom: 20px; }
.upcomingSec .upcomingCol .performancesInfo .dateBox .dateLocationBox h6 { font-size: 14px; line-height: 18px; }
.upcomingSec .upcomingCol .performancesInfo .dateBox .dateLocationBox p { font-size: 14px; line-height: 18px; }
.upcomingSec .upcomingEvents 				{ margin-top: 10px; }
.upcomingSec .upcomingEvents .eventsBtn 	{ font-size: 16px; line-height: 20px; padding: 10px 20px; outline-offset: 4px; }

.performancesSec 							{ padding: 30px 0; }
.performancesSec .performancesInfo 			{ margin-bottom: 40px; flex-direction: column; }
.performancesSec .performancesInfo .performancesTitle { flex-direction: column; }
.performancesSec .performancesInfo .performancesTitle h2 { font-size: 25px; line-height: 35px; margin-bottom: 15px; margin-right: 0; }
.performancesSec .performancesInfo .performancesTitle p { font-size: 16px; line-height: 30px; }
.performancesSec .performancesInfo .performancesTitle p br { display: none; }
.performancesSec .performancesInfo .performancesBtn .learnMoreBtn { font-size: 16px; line-height: 20px; padding: 10px 20px; outline-offset: 4px; }
.performancesSec .performances-slider .owl-item { padding-bottom: 0; }
.performancesSec .performances-slider .owl-item.active.center { width: 100vw !important; }
.performancesSec .performances-slider .item { padding: 0 15px; }
.performancesSec .performances-slider.owl-theme .owl-nav { margin-top: 40px; }
.performancesSec .performances-slider.owl-theme .owl-nav button.owl-prev { margin-right: 10px; }
.performancesSec .performances-slider.owl-theme .owl-nav button.owl-next { margin-left: 10px; }
.performancesSec .performances-slider.owl-theme .owl-nav button { width: 45px; height: 45px; outline-offset: 4px; }
.performancesSec .performances-slider.owl-theme .owl-nav button { line-height: 45px; }

.latestShowcaseSec 							{ padding: 30px 0; }
.latestShowcaseSec h2 						{ font-size: 25px; line-height: 35px; margin-bottom: 10px; }
.latestShowcaseSec p 						{ font-size: 16px; line-height: 30px; }
.latestShowcaseSec p br 					{ display: none; }
.latestShowcaseSec .latestShowcaseTab .tabBox { margin-bottom: 30px; }
.latestShowcaseSec .latestShowcaseTab .tabBox ul.nav .nav-item .nav-link { font-size: 16px; line-height: 20px; padding: 10px 20px; }
.latestShowcaseSec .tab-content .tab-pane .latestPhotos-slider .item, 
.latestShowcaseSec .tab-content .tab-pane .latestVideos-slider .item { padding: 0 15px; }
.latestShowcaseSec .tab-content .tab-pane .latestPhotos-slider .item .latestShowcaseInfoBox h4,
.latestShowcaseSec .tab-content .tab-pane .latestVideos-slider .item .latestShowcaseInfoBox h4 { font-size: 16px; line-height: 20px; }
.latestShowcaseSec .tab-content .tab-pane .latestPhotos-slider .item .latestShowcaseInfoBox .date,
.latestShowcaseSec .tab-content .tab-pane .latestVideos-slider .item .latestShowcaseInfoBox .date { font-size: 14px; }
.latestShowcaseSec .latestPhotos-slider.owl-theme .owl-nav,
.latestShowcaseSec .latestVideos-slider.owl-theme .owl-nav { margin-top: 30px; }
.latestShowcaseSec .latestPhotos-slider.owl-theme .owl-nav button,
.latestShowcaseSec .latestVideos-slider.owl-theme .owl-nav button { width: 45px; height: 45px; outline-offset: 4px; line-height: 45px; }
.latestShowcaseSec .latestPhotos-slider.owl-theme .owl-nav button.owl-prev,
.latestShowcaseSec .latestVideos-slider.owl-theme .owl-nav button.owl-prev { margin-right: 10px; }
.latestShowcaseSec .latestPhotos-slider.owl-theme .owl-nav button.owl-next,
.latestShowcaseSec .latestVideos-slider.owl-theme .owl-nav button.owl-next { margin-left: 10px; }

.getYourselfSec 							{ padding: 30px 0 30px 0; }
.getYourselfSec::before 					{ width: 100%; background-position: center center; }
.getYourselfSec h2 							{ font-size: 25px; line-height: 35px; margin-bottom: 15px; }
.getYourselfSec .registerBtnBox  			{ margin-top: 20px; }
.getYourselfSec .registerBtnBox .registerBtn, 
.getYourselfSec .registerBtnBox .viewClassesBtn { font-size: 16px; line-height: 20px; padding: 10px 20px; outline-offset: 4px;  }
.getYourselfSec .registerBtnBox .viewClassesBtn { margin-left: 20px; }

footer .ftr-top 							{ padding-top: 30px; }
footer .ftr-top .ftr_menu, 
footer .ftr-top .ftr_address 				{ padding: 15px 0; border: none; }
footer .ftr-top h3 							{ font-size: 18px; line-height: 22px; margin-bottom: 15px; }
footer .ftr-top ul li 						{ font-size: 18px; line-height: 28px; margin-bottom: 10px; }
footer .ftr-top .ftr_address .address 		{ margin-bottom: 30px; }
footer .ftr-top .ftr_address .address p 	{ font-size: 18px; line-height: 28px; }
footer .ftr-top .ftr_contact 				{ padding: 20px 0 20px; }
footer .ftr-top .ftr_contact .address 		{ margin-bottom: 30px; }
footer .ftr-top .ftr_contact .address a 	{ font-size: 18px; line-height: 28px; }
footer .ftr-top .ftr_contact .ftrt_social ul li a { width: 55px; height: 55px; }
footer .ftr-top .ftr_contact .ftrt_social ul li a img { width: 20px; }
footer .ftr-bottom .copyrightCol 			{ flex-direction: column; gap: 10px; }


/* ---------- Inner Banner Section ---------- */
.innerBanner  								{ height: 300px; }
.innerBanner .caption h1 					{ font-size: 40px; line-height: 50px; margin-bottom: 10px; }
.innerBanner .caption .breadcrumb .breadcrumb-item { font-size: 16px; line-height: 25px; }


/* ---------- About Page Css ---------- */
.innerAboutSec 								{ padding: 30px 0; }
.innerAboutSec h3 							{ font-size: 25px; line-height: 35px; margin-bottom: 15px; }
.innerAboutSec h2 							{ font-size: 27px; line-height: 35px; margin-bottom: 25px; }
.innerAboutSec .about-imgBox 				{ margin-bottom: 30px; }
.innerAboutSec .about-Info h4 				{ font-size: 25px; line-height: 30px; }
.innerAboutSec p 							{ font-size: 16px; line-height: 30px; margin-bottom: 20px; }
.innerAboutSec .row 						{ margin-bottom: 10px; }


/* ---------- Past Performances Page Css ---------- */
.pastPerformancesSec 						{ padding: 30px 0; }
.pastPerformancesSec h2 					{ font-size: 25px; line-height: 35px; margin-bottom: 20px; }
.pastPerformancesSec .pastPreBox 			{ margin-bottom: 30px; }
.photosSec .photosItem .showcasePhotosImg iframe { height:250px; }

/* ---------- Classes Page Css ---------- */
.classesLevelSec 							{ padding: 30px 0; }
.classesLevelSec h2 						{ font-size: 25px; line-height: 35px; margin-bottom: 0px; }
.classesLevelSec .classesLevelsBox 			{ padding: 30px 0; }
.classesLevelSec .classesLevelsBox .leftCol { margin-bottom: 20px; }
.classesLevelSec .classesLevelsBox .rightCol h3 { font-size: 20px; line-height: 30px; }
.classesLevelSec .classesLevelsBox .rightCol p { font-size: 18px; line-height: 30px; }
.classesLevelSec .classesLevelsBox .rightCol ul li { font-size: 16px; line-height: 28px; }


/* ---------- School Policies Page Css ---------- */
.schoolPoliciesSec 							{ padding: 30px 0; }
.schoolPoliciesSec h2 						{ font-size: 25px; line-height: 35px; margin-bottom: 10px; }
.schoolPoliciesSec p 						{ font-size: 16px; line-height: 30px; margin-bottom: 20px; }


/* ---------- Contact Page Css ---------- */
.contactFormSec 							{ padding: 30px 0; }
.contactFormSec .leftCol 					{ margin-bottom: 30px; }
.contactFormSec .leftCol h2 				{ font-size: 27px; line-height: 35px; margin-bottom: 25px; }
.contactFormSec .leftCol .form-group .form-control { height: 50px; font-size: 16px; }
.contactFormSec .leftCol .form-group textarea.form-control { height: 120px; }
.contactFormSec .leftCol .submitbtn 		{ font-size: 16px; line-height: 20px; padding: 10px 20px; outline-offset: 4px; margin-top: 10px; }
.contactFormSec .rightCol 					{ padding-left: 0; }
.contactFormSec .rightCol h2 				{ font-size: 27px; line-height: 35px; margin-bottom: 25px; }
.contactFormSec .rightCol .contactInfo .info { margin-bottom: 25px; padding-left: 50px; }
.contactFormSec .rightCol .contactInfo .info::before { top: 10px; width: 30px; height: 30px; }
.contactFormSec .rightCol .contactInfo .info h3 { font-size: 20px; line-height: 25px; margin-bottom: 5px; }
.contactFormSec .rightCol .contactInfo .info a { font-size: 16px; line-height: 30px; }
.contactFormSec .rightCol .contactInfo .info ul li { font-size: 16px; }


/* ---------- Showcase Photos And Videos Page Css ---------- */
.photosSec 									{ padding: 30px 0; }
.photosSec h2 								{ font-size: 25px; line-height: 35px; margin-bottom: 20px; }
.photosSec .photosItem 						{ margin-bottom: 30px; }


/* ---------- Showcase Photos And Videos Page Css ---------- */
.thankYouSec 								{ padding: 30px 0; }
.thankYouSec h2 							{ font-size: 25px; line-height: 35px; }
.thankYouSec p 								{ font-size: 16px; line-height: 30px; }

/* ---------- Single Performance Page Css ---------- */

.single-performance .upcomingSec .upcomingRow { width: 100%; align-items: flex-start; }
.single-performance .upcomingSec .upcomingRow .dateBox	{ justify-content: flex-start; }
.single-performance .upcomingSec .upcomingRow .dateLocationBox	{ flex-wrap: wrap; }
.single-performance .upcomingSec .upcomingCol		{ flex-direction: row; }
.single-performance .upcomingSec .upcomingCol h3	{ font-size: 25px; line-height: 35px; }
.single-performance .upcomingSec .upcomingCol h4	{ font-size: 22px; line-height: 28px; }
.single-performance .upcomingSec .upcomingCol h5	{ font-size: 20px; line-height: 28px; }	
.single-performance .upcomingSec .upcomingCol h6	{ font-size: 18px; line-height: 28px; }	
.single-performance .upcomingSec .upcomingCol p		{ margin: 0 0 10px 0; font-size: 16px; line-height: 26px; }
.single-performance .upcomingSec .upcomingCol ul li	{ font-size: 16px; line-height: 26px; }
.single-performance .upcomingSec .upcomingCol ol li	{ font-size: 16px; line-height: 26px; }
.single-performance .upcomingSec .upcomingCol .downloadBtn	{ font-size: 16px; line-height: 20px; padding: 10px 20px; outline-offset: 4px; }
	
.pagination ul li									{ margin: 0 10px 25px 10px; }
.pagination ul li a,
.pagination ul li.active .current					{ min-width: 70px; font-size: 18px; padding: 5px 15px; outline-offset: 4px; }
	
	
	
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 575px to 320px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }


}