@media only screen and (max-width: 3000px) {
    .custom-container {
        padding: 0 150px;
        width: 100%;
    }
}
@media only screen and (max-width: 2500px) {
    .custom-container {
        padding: 0 100px
    }
    .arts-hub .benefit-item h5{
        min-height: 140px;
    }
    .career-technology-space .thumbnail-box img {
        max-height: 75%;
    }
}
@media only screen and (max-width: 1599px) {
    nav.navbar.navbar-expand-lg img {
        max-width: 260px;
        transition: all 0.3s ease-in-out;
    }
    .program-need::after {
        width: calc(100% - 35%);
    }

    .globalBtnOutline, .globalBtnDark, .globalBtnLight {
        padding: 6px 30px;
        font-size: 16px;
        min-height: 40px;
    }
    p.copyright-text {
        font-size: 16px;
        line-height: 26px;
    }
    .copy-right-outer{
        padding: 15px 0px;
    }
    h1 {
        font-size: 80px;
        line-height: 65px;
        font-weight: 800;
    }
    .hero-banner-cntn {
        align-self: center;
        padding: 30px 0px 0px;
        max-width: 600px;
    }
    .mb-method-item h3 {
        font-size: 35px;
        font-weight: 600;
        line-height: 36px;
        margin: 15px 0px;
        max-width: 300px;
        padding-bottom: 15px;
    }
    img.music-breed-shape {
        position: absolute;
        max-width: 100px;
    }
    img.technology-space-shape {
        position: absolute;
        right: 30px;
        max-width: 100px;
        bottom: 50px;
    }
    img.workspace-dev-shape-top {
        position: absolute;
        top: 50px;
        max-width: 100px;
        left: 40px;
    }
    .austic-learner-dwn-curv-shape{
        position: absolute;
        bottom: 0px;
        right: 40px;
        bottom: 40px;
        max-width: 100px;
    }
    img.benefit-top-curv-shape {
        position: absolute;
        left: 50px;
        max-width: 100px;
    }
    img.mb-method-top-curv-shape {
        max-width: 100px;
        right: 50px;
        position: absolute;
    }
    img.event-top-curv-shape{
        max-width: 100px;
        position: absolute;
        left: 50px;
        top: 80px;
    }
    img.join-comunity-top-curv-shape {
        max-width: 100px;
        position: absolute;
        right: 50px;
    }
    .enrollment-icon span {
        height: 115px;
        width: 115px;
    }
    .footer-right li, .footer-right li a, .footer-left ul li, .footer-left ul li a {
        font-size: 18px;
        line-height: 24px;
        padding: 5px 0;
    }
    .footer h4 {
        margin-bottom: 5px;
        padding-bottom: 15px;
        line-height: 36px;
        font-size: 26px;
        line-height: 25px;
    }
    .corporate-form .cntn-box {
        max-width: 435px;
        padding: 25px;
    }
    .corporate-form .nav-tabs li.nav-item button {
        font-size: 17px;
        line-height: 21.09px;
        min-height: 45px;
    }
    h2 {
        font-size: 50px;
        font-weight: 700;
        line-height: 60px;
    }
    .content-thumb-box p {
        font-size: 17px;
        font-weight: 400;
        line-height: 27px;
        margin: 12px 0px;
    }
    .default-header-box h6 {
        font-size: 20px;
        font-weight: 500;
        line-height: 35px;
    }
    span.header-border {
        max-width: 159px;
        margin-bottom: 8px;
        margin-top: 8px;
    }
    .benefits-main .global-header {
        margin-bottom: 50px;
    }
    .benefit-item h4 {
        font-size: 30px;
        font-weight: 700;
        line-height: 30px;
        margin-top: 25px;
    }
    .benefit-item {
        padding: 35px 20px;
    }
    .content-thumb-box {
        padding: 70px 0px;
    }
    .program-need-cntn h2 {
        font-size: 70px;
        font-weight: 800;
        line-height: 80px;
    }
    .mb-method-item ul li{
        font-size: 18px;
        font-weight: 400;
        line-height: 36px;
        padding-left: 22px;
    }
    .partnership-opportunity li {
        font-size: 18px;
        line-height: 28px;
        padding-left: 35px;
    }
    .mb-method-item img {
        max-height: 70px;
    }
    a.globalBtnLight.mb-method-btn {
        margin-top: 30px;
    }
    .arts-hub h2 {
        margin-bottom: 85px;
        font-size: 70px;
        font-weight: 800;
        line-height: 80px;
    }
    .arts-hub .benefit-item h5 {
        font-size: 30px;
        font-weight: 700;
        line-height: 33px;
        margin: 22px 0px;
    }
    .event-item h4 {
        font-size: 34px;
        line-height: 40px;
        /* max-width: calc(100% - 170px); */
    }
    .join-community h2 {
        font-size: 70px;
        line-height: 80px;
        margin-bottom: 25px;
    }
    .community-contact li{
        display: flex;
        align-items: baseline;
        gap: 13px;
        margin: 24px 0px;
        font-size: 22px;
        font-weight: 400;
        line-height: 36px;
        text-align: left;
    }
    .community-contact li a{
        font-size: 22px;
        font-weight: 400;
        line-height: 36px;
    }
    .form-control {
        margin: 10px .0px;
        min-height: 48px;
        padding: 10px 18px;
    }
    .community-form button.btn.btn-primary {
        height: 48px;
        margin-top: 8px;
        font-size: 16px;
        line-height: 22px;
    }
    .ftr-upper {
        padding: 20px 0px 50px;
    }
    .mb-method-item li::after {
        height: 4px;
        width: 12px;
    }
    footer.footer {
        padding: 50px 0px;
    }
    .growth-music {
        padding: 60px 0px;
    }
    .growth-music h2 {
        font-size: 70px;
        font-weight: 800;
        line-height: 65px;
    }
    .leadership-card h5 {
        font-size: 50px;
        font-weight: 800;
        line-height: 60px;
        text-align: left;
        margin-bottom: 35px;
    }
    .leadership-card h6 {
        font-size: 40px;
        line-height: 50px;
        margin-top: 16px;
    }
    .career-technology-space .global-header h2, .music-lesson-inner .cntn-box h2, .career-austic-learner h2.top-header, .music-lesson-inner .global-header h2, .pick-your-role h2, .available-oppportunity .default-header-box h2,   .thing-official .cntn-box h2, .student-say h2, .austic-learner.about-music-breed h2, .career-pathway h2,.content-thumb-box.music-breed-up.month-tuition h2, .six-learning-process h2, .enrollment-process h2, .faq h2.top-header, .label-global-header h2 {
        font-size: 80px;
        font-weight: 800;
        line-height: 99px;
    }
    .learning-process-item h4 {
        font-size: 40px;
        line-height: 48px;
        margin-top: 15px;
    }
    .comunity-donors .global-header h3 {
        font-size: 55px;
        font-weight: 800;
        line-height: 70px;
    }
    .valued-client-block-border h5 {
        font-size: 25px;
        line-height: 35.16px;
        bottom: -47px;
        z-index: 9;
        display: inline-flex;
        padding: 0px 13px;
    }
    img.upper-top-right-sponsership {
        right: 30px;
        max-width: 100px;
    }
    .corporate-form select {
        height: 48px;
        font-size: 17px;
        line-height: 27.19px;
        margin: 19px 0px;
        padding: 5px 22px;
    }
    .corporate-form form button.btn.btn-primary {
        padding: 9px 27px;
        font-size: 17px;
        line-height: 21.09px;
    }
    .six-learn-top-right-shape {
    position: absolute;
    max-width: 100px;
    right: 40px;
    }
    .grey-down-curve-sponsormusic {
        left: 20px;
        max-width: 100px;
        bottom: 25%;
    }
    .grey-down-curve-donrs {
        left: 20px;
        max-width: 100px;
        top: 25%;
    }
    .partner-logo {
        padding: 40px 0px;
    }
    .donate {
        min-height: 540px;
    }
    .partnership-opportunity .cntn-box h4, .partnership-opportunity .cntn-box h4 a {
        font-size: 22px;
        line-height: 29px;
    }
    .table-header-cntn h3 {
        font-size: 40px;
        font-weight: 700;
        line-height: 40px;
    }
    .membership-program-item h3 {
        font-size: 32px;
        font-weight: 700;
        line-height: 35px;
        margin: 12px 0px;
        max-width: 160px;
    }
    .membership-program-item p {
        min-height: calc(100% - 225px);
    }
    .play-earn-family-plan h5 {
        font-size: 27px;
        font-weight: 400;
        line-height: 33.5px;
        margin: 7px 0px;
    }
    .career-pathway.play-earn-family-plan .plan-table-list h4 {
        font-size: 26px;
        line-height: 35.5px;
        margin-bottom: 10px;
    }
    .family-plan-table .plan-table-list {
        border-top: 1px solid #000;
        margin-top: 12px;
        padding-top: 20px;
        height: calc(100% - 220px);
    }
    .label-global-header h3 {
        font-size: 50px;
        font-weight: 700;
        line-height: 58px;
    }
    .label-global-header h4 {
        font-size: 35px;
        line-height: 45px;
        margin: 4px 0px;
    }
    .label-list-cntn h6 {
        font-size: 25px;
        font-weight: 700;
        line-height: 35px;
    }
    .content-thumb-box .label-list-cntn p {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        margin: 0px;
    }
    .career-pathway .cntn-box-listed li {
        padding: 5px 0px 5px 30px;
        font-size: 18px;
        line-height: 24px;
    }
    .career-pathway.play-earn-family-plan h4 {
        font-size: 38px;
        line-height: 32px;
    }
    .career-pathway .cntn-box-listed {
        margin: 20px 0px;
        gap:20px;
    }
    .family-plan-table {
        padding: 35px;
    }
    .membership-lebel-content.orange-main-box img.top-right-curve-shape, .membership-lebel-content.green-main-box img.top-right-curve-shape, .membership-lebel-content.white-main-box .top-right-curved-shape, .tuition-registration .top-right-curve-shape, img.member-program-curve-shape {
        max-width: 100px;
    }
    .hero-video-icon{
        max-width: Calc(100% - 530px);
    }
}
@media only screen and (max-width: 1399px) {
    nav.navbar.navbar-expand-lg img {
        max-width: 250px;
    }
    .top-navbar ul.navbar-nav li {
        margin: 0px 18px;
        font-size: 16px;
    }
    .hero-banner-main {
        gap: 30px;
        min-height: 90vh;
    }
    .growth-music {
        padding: 50px 0px;
    }
    h2, .career-technology-space .cntn-box h2 {
        font-size: 45px;
        font-weight: 700;
        line-height: 55px;
    }
    
    .global-header h2 {
        font-size: 45px;
    }
    .program-need-cntn h2 {
        font-size: 55px;
        font-weight:700;
        line-height: 65px;
    }
    .mb-method .row .col-xl-4.col-lg-4.col-md-6.col-sm-12:last-child {
        padding-left: 5%;
    }
    .mb-method .row .col-xl-4.col-lg-4.col-md-6.col-sm-12:nth-child(2) {
        padding: 0px 3%;
    }
    .arts-hub h2 {
        margin-bottom: 80px;
        font-size: 55px;
        font-weight: 700;
        line-height: 65px;
    }
    .join-community h2 {
        font-size: 55px;
        line-height: 65px;
        margin-bottom: 22px;
    }
    .ftr-upper {
        padding: 15px 0px 40px;
    }
    h1 {
        font-size: 70px;
        line-height: 65px;
        font-weight: 700;
    }
    .event-item h4 {
        font-size: 30px;
        line-height: 40px;
        /* max-width: calc(100% - 100px); */
    }
    .footer-right li, .footer-right li a, .footer-left ul li, .footer-left ul li a {
        font-size: 17px;
        line-height: 23px;
        padding: 3px 0;
    }
    .growth-music h2 {
        font-size: 50px;
        font-weight: 800;
        line-height: 60px;
    }
    .donate {
        min-height: 400px;
    }
    .donate .thumbnail-box {
        height: 100%;
        display: flex;
        align-items: end;
        justify-content: end;
        object-fit: contain;
    }
    .donate .thumbnail-box img {
        max-height: 90%;
        bottom: 0;
        top: auto;
        object-fit: contain;
    }
    .donate .main-flex-box {
        gap: 30px;
    }
    .hero-video-icon {
        max-width: Calc(100% - 0px);
    }
    .program-need-cntn {
        max-width: 400px;
    }
    .mentor-community h2 {
        font-size: 50px;
        font-weight: 700;
        line-height: 60px;
        margin-bottom: 34px;
    }
    .learning-process-item span {
        padding: 24px;
        width: 100px;
        height: 100px;
        margin-top: -16px;
    }
    .learning-process-item a.globalBtnDark span{
        width: auto;
        height: auto;
        padding: 0px;
        margin-top: 0px;
        background: transparent;
    }
    .learning-process-item a.globalBtnDark span{
        width: auto;
        height: auto;
        padding: 0px;
        margin-top: 0px;
        background: transparent;
    }
    .learning-process-item h4 {
        font-size: 35px;
        font-weight: 700;
        line-height: 40px;
        margin-top: 15px;
        margin-bottom: 0px;
    }
    .career-technology-space .global-header h2, .music-lesson-inner .cntn-box h2, .career-austic-learner h2.top-header, .music-lesson-inner .global-header h2, .pick-your-role h2, .available-oppportunity .default-header-box h2,   .thing-official .cntn-box h2, .student-say h2, .austic-learner.about-music-breed h2, .career-pathway h2,.content-thumb-box.music-breed-up.month-tuition h2, .six-learning-process h2, .enrollment-process h2, .faq h2.top-header, .label-global-header h2 {
        font-size: 45px;
        font-weight: 700;
        line-height: 55px;
    }
    ul.label-listed {
        gap: 20px;
    }
    .partnership-opportunity li {
        font-size: 16px;
        line-height: 24px;
        padding-left:28px;
    }
    .partnership-opportunity li::after {
        top: 18px;
        height: 4px;
        width: 15px;
    }
    .partnership-opportunity .cntn-box h4, .partnership-opportunity .cntn-box h4 a {
        font-size: 18px;
        line-height: 27px;
    }
    .partnership-opportunity h4 {
        padding: 20px;
        border-radius: 30px;
        margin-top: 20px;
    }
    .official-steo-cntn h4 {
        font-size: 35px;
        font-weight: 700;
        line-height: 50px;
    }
    .official-steo-cntn h6 {
        font-size: 25px;
        font-weight: 400;
        line-height: 30px;
    }
    .table-header-cntn h3 {
        font-size: 35px;
        font-weight: 700;
        line-height: 40px;
    }
    .play-earn-family-plan h5 {
        font-size: 25px;
        line-height: 31.5px;
        margin: 5px 0px;
    }
    .career-pathway.play-earn-family-plan .plan-table-list h4 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 6px;
    }
    .label-list-cntn h6 {
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }
    .label-global-header h3 {
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
    }
    ul.label-listed li span img, .tuition-registration li img {
        max-width: 22px;
    }
    .career-pathway.play-earn-family-plan h4 {
        font-size: 32px;
        line-height: 32px;
    }
    .family-plan-table {
        padding: 30px;
    }
    .label-global-header {
        margin-bottom: 25px;
    }
    .membership-lebel-content .label-join-now-btn {
        margin-top: 30px;
    }
    .content-thumb-box .label-global-header p {
        font-size: 30px;
        margin: 0px 0px -6px;
        font-weight: 400;
        line-height: 40px;
    }
    .label-global-header h4 {
        font-size: 28px;
        line-height: 37px;
        margin: 2px 0px;
    }
    .hero-banner-cntn h4.heading-four-top-baner {
        font-size: 32px;
        line-height: 40px;
    }
    .hero-banner-cntn {
        max-width: 350px;
    }
    .comunity-donors .global-header h3 {
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
    }
    .comunity-donors .default-header-box h6 {
        font-size: 25px;
        font-weight: 400;
        line-height: 35px;
    }
    .valued-client-block-border {
        border: 1px solid #000;
        padding: 20px;
    }
    .leadership-card h6 {
        font-size: 35px;
        line-height: 45px;
        margin-top: 16px;
    }
    .leadership-card h5 {
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .sposership-technology-space p a {
        font-size: 20px;
        line-height: 36px;
    }
    .corporate-form .nav-tabs {
        gap: 10px;
    }
    .corporate-form .form-prize button {
        padding: 8px 7px;
    }
    .inner-page-header h3 {
        font-size: 55px;
        font-weight: 700;
        line-height: 66px;
    }
    img.overview-rightSide-bg {
        max-width: 50%;
    }
    .overview-process .global-header {
        margin-bottom: 40px;
    }
    .overview-item h3 {
        font-size: 35px;
        font-weight: 700;
        line-height: 40px;
        margin-top: 21px;
    }
    .overview-process .overview-item p {
        font-size: 20px;
        font-weight: 400;
        line-height: 33px;
    }
    .benefit-join-feature .benefit-feature-item h4 {
        font-size: 25px;
        font-weight: 600;
        line-height: 35px;
        margin-top: 25px;
    }
    .benefit-join-feature .benefit-feature-item img {
        height: 90px;
    }
    .student-say h2 {
        margin-bottom: 40px;
        font-size: 70px;
        font-weight: 800;
        line-height: 80px;
    }
    .student-pro h5 {
        font-size: 30px;
        font-weight: 700;
        line-height: 50px;
    }
    
    .content-thumb-box.music-breed-up.month-tuition h2 span {
        font-size: 50px;
        font-weight: 700;
        line-height: 60px;
    }
    .course-offer h4 {
        font-size: 50px;
        line-height: 60px;
        gap: 15px;
    }
    .student-say-item {
        padding: 30px;
        height: 500px;
    }
    .membership-programs .membership-program-item img {
        max-height: 65px;
    }
    .membership-program-item h3 {
        font-size: 28px;
        font-weight: 700;
        line-height: 34px;
        margin: 12px 0px;
        max-width: 138px;
    }
    .content-thumb-box p {
        font-size: 16px;
        line-height: 25px;
        margin: 12px 0px;
    }
    .membership-program-item a.globalBtnDark {
        height: 42px;
    }
    .membership-program-item p {
        min-height: calc(100% - 208px);
    }
    .table-header-dots img {
        max-width: 18px;
    }
    .hero-video-icon video {
        max-width: calc(100% - 45px);
    }
}

