@media only screen and (min-width: 100px) and (max-width: 1399px) {
	.event-single-main p {
		font-size: 15px;
	}
	.event-single-main h3 {
		font-size: 30px;
	}
	.story-img img {
		height: 450px;
	}
	.journey-cta {
		margin-top: 45px;
	}
	.journey-step h4 {
		font-size: 36px;
	}
	.values-list h5 {
		font-size: 25px;
	}
	.values-list > div {
		padding: 22px 0 25px 40px;
	}
	.story-stat h4 {
		margin-bottom: 6px;
		font-size: 44px;
	}
	.story-stat {
		padding: 24px;
		border-radius: 20px;
	}
	.story-podcast p {
		font-size: 15px;
	}
	.story-podcast h5 {
		font-size: 20px;
	}
	.story-content p {
		font-size: 16px;
	}
	.story-podcast a {
		font-size: 15px;
	}
	.story-podcast {
		margin: 20px 0 30px;
		padding: 15px 24px;
	}
	.video video {
		height: 350px;
	}
	.book-about-description .book-about-intro {
		margin-bottom: 20px;
		font-size: 18px;
	}
	.book-about-content h2 {
		margin: 0 0 20px;
		font-size: 52px;
	}
	.book-about-label {
		margin-bottom: 35px;
	}
	.map iframe {
		height: 400px;
	}
	.gallery-box p {
		font-size: 14px;
	}
	.gallery-box h4 {
		font-size: 22px;
	}
	.gallery-box{
		height: 325px;
	}
	.banner-title h1 {
		font-size: 64px;
	}
	.learning-content {
		margin-right: 25px;
	}
	.learning-img video {
		height: 500px;
	}
	.header-menu li a {
		font-size: 13.5px;
	}
	.header-menu-2{
		gap: 30px;
	}
	.header-menu .web-btn {
		padding: 9px 38px;
	}
	.logo a {
		width: 160px;
	}
	.header-menu ul {
		gap: 25px;
	}
	.banner-content {
		padding: 40px;
		margin-left: 75px;
	}
	.banner-content h1 {
		font-size: 75px;
	}
	.banner-section img {
		height: 600px;
	}
	.banner-content h4 {
		font-size: 27px;
	}
	.more-content h5 {
		font-size: 38px;
	}
	.spacing {
		padding: 70px 0;
	}
	.web-title h3 {
		font-size: 40px;
	}
	.row-gap {
		margin-top: 50px;
	}
	.event-content a:first-child {
		font-size: 21px
	}
	.event-img img {
		height: 200px;
	}
	.web-title p {
		margin: 16px 50px 22px 0;
	}
	.juggling-card h3 {
		font-size: 35px;
	}
	.juggling-card span {
		margin-top: 5px;
		font-size: 16px;
	}
	.juggling-card {
		border-radius: 35px;
		padding: 30px 25px;
	}
	.web-heading h3 {
		font-size: 165px;
		top: -37px;
		left: -5px;
	}
	.watch-content p {
		font-size: 16px;
	}
	.watch-link {
		width: 9%;
	}
	.watch-content {
		width: 77%;
	}
	.skill-img img {
		height: 600px;
	}
	.skill-section .skill-img {
		margin-right: 20px;
	}
	.gallery-section {
		padding-top: 90px;
	}
	.gallery-section .web-heading h3 {
		top: -40px !important;
	}
	.gallery-img.min-img a img {
		height: 320px;
	}
	.gallery-img a img {
		height: 450px;
	}
	.teacher-content {
		margin-left: 15px;
	}
	.skill-img {
		border-radius: 40px;
	}
	.contact-form textarea, .contact-form input {
		padding: 13px 20px;
	}
	.contact-form textarea {
		height: 150px;
	}
	.contact-form .web-btn {
		font-size: 17px;
	}
	.footer-menu h3 {
		font-size: 22px;
		margin-bottom: 18px;
	}
	.footer-menu ul li a {
		font-size: 13px;
	}
	.footer-menu ul li {
		margin-bottom: 12.5px;
	}
	.footer-form h2 {
		font-size: 58px;
	}
	.footer-input input {
		padding: 13px 22px;
	}
	.footer-input .footer-submit {
		width: 53px;
		height: 53px;
	}
	.footer-input::before {
		top: 12px;
		right: 17.5px;
	}
	.footer-input .wpcf7-spinner {
		top: 14.5px;
		right: 14.5px;
	}
	.footer-input .wpcf7-not-valid-tip {
		font-size: 15px;
	}

	.footer-social ul li i {
		font-size: 15px;
		margin: 10px 10px 0 0;
	}
	.copy p {
		font-size: 14px;
		margin-top: 52px;
		padding: 20px 0;
	}
	.footer-menu ul li a:last-child{
		width: max-content;
	}
	.footer-menu.footer-social li {
		margin-bottom: 11px;
	}
}
@media only screen and (min-width: 100px) and (max-width: 1199px) {
	.post-list h3 {
		font-size: 26px;
	}
	.post-list ul li a {
		font-size: 16px;
	}
	.post-list {
		padding: 22px;
	}
	.journey-cta {
		margin-top: 29px;
	}
	.journey-step::before {
		top: 5px;
	}
	.journey-step::after {
		width: 10px;
		height: 10px;
	}
	.journey-step h4 {
		font-size: 34px;
	}
	.values-list > div {
		padding: 20px 0 20px 35px;
	}
	.journey-step h5 {
		margin-top: 11px;
		font-size: 18px;
	}
	.journey-step p {
		margin-top: 9px;
		font-size: 14px;
	}

	.values-list p {
		font-size: 15px;
	}
	.story-stat h4 {
		margin-bottom: 5px;
		font-size: 40px;
	}
	.story-stat p {
		font-size: 15px;
	}
	.one-card p {
		font-size: 15px;
	}
	.one-card span {
		margin-bottom: 15px;
		font-size: 55px;
	}

	.one-card {
		padding: 30px 25px;
	}
	.video video {
		height: 300px;
	}
	.book-about-label {
		margin-bottom: 80px;
		justify-content: center;
	}
	.book-about-content {
		margin-top: 20px;
	}
	.book-about::before {
		top: -240px;
		right: -180px;
		width: 390px;
		height: 400px;
	}
	.book-about-topics span {
		padding: 7px 10px;
	}
	section.book-about .col-lg-5 {
		margin: 0;
	}
	.book-about-number {
		margin-bottom: 18px;
		font-size: 10px;
	}
	.book-about-description .book-about-intro {
		margin-bottom: 15px;
		font-size: 17px;
	}
	.book-about-content h2 {
		margin: 0px 0 15px;
		font-size: 45px;
	}
	.map iframe {
		height: 350px;
	}
	.gallery-box .gallery-content{
		padding: 0px 25px 20px 25px;
	}
	.gallery-box {
		height: 300px;
	}
	.banner-title h1 {
		font-size: 58px;
	}
	.inner-banner {
		padding: 100px 0;
	}
	.teacher-content.web-title {
		margin: 0;
	}
	.learning-content {
		margin-right: 0;
	}
	.main-header {
		display: none;
	}
	.responsive-header {
		display: flex;
	}
	.banner-content {
		margin-left: 0;
	}
	.banner-content h1 {
		font-size: 70px;
	}
	.banner-content p {
		margin: 0 80px 25px 0;
		padding-right: 0px;
	}
	.banner-content h4 {
		font-size: 25px;
		margin-top: 7px;
	}
	.web-btn {
		padding: 10px 40px;
		font-size: 14px;
	}
	.more-content h5 {
		font-size: 35px;
	}
	.more-content a i {
		width: 35px;
		font-size: 15px;
		height: 35px;
	}
	.spacing {
		padding: 65px 0;
	}
	.web-title h3 {
		font-size: 35px;
	}
	.row-gap {
		margin-top: 45px;
	}
	.event-box {
		padding: 22px;
	}
	.event-content a:first-child {
		font-size: 20px;
	}
	.event-content a:last-child {
		width: 35px;
		height: 35px;
	}
	.event-content {
		margin-top: 15px;
	}
	.event-img img {
		height: 180px;
	}
	.event-img img {
		height: 180px;
	}
	.web-title p {
		margin: 15px 52px 22px 0;
		font-size: 15px;
	}
	.juggling-card h3 {
		font-size: 28px;
	}
	.juggling-section .col-lg-6 .row {
		--bs-gutter-x: 12px;
		row-gap: 12px;
	}
	.juggling-card {
		border-radius: 25px;
		padding: 27px 25px;
	}
	.juggling-card span {
		margin-top: 3px;
		font-size: 15px;
	}
	.web-heading h3 {
		font-size: 135px;
		top: -27px;
		left: -6px;
	}
	.watch-content p {
		font-size: 15px;
	}
	.main-watch-box {
		padding: 18px;
		gap: 20px;
	}
	.watch-content a {
		font-size: 21px;
		margin-bottom: 5px;
	}
	.watch-link {
		width: 7%;
	}
	.watch-img img {
		height: 110px;
	}
	.watch-img {
		width: 17%;
	}
	.watch-content {
		width: 76%;
	}
	.skill-section .skill-img {
		margin-right: 10px;
	}
	.skill-content p {
		font-size: 14.5px;
	}
	.skill-img img {
		height: 550px;
	}
	.gallery-section {
		padding-top: 75px;
	}
	.gallery-section .web-heading h3 {
		top: -30px !important;
	}
	.gallery-section .row {
		--bs-gutter-x: 18px;
	}
	.gallery-img.min-img a img {
		height: 275px;
	}
	.gallery-img a img {
		height: 400px;
	}
	.learning-img video {
		height: 475px;
	}
	.skill-img img {
		height: 300px;
	}
	.teacher-content.web-title p {
		margin-right: 0;
		font-size: 14px;
	}
	.contact-sec-form .row {
		row-gap: 20px;
		--bs-gutter-x: 20px;
	}
	.contact-form textarea, .contact-form input {
		padding: 12px 18px;
		font-size: 14px;
	}
	.contact-form .web-btn {
		font-size: 16px;
		padding: 10px 45px;
	}
	.footer-form {
		margin-top: 30px;
	}
	.footer-input {
		margin-top: 28px;
	}
	.copy p {
		margin-top: 45px;
		padding: 18px 0;
	}
	.footer-menu ul li a {
		font-size: 14px;
	}
	.footer-menu h3 {
		font-size: 23px;
	}
	.footer-form h2 {
		font-size: 55px;
	}
}
@media only screen and (min-width: 100px) and (max-width: 991px) {
	.event-single-img img {
		height: 350px;
	}
	.post-list {
		margin-top: 25px;
	}
	.story-content {
		margin-left: 0;
	}
	.story-img {
		width: 400px;
		margin: 0 auto 80px auto;
	}
	.web-title.one-content {
		margin-top: 65px;
	}
	.map iframe {
		height: 320px;
	}
	.inner-banner {
		padding: 85px 0;
	}
	.banner-title h1 {
		font-size: 52px;
	}
	.gallery-box {
		height: 350px;
	}
	.banner-section img {
		height: 560px;
	}
	.banner-content h1 {
		font-size: 65px;
	}
	.banner-content h4 {
		font-size: 24px;
	}
	.banner-content p {
		margin: 0 170px 22px 0;
	}
	.web-btn {
		padding: 9px 35px;
		font-size: 13px;
	}
	.banner-content {
		padding: 35px;
	}
	.more-content h5 {
		font-size: 29px;
	}
	.more-content a {
		margin-top: 20px;
	}
	.more-content a {
		font-size: 15px;
	}
	.spacing {
		padding: 60px 0;
	}
	.juggling-card {
		border-radius: 30px;
		padding: 35px 35px;
	}
	.juggling-card h3 {
		font-size: 30px;
	}
	.juggling-section .container > .row {
		row-gap: 35px;
	}
	.web-heading{
		display: none;
	}
	.row-gap {
		margin-top: 38px;
	}
	.watch-content p {
		font-size: 14px;
	}
	.hat-guy .skill-img img{
		height: 100%;
	}
	.skill-section .skill-img {
		height: 800px;
		margin: 0 auto 30px auto !important;
	}
	.skill-content.web-title h3 {
		font-size: 40px;
	}
	.skill-content p {
		font-size: 15px;
	}
	.skill-content a {
		margin-top: 10px;
	}
	.skill-img img{
		height: 100%;
		width: 100%;
	}
	.skill-img {
		border-radius: 30px;
		margin: 35px auto 0 !important;	
		width: 350px;
		height: 400px;
	}
	.gallery-img a img {
		height: 300px !important;
		width: 100%;
	}
	.gallery-section .row {padding: 0 20px;row-gap: 18px;}
	    .teacher-artist-img {
        width: 80%;
        height: 600px;
    }
	.teacher-content.web-title {
		margin-top: 30px;
	}
	.teacher-content.web-title p {
		margin-right: 80px;
		font-size: 15px;
	}
	.contact-img.skill-img img {
		height: 100%;
	}
	.footer-social {
		margin-left: 0;
	}
	.footer-form {
		margin-top: 0;
	}
	.footer-form h2 {
		font-size: 49px;
	}
	.footer .container > .row {
		row-gap: 25px;
	}
	.copy p {
		margin-top: 20px;
	}
	.learning-img video{
		height: 100%;
	}
	.menu-box {
		width: 55%;
	}
	.menu-top > a {
		width: 170px;
	}
	.menu-box > ul li a{
		font-size: 19px;
	}
	.responsive-logo a {
		width: 180px;
	}
	.gallery-section .web-heading h3 {
		font-size: 90px;
		top: -10px !important;
	}

	.gallery-section .web-heading {
		display: block;
	}
	.teacher-artist-img{
		margin-top: 0 !important;
	}
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
	.event-single-main p {
		font-size: 14px;
	}
	.map iframe {
		height: 300px;
	}
	.inner-banner {
		padding: 80px 0;
	}
	.banner-title h1 {
		font-size: 48px;
	}
	.gallery-box {
		height: 300px;
	}
	.banner-content h1 {
		font-size: 52px;
	}
	.banner-content h4 {
		font-size: 20px;
	}
	.banner-section img {
		height: 500px;
	}
	.banner-content p {
		margin: 0 32px 22px 0;
	}
	.web-btn {
		padding: 8.5px 32px
	}
	.more-content h5 {
		font-size: 25px;
	}
	.more-content a {
		font-size: 14px;
	}
	.more-content a i {
		width: 32px;
		font-size: 14px;
		height: 32px;
	}
	.event-content a:first-child {
		font-size: 22px;
	}
	.event-content {
		margin-top: 18px;
	}
	.web-title p {
		margin: 14px 0 20px 0;
		font-size: 15px;
	}
	.web-title h3 {
		font-size: 28px;
	}
	.watch-content {
		width: 75%;
	}
	.watch-img {
		width: 25%;
	}
	.watch-link {
		display: none;
	}
	.watch-img img {
		height: 125px;
	}
	.gallery-img a img {
		height: 250px !important;
	}
	.spacing {
		padding: 50px 0;
	}
	.skill-content.web-title h3 {
		font-size: 35px;
	}
	.footer-social {
		margin-left: 20px;
	}
	.footer-input input {
		padding: 12px 22px;
		font-size: 15px;
	}
	.footer-input .footer-submit {
		width: 50px;
		height: 50px;
	}
	.footer-input::before {
		top: 11.5px;
		right: 16px;
		font-size: 18px;
	}
	.footer-input .wpcf7-spinner {
		top: 11.5px;
		right: 11.5px;
	}
	.copy p {
		margin-top: 15px;
	}
	.footer-input {
		margin-top: 22px;
	}
	.menu-box {
		width: 70%;
	}
	.menu-box > ul li a {
		padding: 12px 0;
		font-size: 18px;
	}
	.row-gap {
		margin-top: 30px;
		row-gap: 20px;
	}
	.gallery-section {
		padding-top: 55px;
	}
	.gallery-section .web-heading h3 {
		font-size: 80px;
	}
	.journey-step {
		padding: 40px 0 15px 0;
	}
}
@media only screen and (min-width: 100px) and (max-width: 575px) {
	.skill-section .skill-img{
		height: 100%;
		width: 100%;
	}
	.event-single-img img {
		height: 300px;
	}
	.journey-cta {
		margin-top: 10px;
	}
	.story-img {
		width: 90%;
	}
	.values-list > div::before {
		width: 10px;
		height: 10px;
	}
	.values-list h5 {
		font-size: 22px;
	}
	.values-list p {
		font-size: 14px;
	}

	.story-stat h4 {
		margin-bottom: 5px;
		font-size: 35px;
	}
	.story-podcast a{
		margin: 0;
		font-size: 14px;
	}
	.story-podcast p {
		margin-bottom: 10px !important;
		font-size: 13px !important;
	}
	.story-img img {
		height: 400px;
	}
	.story-img {
		width: 310px;
		margin: 0 auto 60px auto;
	}
	.story-podcast {
		margin: 20px 0 25px;
		padding: 14px 25px;
	}
	.story-podcast-label {
		font-size: 12px;
	}
	.story-podcast h5 {
		font-size: 18px;
	}
	.one-card span {
		margin-bottom: 15px;
		font-size: 50px;
	}
	.one-content .one-item p {
		font-size: 14px;
		width: 86%;
	}
	.one-content .one-item i {
		width: 14%;
		height: 40px;
	}
	.one-content .one-item {
		padding: 12px 17px;
	}
	.book-about-topics {
		margin-top: 22px;
		padding-top: 22px;
	}
	.book-about-description p {
		font-size: 13px;
		margin-bottom: 15px;
	}
	.book-about-number {
		margin-bottom: 15px;
		font-size: 9px;
	}
	.book-about-description .book-about-intro {
		margin-bottom: 15px;
		font-size: 15px;
	}
	.book-about-content h2 {
		margin: 0px 0 12px;
		font-size: 35px;
	}
	.map iframe {
		height: 250px;
	}
	.inner-banner {
		padding: 70px 0;
	}
	.banner-title h1 {
		font-size: 40px;
	}
	.gallery-box h4 {
		font-size: 24px;
	}
	.responsive-logo a {
		width: 150px;
	}
	.menu-open a {
		width: 35px;
	}
	.copy p {
		margin-top: 10px;
	}
	.copy p {
		margin-top: 10px;
		padding: 10px 0;
		font-size: 13px;
	}

	.footer-input {
		margin-top: 18px;
	}
	.footer-input input {
		padding: 11px 20px;
		font-size: 14px;
	}
	.footer-input .footer-submit {
		width: 46px;
		height: 46px;
	}
	.footer-input::before {
		top: 11px;
		font-size: 16px;
	}
	.footer-social,
	.quick-links {
		margin-left: 0;
	}
	.footer-form h2 {
		font-size: 32px;
	}
	.footer .container > .row {
		row-gap: 18px;
	}
	.contact-form .web-btn {
		font-size: 15px;
		padding: 10px 40px;
	}
	.teacher-content.web-title p {
		margin-right: 0;
		font-size: 14px;
	}
	.gallery-section {
		padding-top: 45px;
	}
	.gallery-section .web-heading h3 {
		font-size: 55px;
		top: 0 !important;
	}
	.skill-img {
		border-radius: 25px;
		width: 100%;
		height: 450px;
	}
	.skill-content a {
		margin-top: 5px;
	}
	.web-title p {
		font-size: 14px;
	}
	.skill-content.web-title h3 {
		font-size: 30px;
	}
	.main-watch-box {
		padding: 15px;
		gap: 15px;
	}
	.watch-img {
		width: 30%;
	}
	.watch-content {
		width: 70%;
	}
	.watch-content p {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.more-content h5 {
		font-size: 23px;
	}
	.more-content a {
		margin-top: 17px;
	}
	.more-content br {
		display: none;
	}
	.banner-content .web-btn:last-child {
		margin:7px 0 0 0;
	}
	.banner-section img {
		height: 475px;
	}
	.banner-content h4 {
		font-size: 18px;
	}
	.web-btn {
		padding: 8px 30px;
	}
	.banner-content {
		padding: 25px;
	}
	.banner-content p {
		margin: 0 0 22px 0;
	}
	.banner-content h1 {
		font-size: 40px;
	}
	.menu-box {
		width: 100%;
		padding: 25px 30px;
	}
	.menu-box > ul li a {
		padding: 11px 0;
		font-size: 17px;
	}
	.juggling-card {
		border-radius: 25px;
		padding: 30px 30px;
	}
	.watch-img {
		border-radius: 8px;
	}
	.watch-img img {
		height: 103px;
	}
	.juggling-card h3 {
		font-size: 28px;
	}
	.juggling-card span {
		font-size: 14px;
	}
}
@media only screen and (min-width: 100px) and (max-width: 374px) {
	.banner-content h1 {
		font-size: 35px;
	}
	.banner-content {
		padding: 20px;
	}
}