@media only screen and (max-width: 1199px) {
    .custom-container {
        padding: 0 50px
    }   
    .top-navbar ul.navbar-nav li {
        margin: 0px 12px;
        font-size: 15px;
    }
    nav.navbar.navbar-expand-lg img {
        max-width: 190px;
    }
    .program-need-cntn {
        max-width: 337px;
    }
    .mb-method-item{
        margin: 20px 0px;
    }
    .mb-method-item h3 {
        font-size: 30px;
        font-weight: 600;
        line-height: 35px;
        margin: 10px 0px;
        max-width: 300px;
        padding-bottom: 15px;
    }
    a.globalBtnLight.mb-method-btn {
        margin-top: 20px;
    }
    .arts-hub h2 {
        margin-bottom: 60px;
        font-size: 40px;
        font-weight: 700;
        line-height: 55px;
    }
    .content-thumb-box {
        padding: 60px 0px;
    }
    .arts-hub .benefit-item h5 {
        font-size: 25px;
        font-weight: 700;
        line-height: 30px;
        margin: 15px 0px;
    }
    .arts-hub .benefit-item h5 {
        min-height: 110px;
    }
    .arts-hub .benefit-item h5 {
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
        margin: 15px 0px;
    }
    .arts-hub .benefit-item {
        padding-top: 0px;
        margin: 40px 0px;
    }
    .event-item h4 {
        font-size: 25px;
        line-height: 30px;
        /* max-width: calc(100% - 65px); */
    }
    .global-header h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .event-item {
        padding: 20px;
        border-radius: 40px;
        position: relative;
    }
    h1 {
        font-size: 60px;
        line-height: 65px;
        font-weight: 700;
    }
    .hero-banner-cntn p {
        margin: 20px 0px 25px 0px;
        color: var(--white);
    }
    .footer-left {
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .six-learning-process h2 {
        margin-bottom: 20px;
    }
    .enrollment-icon{
        flex-wrap: wrap;
        justify-content: center;
    }
    .benefit-join-feature .benefit-feature-item img {
        height: 60px;
    }
    .widget-container {
        margin: 20px 0px;
    }
    .overview-item h3 {
        max-width: 90%;
    }
    ul.label-listed li {
        width: 47%;
    }
    .content-thumb-box .label-global-header p {
        font-size: 26px;
        margin: 0px 0px -2px;
        font-weight: 400;
        line-height: 36px;
    }
    ul.inner-bullet-list li {
        width: 100%;
    }
    h2, .career-technology-space .cntn-box h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
    }
    .membership-program-item {
        padding: 30px;
        height: 500px;
        margin: 20px 0px;
    }
    .partnership-opportunity li {
        padding: 6px 0px 6px 26px;
    }
    .learner-lifes a.globalBtnDark.white-btn {
        margin-top: 20px;
    }
    .membership-programs .global-header {
        text-align: center;
        max-width: 85%;
        margin: 0 auto 35px;
    }
    .career-technology-space .global-header h2, .music-lesson-inner .cntn-box h2, .career-austic-learner h2.top-header, .music-lesson-inner .global-header h2, .pick-your-role h2, .available-oppportunity .default-header-box h2,   .thing-official .cntn-box h2, .student-say h2, .austic-learner.about-music-breed h2, .career-pathway h2, .content-thumb-box.music-breed-up.month-tuition h2, .six-learning-process h2, .enrollment-process h2, .faq h2.top-header, .label-global-header h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
    }
    span.border-spaner-box {
        max-width: 133px;
        height: 1px;
    }
    .label-list-cntn h6 {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
    }
    
}
@media only screen and (max-width: 991px) {
    .custom-container {
        padding: 0 32px
    } 
    .dropdown-menu.show {
        border: none;
        box-shadow: none !important;
        display: block !important;
    }
    li.nav-item.dropdown .dropdown-menu{
        display:none;
    }
    .overview-item h3 {
        max-width: 230px;
    }
    .navbar-nav .dropdown-menu {
        width: 100%;
    }
    li.nav-item.dropdown .dropdown-menu {
        padding: 0px;
        transform: translate(0px, 0px);
        background-color: transparent;
        opacity: 1;
        visibility: visible;
    }
    ul.dropdown-menu .dropdown-item {
        color:#000
    }
    .top-navbar.sticky .navbar-expand-lg .navbar-nav .nav-link{
        padding: 0px;
    }
    .navbar-collapse {
        position: fixed;
        top: 0px;
        background:#fff;
        left: -100%;
        display: block;
        z-index: 9;
        height: 100%;
        padding: 20px;
        box-shadow: 3px 1px 8px 0px #e5e5e5;
        left: -100%;
        width: calc(100% - 265px);
        transition: all 0.6s ease-in-out;
    }
    .membership-programs.grey-br-main .col-xl-4.col-lg-4.col-md-6.col-sm-12 {
        margin:0px;
    }
    .overview-process .global-header {
        margin-bottom: 15px;
    }
    .navbar-collapse.show{
        left: 0%;
        transition: all 0.6s ease-in-out;
    }
    nav.navbar .navbar-nav {
        height: calc(100vh - 170px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    .loginBtn-cntn {
        position: fixed;
        bottom: 70px;
        z-index: 9;
    }
    .loginBtn-cntn.schedule-btn{
        position: fixed;
        bottom: 20px;
        z-index: 9;
    }

    button[aria-expanded="true"] .navbar-toggler-icon{
        background-image: none;
        background:url('../images/close.png')no-repeat;
        background-size: contain;
        background-position: center;
        height: 24px;
        transition: all 0.1s ease-in-out;
    }
    .top-navbar .navbar-expand-lg .navbar-nav .nav-link.active{
        color:#000;
    }
    .navbar-collapse.show .loginBtn-cntn{
        opacity: 1;
        visibility: visible;
        transition: all 1s ease-in-out;
    }
    .top-navbar ul.navbar-nav li {
        margin: 10px 10px;
        font-size: 15px;
        width: 100%;
    }
    .top-navbar.sticky a.nav-link {
        color: #000 !important;
    }
    .navbar-toggler-icon {
        width: 2em !important;
        height: 1.5em;
    }
    .top-navbar span.navbar-toggler-icon {
        filter: invert(1);
    }
    
    .top-navbar {
        padding: 10px 0px;
        top: 0px;
    }
    .top-navbar .navbar-expand-lg .navbar-nav .nav-link {
        color: #000000;
    }
    .hero-banner-main {
        gap: 30px;
        min-height:calc(100vh - 60px);
    }
    .benefit-item {
        margin: 15px 0px;
    }
    .hero-banner-main {
        gap: 30px;
        min-height: calc(100vh - 50px);
    }
    .growth-music {
        padding: 35px 0px;
    }
    h2 {
        font-size: 35px;
        font-weight: 600;
        line-height: 45px;
    }
    .content-thumb-box p {
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
        margin: 10px 0px;
    }
    .globalBtnOutline, .globalBtnDark, .globalBtnLight {
        padding: 6px 22px;
        font-size: 15px;
        min-height: 36px;
    }
    img.technology-space-shape, img.workspace-dev-shape-top, .austic-learner-dwn-curv-shape, img.benefit-top-curv-shape, img.mb-method-top-curv-shape, img.event-top-curv-shape, img.join-comunity-top-curv-shape, img.music-breed-shape, img.overview-process-bottom-right, .grey-bottom-curve-shape, .month-tution-bottom-right, .six-learn-top-right-shape, .enrollment-proce-top-left, .grey-down-curve-sponsormusic, .grey-down-curve-donrs {
        max-width: 100px;
    }
    .program-need-cntn h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
    }
    .logo-part img {
        max-width: 200px;
    }
    .footer-left {
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .footer-right li, .footer-right li a, .footer-left ul li, .footer-left ul li a {
        font-size: 15px;
        line-height: 23px;
        padding: 2px 0;
    }
    footer.footer {
        padding: 40px 0px;
    }
    .footer h4 {
        margin-bottom: 5px;
        padding-bottom: 8px;
        line-height: 36px;
        font-size: 25px;
        line-height: 25px;
    }
    p.copyright-text {
        font-size: 15px;
        line-height: 26px;
        padding: 10px 0px;
    }
    .community-contact li a {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
    }
    .community-contact li {
        gap: 13px;
        margin: 15px 0px;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
    }
    .form-control {
        margin: 8px .0px;
        min-height: 40px;
        padding: 7px 15px;
    }
    .join-community h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 16px;
    }
    h1 {
        font-size: 50px;
        line-height: 60px;
        font-weight: 700;
    }
    .benefit-item h4 {
        font-size: 25px;
        font-weight: 600;
        line-height: 30px;
        margin-top: 18px;
    }
    .mb-method .row .col-xl-4.col-lg-4.col-md-6.col-sm-12:last-child {
        padding-left: 0%;
    }
    .fixedButon {
        width: 40px;
        height: 40px;
        font-size: 16px;
        bottom: 30px;
        right: 30px;
    }
    .growth-music h2 {
        font-size: 40px;
        font-weight: 800;
        line-height: 50px;
    }
    .inner-page-header .hero-banner-main {
        min-height: 350px;
    }
    .sposership-technology-space p a {
        font-size: 16px;
        line-height: 30px;
    }
    .corporate-form .cntn-box {
        max-width: 350px;
        padding: 25px;
    }
    .corporate-form .nav-tabs li.nav-item {
        width: 100%;
    }
    .enrollment-process h2 {
        margin-bottom: 30px;
    }
    .form-prize {
        gap: 7px;
        justify-content: space-around;
    }
    .corporate-form p.mini-pera {
        font-size: 17px;
        font-weight: 400;
        line-height: 23.44px;
        margin-top: 0px;
        padding-top: 25px;
    }
    .corporate-form .form-prize button {
        width: 30%;
        padding: 6px 7px;
        border: 1px solid;
    }
    .corporate-form select {
        height: 38px;
        font-size: 15px;
        line-height: 27.19px;
        margin: 12px 0px;
        padding: 5px 18px;
    }
    .corporate-form p.form-bio {
        font-size: 15px;
        line-height: 19.77px;
        padding: 10px;
    }
    .corporate-form .cntn-box-left p {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        text-align: left;
        padding-right: 40px;
    }
    p.add-comment a {
        font-size: 16px;
        line-height: 21.09px;
    }
    .mentor-community h2 {
        font-size: 35px;
        font-weight: 700;
        line-height: 48px;
        margin-bottom: 45px;
    }
    .learning-process-item span {
        padding: 15px;
        width: 65px;
        height: 65px;
        margin-top: -16px;
    }
    .learning-process-item {
        height: auto;
        margin: 30px 0px;
    }
    .career-technology-space .global-header h2, .music-lesson-inner .cntn-box h2, .career-austic-learner h2.top-header, .music-lesson-inner .global-header h2, .pick-your-role h2, .available-oppportunity .default-header-box h2,   .thing-official .cntn-box h2, h2, .career-technology-space .cntn-box h2 {
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
    }
    .austic-learner.about-music-breed h2, .career-pathway h2, .content-thumb-box.music-breed-up.month-tuition h2, .six-learning-process h2, .enrollment-process h2, .faq h2.top-header{
        font-size: 50px;
        line-height: 60px;
    }
    .content-thumb-box.music-breed-up.month-tuition h2 span {
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
    }
    .course-offer h4 {
        font-size: 35px;
        line-height: 45px;
        gap: 15px;
    }
    .arts-hub h2 {
        margin-bottom: 30px;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
    }
    .student-say h2 {
        margin-bottom: 34px;
        font-size: 45px;
        font-weight: 800;
        line-height: 60px;
    }
    .benefit-join-feature {
        margin-top: 40px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .benefit-join-feature .benefit-feature-item {
        max-width: 50%;
        padding-right: 15px;
        text-align: center;
        padding: 15px 30px;
    }
    .student-say-item {
        padding: 20px;
        height: 350px;
    }
    .austic-learner .main-flex-box {
        gap: 30px;
    }
    .career-pathway .cntn-box-listed li, .month-tuition ul.month-tuition-eligibility li {
        padding: 8px 0px 8px 26px;
        font-size: 20px;
        font-weight: 400;
        line-height: 23px;
    }

    .learning-process-item {
        padding: 0px 20px 30px 20px;
        border-radius: 35px;
        min-height: 200px;
    }
    .faq h2.top-header {
        margin-bottom: 30px;
    }
    .faq button.accordion-button {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        gap: 20px;
    }
    .programs-department h2, .executive-leadership h2 {
        margin-bottom: 20px;
    }
    .enrollment-items .enrollment-item {
        width: 48%;
        padding-right: 25px;
    }
    .enrollment-icon {
        gap: 35px;
        margin: 37px 0px;
        flex-wrap: wrap;
    }
    .career-training .main-flex-box {
        gap: 29px;
        flex-direction: column;
    }
    .overview-process .overview-item {
        padding: 30px;
        height: auto;
        margin: 15px 0px;
    }
    .course-offer {
        margin-top: 30px;
        gap: 16px;
        flex-direction: column;
    }

    .career-austic-learner h2.top-header {
        margin-bottom: 30px;
    }
    .comunity-donors .default-header-box h6 {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
    }
    .official-steo-cntn h4 {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
    }
    .thing-offcial-step-main .thing-offcial-step span {
        padding: 15px;
        width: 75px;
        height: 75px;
    }
    .official-steo-cntn h6 {
        font-size: 20px;
        font-weight: 400;
        line-height: 25px;
    }
    .thing-offcial-step-main {
        padding: 20px;
        height: 300px;
        margin: 20px 0px;
    }
    .valued-client-block-border {
        border: 1px solid #000;
        padding: 15px;
    }
    .global-header {
        margin-bottom: 30px;
    }
    .pick-your-role .event-item {
        height: auto;
        margin: 10px 0px;
    }

    .valued-client-block-border p{
        margin-bottom: -20px;
    }
    .leadership-card h6 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 16px;
    }
    .leadership-card h5 {
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
        margin-bottom: 20px;
    }
    .sposership-technology-space h2 {
        color: var(--white);
        max-width: calc(100% - 70px);
    }
    img.upper-top-right-sponsership {
        position: absolute;
        right: 30px;
        max-width: 60px;
    }
    .grey-down-curve-donrs {
        position: absolute;
        left: 30px;
        max-width: 70px;
        top: 15%;
    }
    .sposership-technology-space .thumbnail-box {
        height: auto;
        padding-top: 0px;
        max-width: 90%;
    }
    .sposership-technology-space .corporate-part-tech-pera-dwn {
        padding-top: 10px;
    }
    .corporate-form .cntn-box-left p {
        font-size: 15px;
        line-height: 26px;
        padding-right: 0px;
    }
    p{
        font-size: 15px;
        line-height: 26px;
    }
    
    .valued-client-block-border h5 {
        font-size: 20px;
        line-height: 35.16px;
        bottom: -29px;
        padding: 0px 13px;
    }
    .emailaddress-sign-up button {
        padding: 6px 26px;
        font-size: 16px;
    }
    .course-offer ul li a {
        padding: 4px 16px;
        white-space: nowrap;
    }
    .course-offer ul {
        gap: 6px;
        flex-wrap: wrap;
    }
    .accordion-button::after {
        width: 30px;
        height: 30px;
    }
    .partner-logo {
        padding: 30px 0px;
    }
    .partner-logo-item {
        height: 63px;
    }
    .austic-learner.career-austic-learner .main-flex-box {
        flex-wrap: nowrap;
    }
    
    .dropdown-toggle.show::after {
        transform: rotate(180deg) !important;
    }
    li.nav-item.dropdown:hover .dropdown-toggle::after {
        transform: rotate(0deg);
    }
    li.nav-item.dropdown:hover .dropdown-menu {
        display: none;
    }
    li.nav-item.dropdown:hover .dropdown-menu:after{
        display: none;
    }
    li.nav-item.dropdown:hover .dropdown-menu{
        box-shadow:none !important;
    }
    .dropdown-toggle::after {
        position: absolute;
        left: auto;
        right: 0px;
    }
    .top-navbar .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0px 0px;
    }
    .loginBtn-cntn {
        margin-left: 0px;
    }
    ul.label-listed li {
        width: 100%;
    }
    ul.label-listed {
        gap: 15px;
    }
    .family-plan-table {
        height: auto;
        margin: 15px 0px;
    }
    .membership-program-item {
        padding: 25px;
        height: 450px;
        margin: 20px 0px;
    }
    .membership-program-item h3 {
        font-size: 25px;
        line-height: 34px;
        margin: 12px 0px;
        max-width: 100%;
    }
    .membership-program-item p {
        min-height: calc(100% - 180px);
    }
    .partnership-opportunity .thumbnail-box {
        width: 90%;
        margin: 50px auto 0px;
    }
    .partnership-opportunity h4 {
        padding: 20px;
        border-radius: 20px;
        margin-top: 20px;
    }
    .partnership-opportunity .top-header {
        margin: 0 auto 25px;
        max-width: 90%;
        text-align: center;
    }
    .membership-programs .global-header {
        text-align: center;
        max-width: 90%;
        margin: 0 auto 20px;
    }
    .tuition-registration ul {
        margin: 20px 0px;
    }
    .table-header-cntn h3 {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
    }
    .career-pathway.play-earn-family-plan h4 {
        font-size: 26px;
        line-height: 30px;
    }
    .membership-lebel-content .label-join-now-btn {
        margin-top: 20px;
    }
    .career-technology-space .global-header h2, .music-lesson-inner .cntn-box h2, .career-austic-learner h2.top-header, .music-lesson-inner .global-header h2, .pick-your-role h2, .available-oppportunity .default-header-box h2,   .thing-official .cntn-box h2, .student-say h2, .austic-learner.about-music-breed h2, .career-pathway h2, .content-thumb-box.music-breed-up.month-tuition h2, .six-learning-process h2, .enrollment-process h2, .faq h2.top-header, .label-global-header h2 {
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
    }
    .hero-banner-cntn h4.heading-four-top-baner {
        font-size: 25px;
        line-height: 35px;
    }
}

@media only screen and (max-width: 767px) {
    
    nav.navbar.navbar-expand-lg img {
        max-width: 160px;
    }
    .leadership-card .leadership-thumb{
        max-width: 100%;
        width: 100%;
    }
    .top-navbar {
        padding: 8px 0px;
    }
    .top-navbar.sticky .navbar-brand img {
        max-width: 170px;
    }
    .growth-music {
        padding: 30px 0px;
    }
    .content-thumb-box {
        padding: 50px 0px;
    }
    .main-flex-box {
        flex-wrap: wrap;
        gap: 30px;
    }
    .overview-process .global-header {
        margin-bottom: 20px;
    }
    .thing-official .cntn-box h3 {
        font-size: 30px;
        font-weight: 700;
        line-height: 37px;
    }
    .price-control {
        font-size: 22px !important;
    }
    .cntn-box, .thumbnail-box {
        width: 100%;
    }
    .technology-space .thumbnail-box {
        position: relative;
        left: 0;
        padding-right: 0px;
        height: 100%;
        top: 0;
    }
    .donate .thumbnail-box {
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
    }
    .content-thumb-box.donate{
        padding-bottom: 0px;
    }
    .donate .cntn-box {
        max-width: 100%;
    }
    .benefits-main .global-header p {
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
    }
    .benefits-main .global-header p {
        width: 95%;
        text-align: center;
    }
    .benefits-main .global-header {
        margin-bottom: 20px;
    }
    .program-need-cntn h2 {
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
    }
    .program-need-cntn {
        max-width: 210px;
    }
    .mb-method .global-header {
        margin-bottom: 35px;
    }
    .mb-method .global-header p {
        width: 95%;
        font-size: 15px;
        line-height: 25px;
    }
    img.technology-space-shape, img.workspace-dev-shape-top, .austic-learner-dwn-curv-shape, img.benefit-top-curv-shape, img.mb-method-top-curv-shape, img.event-top-curv-shape, img.join-comunity-top-curv-shape, img.music-breed-shape, img.overview-process-bottom-right, .grey-bottom-curve-shape, .month-tution-bottom-right, .six-learn-top-right-shape, .enrollment-proce-top-left, .grey-down-curve-sponsormusic, .grey-down-curve-donrs {
        max-width: 70px;
    }
    .mb-method .row .col-xl-4.col-lg-4.col-md-6.col-sm-12:nth-child(2) {
        padding: 0px 0%;
    }

    .mb-method .row .col-xl-4.col-lg-4.col-md-6.col-sm-12:nth-child(2) {
        padding: 0px 0%;
        border-left: 0px solid #E1E1E1;
        border-right: 0px solid #E1E1E1;
    }
    .mb-method-item h3 {
        font-size: 25px;
        line-height: 35px;
        margin: 10px 0px;
        padding-bottom: 12px;
    }
    a.globalBtnLight.mb-method-btn {
        margin-top: 4px;
    }
    .arts-hub h2 {
        margin-bottom: 30px;
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
    }
    .arts-hub .benefit-item h5 {
        min-height: auto;
    }
    .event-item h4 {
        font-size: 18px;
        line-height: 24px;
        max-width: calc(100% - 38px);
    }
    .event-dotted {
        top: 16px;
        right: 20px;
    }
    .event-dotted img {
        max-width: 19px;
    }
    .join-community h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 16px;
    }
    .community-form button.btn.btn-primary {
        height: 35px;
        margin-top: 8px;
        font-size: 15px;
        line-height: 22px;
    }
    .community-contact li {
        gap: 10px;
        margin: 10px 0px;
        font-size: 16px;
        line-height: 26px;
    }
    footer.footer {
        padding: 25px 0px;
    }
    .footer h4 {
        margin-bottom: 3px;
        padding-bottom: 4px;
        line-height: 36px;
        font-size: 20px;
        line-height: 23px;
    }
    .footer-right .footer-nav:nth-child(1) ul li::after {
        height: 7px;
        width: 7px;
        left: 0px;
        top: 12px;
    }
    .donate, .donate .main-flex-box {
        min-height: auto;
        height: auto;
    }
    .ftr-upper {
        padding: 10px 0px 20px;
    }
    .ftr-nav-part-up ul li a {
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
    }
    .footer-left {
        padding-right: 0px;
        margin-bottom: 20px;
    }
    .logo-part img {
        max-width: 170px;
    }
    .footer-right .footer-nav:nth-child(1) ul li {
        position: relative;
        padding-left: 13px;
    }
    .join-comunity-separate {
        gap: 30px;
    }
    .mb-method-item img {
        max-height: 50px;
    }
    .ftr-upper {
        gap: 16px;
    }
    .form-control {
        margin: 6px .0px;
        min-height: 37px;
        padding: 7px 15px;
    }
    .hero-banner-main {
        gap: 30px;
        min-height: 100vh;
        flex-direction: column-reverse;
        justify-content: center;
    }
    .hero-video-icon {
        flex:none;
        align-items: center;
        justify-content: center;
    }
    
    .corporate-form .thumbnail-box {
        position: relative;
        left: 0px;
        bottom: 0px;
        max-width: 90%;
    }
    .corporate-form .cntn-box {
        max-width: 435px;
        padding: 20px;
        margin: auto;
    }
    .corporate-form .cntn-box-left {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .content-thumb-box.corporate-form {
        display: flex;
        flex-direction: column-reverse;
        gap: 40px;
    }
    .mentor-community h2 {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
        margin-bottom: 25px;
    }
    .learning-process-item {
        min-height: auto;
    }
    .career-technology-space .global-header h2, .music-lesson-inner .cntn-box h2, .career-austic-learner h2.top-header, .music-lesson-inner .global-header h2, .pick-your-role h2, .available-oppportunity .default-header-box h2, .executive-leadership h2 {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
    }
    .music-lesson-inner .global-header {
        margin-bottom: 20px;
    }
    .music-lesson-inner.comunity-donors .thumbnail-box {
        margin-top: 50px;
    }
    .career-technology-space .thumbnail-box {
        padding-bottom: 35px;
    }
    .global-header p {
        width: 75%;
    }
    .career-technology-space .global-header {
        margin-bottom: 30px;
    }
    .content-thumb-box.music-lesson-inner .cntn-box {
        margin-bottom: 40px;
    }
    .default-header-box h6 {
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
    }
    .inner-page-header .hero-banner-main {
        min-height: 280px;
    }
    .thing-official .main-flex-box {
        margin-bottom: 30px;
    }
    .thing-offcial-step-main {
        padding: 20px;
        height: auto;
        margin: 10px 0px;
    }
    .available-oppportunity .thumbnail-box.aos-init {
        margin-top: 40px;
    }
    .thing-offcial-step-main .thing-offcial-step span {
        padding: 10px;
        width: 50px;
        height: 51px;
    }
    .official-steo-cntn h4 {
        font-size: 25px;
        font-weight: 700;
        line-height: 35px;
    }
    .global-header {
        margin-bottom: 20px;
    }
    .arts-hub h2 {
        margin-bottom: 30px;
        font-size: 30px;
        font-weight: 700;
        line-height: 55px;
    }
    h1 {
        font-size: 40px;
        line-height: 50px;
        font-weight: 700;
    }
    .inner-page-header h3 {
        font-size: 35px;
        font-weight: 700;
        line-height: 45px;
    }
    .inner-page-header .hero-banner-cntn {
        max-width: 100%;
        margin-right: auto;
    }
    .overview-item h3 {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
        margin-top: 10px;
    }
    .overview-process .overview-item img {
        max-width: 70px;
    }
    .austic-learner.about-music-breed h2, .career-pathway h2, .content-thumb-box.music-breed-up.month-tuition h2, .six-learning-process h2, .enrollment-process h2, .faq h2.top-header, .student-say h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .faq .accordion-body p {
        margin: 8px 0px;
        font-size: 16px;
        line-height: 28px;
    }
    .accordion-button:not(.collapsed)::after {
        width: 34px;
        height: 34px;
    }
    .faq button.accordion-button {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        gap: 12px;
    }
    .enrollment-icon span {
        height: 100px;
        width: 100px;
    }
    .learning-process-item h4 {
        font-size: 28px;
        font-weight: 700;
        line-height: 36px;
        margin-top: 15px;
        margin-bottom: 0px;
    }
    .career-pathway .cntn-box-listed li, .month-tuition ul.month-tuition-eligibility li {
        padding: 6px 0px 6px 26px;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
    }
    .career-training h4 {
        font-size: 30px;
        font-weight: 200;
        line-height: 40px;
    }
    .overview-process .overview-item p {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
    }
    .overview-process .overview-item {
        padding: 20px;
        height: 280px;
        margin: 0px 0px;
    }
    .benefit-join-feature .benefit-feature-item h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        margin-top: 14px;
    }
    .student-say-item {
        padding: 20px;
        height: auto;
    }
    .technology-space .cntn-box {
        margin-left: auto;
        margin-top: 30px;
    }
    .student-say-item p {
        max-height: 160px;
        overflow-y: auto;
    }
    .student-say h2 {
        margin-bottom: 20px;
    }
    .technology-partnership-card h2 {
        margin-bottom: 20px;
    }
    .leadership-card h5 {
        font-size: 25px;
        font-weight: 700;
        line-height: 35px;
        margin-bottom: 14px;
    }
    .comunity-donors .global-header h3 {
        font-size: 30px;
        font-weight: 700;
        line-height: 35px;
    }
    .austic-learner.career-austic-learner .main-flex-box {
        flex-wrap: wrap;
    }
    .benefit-join-feature .benefit-feature-item {
        padding: 15px 7px;
    }
    .course-offer h4 {
        font-size: 25px;
        line-height: 35px;
        gap: 15px;
    }
    .enrollment-icon::after{
        display: none;
    }
    .content-thumb-box.music-breed-up.month-tuition h2 span {
        font-size: 30px;
        line-height: 35px;
    }
    .course-offer {
        margin-top: 0;
    }
    .month-tuition ul.month-tuition-eligibility {
        margin-top: 0px;
    }
    .faq .accordion-item {
        margin: 15px 0px;
        padding: 0px 6px;
    }
    .learning-process-item h4 {
        font-size: 22px;
        line-height: 30px;
        margin-top: 15px;
    }
    .learning-process-item {
        height: auto;
        margin: 20px 0px;
    }
    .navbar-toggler-icon {
        width: 1.2em !important;
    }
    .widget-container {
        margin: 12px 0px;
    }
    .content-thumb-box .label-global-header p {
        font-size: 20px;
        margin: 0px 0px -2px;
        line-height: 30px;
    }
    .membership-program-item {
        padding: 20px;
        height: auto;
        margin: 15px 0px;
    }
    
    .partnership-opportunity .thumbnail-box {
        width: 100%;
        margin: 40px auto 0px;
    }
    .partnership-opportunity .top-header {
        max-width: 100%;
    }
    .label-global-header h3 {
        font-size: 25px;
        font-weight: 700;
        line-height: 35px;
    }
   
    .career-technology-space .global-header h2, .music-lesson-inner .cntn-box h2, .career-austic-learner h2.top-header, .music-lesson-inner .global-header h2, .pick-your-role h2, .available-oppportunity .default-header-box h2,   .thing-official .cntn-box h2, .student-say h2, .austic-learner.about-music-breed h2, .career-pathway h2, .content-thumb-box.music-breed-up.month-tuition h2, .six-learning-process h2, .enrollment-process h2, .faq h2.top-header, .label-global-header h2 {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
    }
    .career-pathway.play-earn-family-plan h4 {
        font-size: 22px;
        line-height: 30px;
    }
    .career-pathway .cntn-box-listed {
        margin: 16px 0px;
        gap: 15px;
    }
    .career-pathway.play-earn-family-plan .main-flex-box {
        margin-bottom: 25px;
    }
    .membership-lebel-content.orange-main-box img.top-right-curve-shape, .membership-lebel-content.green-main-box img.top-right-curve-shape, .membership-lebel-content.white-main-box .top-right-curved-shape, .tuition-registration .top-right-curve-shape, img.member-program-curve-shape {
        max-width: 70px;
    }
    .membership-programs .membership-program-item img {
        max-height: 50px;
    }
    .global-header h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .label-global-header h4 {
        font-size: 22px;
        line-height: 33px;
        margin: 0px 0px;
    }
    .label-list-cntn h6 {
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
    }
    ul, li {
        font-size: 15px;
        line-height: 25px;
    }
    ul.label-listed {
        gap: 10px;
    }
    .table-header-cntn h3 {
        font-size: 25px;
        font-weight: 700;
        line-height: 35px;
    }
    .play-earn-family-plan h5 {
        font-size: 20px;
        line-height: 30px;
        margin: 3px 0px;
    }
    .membership-programs .global-header {
        text-align: center;
        max-width: 100%;
        margin: 0 auto 15px;
    }
    .membership-program-item a.globalBtnDark {
        height: auto;
    }
    .membership-program-item h3 {
        font-size: 22px;
        line-height: 32px;
        margin: 8px 0px;
        max-width: 100%;
    }
    .membership-program-item p {
        min-height: auto;
    }
    .tuition-registration .default-header-box a.globalBtnDark {
        margin-left: 30px;
    }
    .partnership-opportunity li {
        font-size: 15px;
        line-height: 24px;
        padding-left: 28px;
    }
    .partnership-opportunity h4 {
        padding: 15px;
        border-radius: 20px;
        margin-top: 16px;
    }
    .partnership-opportunity .cntn-box h4, .partnership-opportunity .cntn-box h4 a {
        font-size: 15px;
        line-height: 25px;
    }
    .career-pathway.play-earn-family-plan .plan-table-list h4 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 4px;
    }
    .music-family-plan-shape {
        max-width: 70px;
        top: 22%;
    }
    .ftr-nav-part-up ul {
        gap: 8px;
    }
    .mentor-community .learning-process-item p{
        min-height: auto;
    }
    .copy-right-outer {
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
        gap: 0px;
    }
    .hero-video-icon video {
        max-width: calc(100% - 0px);
    }
    .hero-banner-cntn {
        max-width: 100%;
    }
    .hero-banner-cntn {
        order: 1;
    }
}   
@media only screen and (max-width: 680px) {
    
    nav.navbar.navbar-expand-lg img {
        max-width:140px;
    }
    
    .top-navbar.sticky .navbar-brand img {
        max-width: 140px;
    }
    .top-navbar .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 15px;
    }
    .top-navbar ul.navbar-nav li {
        margin:4px 0px;
        font-size: 15px;
    }
    .top-navbar.sticky .globalBtnOutline {
        border-color: #000000;
        color: #000000;
    }
    .navbar-collapse {
        width: calc(100% - 130px);
    }
    button[aria-expanded="true"] .navbar-toggler-icon, button[aria-expanded="false"] .navbar-toggler-icon {
        height: 23px;
    }
    .event-thumbnail span {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        padding: 1px 10px;
        transform: translate(20px, -18px);
    }
    .growth-music {
        padding: 20px 0px;
    }
    h2 {
        font-size: 30px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 0px;
    }
    .program-need-cntn h2 {
        font-size: 25px;
        font-weight: 600;
        line-height: 30px;
    }
    .global-header h2 {
        font-size: 25px;
        line-height: 34px;
    }
    .mb-method .global-header p {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
    }
    .mb-method .global-header {
        margin-bottom: 15px;
    }
    .mb-method-item ul li {
        font-size: 15px;
        font-weight: 400;
        line-height: 30px;
        padding-left: 20px;
    }
    .mb-method-item li::after {
        height: 3px;
        width: 9px;
        top: 13px;
    }
    .mb-method-item {
        margin: 20px;
    }
    .arts-hub .benefit-item h5 {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        margin: 12px 0px;
    }
    .arts-hub .benefit-item {
        padding-top: 0px;
        margin: 35px 0px;
    }
    .global-header {
        margin-bottom: 25px;
    }
    .event-item {
        padding: 20px;
        margin: 10px 0px;
    }
    .join-comunity-separate {
        flex-wrap: wrap;
        gap: 10px;
    }
    img.technology-space-shape, img.workspace-dev-shape-top, .austic-learner-dwn-curv-shape, img.benefit-top-curv-shape, img.mb-method-top-curv-shape, img.event-top-curv-shape, img.join-comunity-top-curv-shape, img.music-breed-shape, img.overview-process-bottom-right, .grey-bottom-curve-shape, .month-tution-bottom-right, .six-learn-top-right-shape, .enrollment-proce-top-left, .grey-down-curve-sponsormusic, .grey-down-curve-donrs{
        display: none;
    }
    footer.footer .ftr-vector-shape-bg {
        position: absolute;
        left: 4%;
        max-width: 177px;
        width: 82%;
        top: 10%;
    }
    .footer-right {
        gap: 20px;
        flex-direction: column;
    }
    h1 {
        font-size: 35px;
        line-height: 45px;
        font-weight: 700;
    }
    p {
        margin: 0px;
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
    }
    .hero-banner-cntn p {
        margin: 10px 0px 15px 0px;
    }
    .inner-page-header .hero-banner-main {
        min-height: 220px;
    }
    .corporate-form .cntn-box-left {
        width: 100%;
        margin-bottom: 0px;
    }
    .corporate-form .cntn-box-left p {
        margin: 0px;
    }
    .partner-logo img {
        max-height: 50px;
    }
    .leadership-card h6 {
        font-size: 23px;
        line-height: 32px;
        margin-top: 16px;
    }
    .corporate-form .nav-tabs li.nav-item button {
        font-size: 15px;
        line-height: 21.09px;
        min-height: 38px;
    }
    .corporate-form form button.btn.btn-primary {
        padding: 9px 23px;
        font-size: 15px;
        line-height: 21.09px;
    }
    .content-thumb-box {
        padding: 40px 0px;
        gap: 10px;
    }
    .board-of-director h2 {
        margin-bottom: 15px;
    }
    .music-lesson-inner.comunity-donors .thumbnail-box {
        margin-top: 10px;
    }
    .comunity-donors .default-header-box h6 {
        font-size: 15px;
        font-weight: 400;
        line-height: 23px;
    }
    .comunity-donors .global-header h3 {
        font-size: 25px;
        line-height: 35px;
    }
    .enrollment-items .enrollment-item {
        width: 100%;
        padding-right: 0px;
    }
    .events-main .global-header p {
        margin: 0 auto;
        width: 96%;
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
    }
    .event-thumbnail {
        margin-top: 20px;
    }
    .content-thumb-box.music-breed-up.month-tuition h2 span {
        font-size: 20px;
        font-weight: 700;
        line-height: 45px;
    }
    .enrollment-icon span {
        height: 85px;
        width: 85px;
        border: 4px solid;
        border-radius: 20px;
    }
    .hero-banner-cntn h4.heading-four-top-baner {
        font-size: 20px;
        line-height: 30px;
    }
    .career-technology-space .global-header h2, .music-lesson-inner .cntn-box h2, .career-austic-learner h2.top-header, .music-lesson-inner .global-header h2, .pick-your-role h2, .available-oppportunity .default-header-box h2,   .thing-official .cntn-box h2, .student-say h2, .austic-learner.about-music-breed h2, .career-pathway h2, .content-thumb-box.music-breed-up.month-tuition h2, .six-learning-process h2, .enrollment-process h2, .faq h2.top-header, .label-global-header h2 {
        font-size: 26px;
        font-weight: 700;
        line-height: 36px;
    }
    ul.label-listed li span img, .tuition-registration li img {
        max-width: 18px;
    }
    .label-list-cntn h6 {
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
    }
    .globalBtnOutline, .globalBtnDark, .globalBtnLight {
        padding: 6px 22px;
        font-size: 15px;
        min-height: auto;
    }
    .content-thumb-box .label-global-header p {
        font-size: 16px;
        margin: 0px 0px -2px;
        line-height: 26px;
    }
    .label-global-header h3 {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
    }
    .career-pathway .cntn-box-listed {
        margin: 8px 0px;
        gap: 15px;
    }
    .career-pathway .cntn-box-listed li, .month-tuition ul.month-tuition-eligibility li {
        padding: 6px 0px 6px 26px;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    }
    .career-pathway .cntn-box-listed li::after {
        top: 13px;
        height: 4px;
        width: 15px;
    }
    .membership-lebel-content.orange-main-box img.top-right-curve-shape, .membership-lebel-content.green-main-box img.top-right-curve-shape, .membership-lebel-content.white-main-box .top-right-curved-shape, .tuition-registration .top-right-curve-shape, img.member-program-curve-shape, .music-family-plan-shape{
        display: none;
    }
    .partnership-opportunity h4 {
        padding: 10px;
        border-radius: 20px;
        margin-top: 14px;
    }
    .partnership-opportunity .thumbnail-box {
        width: 100%;
        margin: 25px auto 0px;
    }
    .content-thumb-box p {
        line-height: 25px;
        margin: 6px 0px;
    }
    .plan-table-list ul li {
        padding-left: 14px;
    }
    .tuition-registration li {
        gap: 11px;
        margin: 7px 0px;
    }
    .membership-program-item a.globalBtnDark {
        height: auto;
        margin-top: 10px;
    }
    a{
        font-size: 15px;
    }
    .footer-right .footer-nav:nth-child(1) ul li {
        padding-left: 0px;
    }
}
@media only screen and (max-width:575px) {
    /* .hero-banner {
        background: url('../images/New_home_banner_mob.webp')no-repeat;
        background-position: center;
        background-size: cover;
    } */
    .hero-banner-main {
        padding: 50px 0px;
    }
    .navbar-collapse {
        width: calc(100% - 75px);
    }
    .hero-banner-cntn{
        padding-top: 0px;
    }
    .program-need-cntn {
        max-width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .program-need::after {
        background: none;
        background-color: #f36d44c4;
    }
    .growth-music h2 {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
    }
    .program-need::after {
        content: '';
        width: calc(100% - -12%);
    }
    .join-community h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .career-technology-space .global-header h2, .music-lesson-inner .cntn-box h2, .career-austic-learner h2.top-header, .music-lesson-inner .global-header h2, .pick-your-role h2, .available-oppportunity .default-header-box h2,   .thing-official .cntn-box h2, h2, .career-technology-space .cntn-box h2, .austic-learner.about-music-breed h2, .career-pathway h2, .content-thumb-box.music-breed-up.month-tuition h2, .six-learning-process h2, .enrollment-process h2, .faq h2.top-header, .mentor-community h2, .student-say h2{
        font-size: 25px;
        line-height: 35px;
    }
    
    .inner-page-header .hero-banner-main {
        min-height: 170px;
    }
    h1 {
        font-size: 30px;
        line-height: 40px;
        font-weight: 700;
    }
    .learning-process-item {
        padding: 0px 20px 16px 20px;
        border-radius: 35px;
        min-height: auto;
    }
    .inner-page-header h3 {
        font-size: 25px;
        font-weight: 700;
        line-height: 35px;
    }
    .career-training h4 {
        font-size: 25px;
        font-weight: 200;
        line-height: 35px;
    }
    .overview-item h3 {
        font-size: 22px;
        font-weight: 700;
        line-height: 35px;
        margin-top: 8px;
    }
    .global-header {
        margin-bottom: 20px;
    }
    .month-tuition ul.month-tuition-eligibility li::after {
        top: 14px;
        height: 4px;
        width: 12px;
    }
    .table-header-cntn h3 {
        font-size: 22px;
        font-weight: 700;
        line-height: 32px;
    }
    
}