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

    .option__select__btn .hover__tooltip__popup {
        width: 100%;
        left: 0px;
        padding: 10px;
    }

    .hover__tooltip__popup .inner__group__block {
        display: flex;
        align-items: self-start;
        gap: 8px;
        flex-direction: column;
    }

    .hover__tooltip__popup .text__block label {
        font-size: 14px;
        line-height: 1.2;
    }

    .hover__tooltip__popup .text__block p {
        font-size: 12px;
        line-height: 1.3;
    }

    .hover__tooltip__popup .author__img,
    .hover__tooltip__popup .author__img img {
        width: 40px;
        height: 40px;
    }

    .option__select__btn .hover__tooltip__popup::before {
        left: initial;
        right: 10px;
    }

    .amstool__intro__section__wrapper .amstool__intro__cover__block {
        padding: 30px 0px;
    }

    .amstool__intro__section__wrapper .amstool__intro__cover__block .selection__tool__text__block {
        padding: 30px;
    }

}

@media only screen and (max-width: 1200px) {
    .more__information__text__wrapper .information__text__wrapper {
        font-size: 16px;
        line-height: 1.5;
    }

    .ams__option__selection .option__select__btn .option__text__btn .text {
        font-size: 14px;
        line-height: 1.3;
    }

    .ams__option__selection .option__select__btn .option__text__btn {
        padding: 8px 15px;
        gap: 10px;
    }

    .amstool__tree__branch__wrapper.fourth__branch__wrapper .yes__no__option__wrapper {
        display: flex;
        gap: 0px;
        justify-content: space-between;
    }

    .amstool__tree__third__branch .group__branch__wrapper {
        gap: 15px;
    }

    .main__ams__tree__block .tree__item__block {
        padding: 15px;
    }

    .main__ams__tree__block .tree__item__block h6.title {
        font-size: 14px;
        line-height: 1.4;
    }

    .tree__default__btn__group .checkbox__group label {
        padding: 15px;
        font-size: 16px;
        line-height: 1.3;
    }

    .tree__block__cover .tree__default__btn__group .checkbox__group label:before {
        width: 24px;
        height: 24px;
    }

    .amstool__tree__branch__wrapper.second__branch__wrapper .amstool__tree__second__branch,
    .amstool__tree__branch__wrapper.second__branch__wrapper .yes__no__option__wrapper {
        max-width: 785px;
        margin: 0px auto;
    }

    .main__ams__tree__block .tree__item__block {
        min-height: 115px;
    }

    .main__ams__tree__block .tree__block__cover,
    .amstool__tree__fourth__branch .group__branch__wrapper {
        gap: 20px;
    }

}

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

    .amstool__tree__second__branch .tree__default__btn__group .checkbox__group label::before,
    .amstool__tree__third__branch .tree__default__btn__group .checkbox__group label::before {
        width: 24px;
        height: 24px;
    }

    .tree__default__btn__group .checkbox__group label {
        padding: 15px;
        font-size: 16px;
        line-height: 1.3;
    }

    .amstool__content__block.second__step__ams .information__content__block h2.title {
        width: 100%;
        text-align: center;
    }

    .amstool__content__block.select__vocal__profile__tree .vocal__profile__tree__block {
        gap: 20px;
    }

    .amstool__content__block.fifth__step__ams .amstool__text__block__wrapper {
        margin-bottom: 40px;
    }

    .ams__repertoire__wrapper .section__cover__block {
        padding: 20px;
    }

    .ams__info__table .info__group .info__label {
        font-size: 16px;
        line-height: 1.4;
    }

    .ams__box__item .short__info {
        font-size: 16px;
        line-height: 1.5;
    }

    .ams__info__table .info__group .info__value span {
        font-size: 16px;
        line-height: 1.4;
    }

    .ams__repertoire__wrapper h2.title {
        font-size: 28px;
        line-height: 1.3;
    }

    .ams__box__item h4.title {
        font-size: 20px;
        line-height: 1.3;
    }

    .tool__block__group .ams__box__item {
        padding: 15px;
        gap: 15px;
    }

    .main__ams__selection__tool__wrap .amstool__block__wrap {
        gap: 30px;
        padding: 20px;
    }

    .tool__repertoire__cover__block .tool__block__group {
        gap: 15px;
        max-height: 600px;
    }

    .preview__tree__block .preview__main__wrapper {
        max-width: 800px;
        border-radius: 20px;
    }

    .option__select__btn .hover__tooltip__popup {
        display: none !important;
    }

    .main__ams__tool__wrapper .ams__tool__option__item .ams__options__cover {
        overflow: auto;
    }

    .ams__tool__option__item .ams__options__cover .ams__option__selection {
        width: 1000px;
    }

    .main__ams__tree__block .tree__block__cover,
    .amstool__tree__fourth__branch .group__branch__wrapper {
        gap: 10px;
    }

    .fourth__branch__wrapper .yes__no__option__wrapper .option__arrow__group .option__no__block {
        line-height: 0px;
        width: 230px;
    }

    .fourth__branch__wrapper .yes__no__option__wrapper .option__arrow__group .option__yes__block {
        line-height: 0px;
        width: 97px;
    }

    .amstool__tree__branch__wrapper.fourth__branch__wrapper .yes__no__option__wrapper {
        justify-content: space-around;
    }

    .main__ams__tree__block .tree__item__block {
        max-width: 200px;
    }

    .amstool__tree__branch__wrapper.fourth__branch__wrapper .amstool__tree__fourth__branch {
        gap: 20px;
    }

    .main__ams__tree__block .tree__item__block h6.title {
        font-size: 12px;
        line-height: 1.4;
    }

    .vocal__profile__tree__block .main__vocal__profile__tree__block {
        margin-bottom: 50px;
    }

    .tree__block__cover.main__tree__item__block .tree__item__block {
        max-width: 250px;
    }

    .amstool__tree__second__branch .tree__default__btn__group .checkbox__group label,
    .amstool__tree__third__branch .tree__default__btn__group .checkbox__group label {
        padding: 12px;
        gap: 15px;
    }

    .amstool__tree__second__branch .tree__default__btn__group .checkbox__group label,
    .amstool__tree__third__branch .tree__default__btn__group .checkbox__group label {
        padding: 12px;
        gap: 15px;
    }

    .tree__block__cover .tree__default__btn__group {
        max-width: 200px;
    }

    .second__branch__outer .option__arrow__group .option__no__block,
    .second__branch__outer .option__arrow__group .option__yes__block {
        width: 135px;
    }

}

@media only screen and (max-width: 980px) {
    .amstool__content__block.fourth__step__ams .ams__vocal__profile__conclusion__wrapper {
        padding: 40px 0px;
        gap: 30px;
    }

    .conclusion__short__wrapper .short__description__wrapper {
        font-size: 16px;
        line-height: 1.5;
    }

    .ams__vocal__profile__conclusion__wrapper .conclusion__short__wrapper h4.title {
        font-size: 22px;
        line-height: 1.4;
    }

    .ams__vocal__profile__conclusion__wrapper h5.title {
        font-size: 20px;
        line-height: 1.4;
    }
}

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

    .multi__navsteps__wrapper .tool__stepper__process__box .step__circle .step__number {
        height: 38px;
        width: 38px;
    }

    .multi__navsteps__wrapper .tool__stepper__process__box .step__circle .step__label {
        padding-right: 38px;
        font-size: 12px;
        line-height: 1.2;
    }

    .multi__navsteps__wrapper {
        overflow: auto;
    }

    .multi__navsteps__wrapper {
        overflow: auto;
    }

    .multi__navsteps__wrapper::-webkit-scrollbar {
        display: none;
    }

}

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

    .main__ams__tree__block .tree__item__block {
        border-width: 1px;
    }

    .tree__item__block .tree__default__btn a {
        padding: 6px 10px;
        font-size: 12px;
        line-height: 1.4;
        min-width: auto;
    }

    .ams__text__wrapper h1.main__title {
        width: 100%;
        font-size: 32px;
        line-height: 1.2;
    }

    .amstool__content__block.first__step__ams .ams__text__wrapper {
        gap: 40px;
    }

    .amstool__content__block.second__step__ams .information__content__block h2.title {
        width: 100%;
        font-size: 26px;
        line-height: 1.3;
        text-align: center;
    }

    .main__ams__selection__tool__wrap .multi__navsteps__wrapper.mobile__navstep {
        display: block !important;
        margin-bottom: 20px;
    }

    .main__ams__selection__tool__wrap .amstool__block__wrap .multi__navsteps__wrapper.desktop__navstep {
        display: none;
    }

    .amstool__content__block.second__step__ams .information__content__block {
        padding: 20px 0px;
    }

    .main__ams__selection__tool__wrap .amstool__block__wrap {
        padding: 30px;
    }

    .ams__repertoire__wrapper h2.title {
        font-size: 24px;
        line-height: 1.3;
    }

    .ams__box__item h4.title {
        font-size: 18px;
        line-height: 1.3;
    }

    .ams__box__item .short__info {
        font-size: 14px;
        line-height: 1.4;
    }

    .ams__box__item .ams__info__table {
        padding: 15px;
    }

    .ams__info__table .info__group .info__label {
        font-size: 14px;
        line-height: 1.4;
    }

    .ams__info__table .info__group .info__value span {
        font-size: 14px;
        line-height: 1.4;
    }

    .preview__tree__block .preview__main__wrapper {
        max-width: 94%;
        border-radius: 20px;
    }

    .amstool__popup__wrapper .popup__wrapper {
        max-width: 94%;
        padding: 20px;
        gap: 20px;
    }

    .mobile__scrollable__cover {
        overflow: auto;
    }

    .mobile__scrollable__cover .ams__tool_cover__block {
        width: 1000px !important;
    }

    .amstool__content__block.second__step__ams .information__content__block .information__text__block {
        padding: 30px;
    }

    .fourth__branch__wrapper .yes__no__option__wrapper .option__arrow__group .option__yes__block {
        width: 90px;
    }

    .fourth__branch__wrapper .yes__no__option__wrapper .option__arrow__group .option__no__block {
        width: 200px;
    }

    .main__ams__tree__block .tree__item__block {
        padding: 10px;
    }

    .amstool__tree__branch__wrapper.third__branch__wrapper .yes__no__option__wrapper {
        max-width: 680px;
    }

    .tree__block__cover.main__tree__item__block .tree__item__block h6.title {
        font-size: 14px;
        line-height: 1.4;
    }

    .vocal__profile__tree__block h2.title {
        font-size: 28px;
        line-height: 1.4;
    }
.amstool__intro__section__wrapper .amstool__intro__cover__block h3.title {
    font-size: 28px;
    line-height: 130%;
}

}

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

    .main__ams__tree__block .tree__item__block h6.title {
        font-size: 14px;
        line-height: 1.4;
    }

    .footer__btn__group__block .skip__to__tool a {
        font-size: 14px !important;
        padding: 10px !important;
    }

    .amstool__repertoire__selections__wrapper .ams__tool__option__item .option__title__box h6.title {
        font-size: 14px;
        line-height: 1.3;
    }

    .amstool__repertoire__selections__wrapper .ams__tool__option__item .option__title__box .info__btn {
        width: 20px;
        height: 20px;
    }

    .vocal__profiles__title__block h4.sub__title {
        margin-top: 20px;
    }

    .main__ams__tree__block .tree__item__block {
        max-width: 300px;
        padding: 15px;
        height: 100%;
    }

    .ams__text__wrapper .ams__deafult__btn {
        padding: 12px;
        min-height: 50px;
    }

    .main__ams__selection__tool__wrap .multi__navsteps__wrapper.mobile__navstep {
        overflow: auto;
    }

    .multi__navsteps__wrapper.mobile__navstep .tool__stepper__process__box {
        width: 1000px;
    }


    .amstool__content__block.second__step__ams .information__content__block .information__text__block {
        padding: 30px;
    }

    .information__content__block .information__text__block h4.sub__title {
        font-size: 18px;
        line-height: 1.4;
        text-align: left;
    }

    .amstool__content__block.second__step__ams .information__content__block h2.title {
        font-size: 28px;
        line-height: 1.4;
        text-align: left;
    }

    .information__content__block .information__text__block p {
        text-align: left;
    }

    .amstool__content__block.third__step__ams .vocal__profiles__title__block {
        gap: 20px;
    }

    .amstool__content__block.third__step__ams {
        gap: 20px;
    }

    .amstool__content__block.third__step__ams .vocal__profile__shortnote {
        margin: 20px 0px 0px;
    }

    .vocal__profile__list__wrapper .list__cover__block .vocal__profile__list__item {
        padding: 15px;
    }

    .vocal__profile__list__wrapper .vocal__profile__list__item h6.title {
        font-size: 16px;
        line-height: 1.3;
        width: 100%;
        text-align: left;
    }

    .vocal__profile__list__wrapper .vocal__profile__list__item .item__short__note {
        font-size: 14px;
        line-height: 1.4;
    }

    .vocal__profile__shortnote p {
        font-size: 14px;
        line-height: 1.4;
        text-align: left;
    }

    .vocal__profiles__title__block h4.sub__title {
        font-size: 18px;
        line-height: 1.4;
        font-weight: 500;
        color: #040e15;
    }

    .vocal__profiles__title__block h2.title {
        font-size: 28px;
        line-height: 1.4;
    }

    .amstool__content__block.third__step__ams {
        gap: 20px;
        display: flex;
        padding: 30px 20px;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        background-color: #ffffff;
        border-radius: 10px;
    }

    .vocal__profile__list__wrapper .list__cover__block::-webkit-scrollbar {
        width: 5px;
    }

    .vocal__profile__list__wrapper .list__cover__block {
        padding-right: 5px;
        gap: 15px;
        max-height: 400px;
    }

    .vocal__profiles__title__block h2.title,
    .vocal__profiles__title__block h4.sub__title {
        text-align: left;
    }

    .amstool__content__block.fourth__step__ams .ams__vocal__profile__conclusion__wrapper {
        display: flex;
        padding: 30px 20px;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        border-radius: 10px;
        background-color: #ffffff;
    }

    .amstool__content__block.fourth__step__ams .footer__btn__group__block {
        gap: 20px;
    }

    .more__information__text__wrapper .information__text__wrapper,
    .more__information__text__wrapper .information__text__wrapper p a {
        font-size: 14px;
        line-height: 1.5;
    }

    .more__information__text__wrapper h6.subtitle {
        margin: 0px;
        font-size: 16px;
        line-height: 1.6;
    }

    .ams__vocal__profile__conclusion__wrapper h1.title {
        font-size: 20px;
        line-height: 1.3;
        padding-bottom: 15px;
        border-bottom: 1px solid #00000010;
    }

    .amstool__content__block.fourth__step__ams .ams__vocal__profile__conclusion__wrapper {
        gap: 24px;
        padding: 30px 20px;
    }

    .amstool__content__block.fourth__step__ams .footer__btn__group__block {
        margin-top: 30px;
    }

    .amstool__content__block.select__vocal__profile__tree .vocal__profile__tree__block {
        padding: 30px 0px;
        gap: 20px;
    }

    .main__ams__tree__block .tree__block__cover {
        gap: 20px;
    }

    .vocal__profile__tree__block .main__vocal__profile__tree__block {
        margin-bottom: 30px;
    }

    .tree__default__btn__group .checkbox__group label {
        padding: 10px;
        gap: 10px;
        border-width: 1px;
        border-radius: 5px;
    }

    .amstool__content__block.fifth__step__ams .amstool__text__block__wrapper {
        gap: 25px;
        margin-bottom: 35px;
    }

    .amstool__content__block.fifth__step__ams .amstool__text__block__wrapper h3.title {
        font-size: 28px;
        line-height: 1.3;
    }

    .amstool__content__block.fifth__step__ams .amstool__text__block__wrapper .text__description__wrapper {
        font-size: 16px;
        line-height: 1.5;
    }

    .amstool__repertoire__selections__wrapper .main__ams__tool__wrapper h6.ams__title {
        font-size: 20px;
        line-height: 1.4;
    }

    .multi__navsteps__wrapper .tool__stepper__process__box .step__circle .step__number {
        height: 40px;
        width: 40px;
    }

    .tool__block__group .ams__box__item {
        padding: 15px;
        gap: 10px;
    }

    .ams__repertoire__wrapper h2.title {
        font-size: 20px;
        line-height: 1.3;
    }

    .ams__repertoire__wrapper .section__cover__block {
        padding: 20px;
        gap: 20px;
    }

    .ams__option__selection .option__select__btn .option__text__btn .text {
        font-size: 12px;
        line-height: 1.3;
    }

    .preview__tree__block .preview__main__wrapper .popup__close__btn {
        top: 20px;
        right: 20px;
    }

    .popup__close__btn a,
    .amstool__popup__wrapper .popup__close__btn a {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .amstool__popup__wrapper .popup__head__box h4.title {
        font-size: 20px;
        line-height: 1.4;
    }

    .amstool__popup__wrapper .popup__description__wrapper h3.title {
        font-size: 18px;
        line-height: 1.4;
    }

    .multi__navsteps__wrapper .tool__stepper__process__box .step__circle .step__label {
        font-size: 14px;
        line-height: 1.2;
        top: 2px;
    }

    .amstool__content__block.second__step__ams .information__content__block h2.title {
        font-size: 22px;
        line-height: 1.4;
        text-align: left;
    }

    .amstool__content__block.first__step__ams .ams__text__wrapper {
        gap: 30px;
    }

    .ams__footer__wrap .footer__text__wrap span,
    .ams__footer__wrap .footer__text__wrap a {
        font-size: 14px;
        line-height: 1.3;
    }

    .footer__btn__group__block .next__btn.default__btn,
    .footer__btn__group__block .default__btn.conclusionBtn,
    .footer__btn__group__block .default__btn.finishstep,
    .footer__btn__group__block .back__btn.default__btn,
    .footer__btn__group__block .skip__to__tool a {
        padding: 10px 20px;
        min-height: auto;
        font-size: 14px;
    }

    .accordion .accordion-item {
        padding: 20px;
    }

    .accordion-item .accordion-item-title {
        font-size: 20px;
        line-height: 1.3;
    }

    .tree__block__cover.main__tree__item__block .tree__item__block {
        max-width: 295px;
        padding: 20px;
    }

    .tree__block__cover.main__tree__item__block {
        max-width: 295px;
        margin: 0px auto;
    }

    .tree__block__cover .tree__default__btn__group {
        max-width: 100%;
    }

    .tree__block__cover.main__tree__item__block {
        gap: 15px;
    }

    .amstool__tree__branch__wrapper.second__branch__wrapper .yes__no__option__wrapper {
        max-width: 400px;
    }

    .amstool__tree__branch__wrapper.second__branch__wrapper .amstool__tree__second__branch,
    .amstool__tree__branch__wrapper.second__branch__wrapper .yes__no__option__wrapper {
        align-items: self-start;
    }

    .second__branch__outer .option__arrow__group .option__no__block,
    .second__branch__outer .option__arrow__group .option__yes__block {
        width: 110px;
    }

    .ams__text__wrapper h1.main__title {
        font-size: 28px;
        line-height: 1.2;
    }

    .amstool__tree__branch__wrapper.third__branch__wrapper .yes__no__option__wrapper {
        max-width: 600px;
    }

    .amstool__tree__branch__wrapper.second__branch__wrapper .amstool__tree__second__branch .tree__block__cover,
    .amstool__tree__third__branch .group__branch__wrapper .tree__block__cover {
        height: 100%;
    }
.selection__tool__text__block .text__block__wrapper,
.main__ams__selection__tool__wrap .amstool__intro__section__wrapper {
    gap: 20px;
}

}

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

    .main__ams__tree__block .tree__item__block {
        padding: 15px;
    }

    .main__ams__tree__block .tree__item__block h6.title {
        font-size: 12px;
        line-height: 1.4;
    }

    .amstool__tree__branch__wrapper.third__branch__wrapper .yes__no__option__wrapper {
        max-width: 565px;
    }

    .amstool__tree__branch__wrapper.second__branch__wrapper .amstool__tree__second__branch .tree__block__cover,
    .amstool__tree__third__branch .group__branch__wrapper .tree__block__cover {
        gap: 20px;
    }

    .fourth__branch__wrapper .yes__no__option__wrapper .option__arrow__group .option__no__block {
        width: 185px;
    }

    .fourth__branch__wrapper .yes__no__option__wrapper .option__arrow__group .option__yes__block {
        width: 78px;
    }

    .main__ams__tree__block .amstool__tree__fourth__branch .tree__item__block {
        border-radius: 10px;
    }

    .second__branch__outer .option__arrow__group .option__no__block,
    .second__branch__outer .option__arrow__group .option__yes__block {
        width: 100px;
    }

}


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

    .preview__tree__block .preview__main__wrapper {
        max-width: 90%;
    }

    .amstool__content__block.fifth__step__ams .amstool__text__block__wrapper h3.title,
    .amstool__content__block.fifth__step__ams .amstool__text__block__wrapper .text__description__wrapper {
        text-align: left;
    }

    .tool__repertoire__cover__block .tool__block__group {
        grid-template-columns: 100%;
    }

    .amstool__content__block.select__vocal__profile__tree .vocal__profile__tree__block {
        padding: 0px;
    }

    .second__branch__outer .option__arrow__group .option__no__block,
    .second__branch__outer .option__arrow__group .option__yes__block {
        width: 100px;
    }

    .amstool__tree__branch__wrapper.third__branch__wrapper .yes__no__option__wrapper {
        max-width: 500px;
    }

    .fourth__branch__wrapper .yes__no__option__wrapper .option__arrow__group .option__no__block {
        width: 160px;
    }

    .fourth__branch__wrapper .yes__no__option__wrapper .option__arrow__group .option__yes__block {
        width: 70px;
    }

}

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

    .amstool__tree__branch__wrapper.second__branch__wrapper .amstool__tree__second__branch .tree__block__cover,
    .amstool__tree__third__branch .group__branch__wrapper .tree__block__cover {
        max-width: 230px;
    }

    .amstool__content__block.second__step__ams .information__content__block h2.title {
        font-size: 20px;
        line-height: 1.4;
        padding-bottom: 24px;
        border-bottom: 1px solid #00000010;
    }

    .amstool__content__block.second__step__ams .information__content__block {
        padding: 30px;
        background-color: #ffffff;
        border-radius: 10px;
    }

    .amstool__content__block.second__step__ams .information__content__block .information__text__block,
    .amstool__content__block.third__step__ams {
        padding: 0px;
        background-color: transparent;
    }

    .information__content__block .information__text__block p {
        font-size: 14px;
    }

    .amstool__content__block.fifth__step__ams .amstool__text__block__wrapper h3.title {
        font-size: 24px;
        line-height: 1.3;
        width: 100%;
    }

    .accordion-item .accordion-item-title {
        font-size: 20px;
        line-height: 1.4;
        font-weight: 500;
    }

    .accordion .accordion-item {
        padding: 15px 20px;
        gap: 15px;
        border-radius: 10px;
    }

    .accordion-item .accordion-item-desc {
        font-size: 16px;
        line-height: 1.6;
    }

    .accordion-item-desc h6.sub__title {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 1.4;
    }

    .amstool__content__block.fourth__step__ams .footer__btn__group__block {
        margin-top: 24px;
        gap: 15px;
    }

    .footer__btn__group__block .default__btn,
    .footer__btn__group__block .default__btn.submitAMSBtn,
    .footer__btn__group__block .default__btn.resetAmsData {
        padding: 10px 20px;
        min-width: 135px;
        min-height: 46px;
        font-size: 16px;
        line-height: 1.5;
    }

    .responsive__cover__block .accordion {
        max-height: 325px;
        overflow: auto;
        padding-right: 10px;
    }

    .accordion-item-desc .content__text__wrapper {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .ams__information__popup__block .popup__head__box {
        gap: 30px;
    }

    .ams__information__popup__block .popup__head__box h4.title {
        font-size: 20px;
        line-height: 1.3;
    }

    .ams__information__popup__block .popup__wrapper {
        max-width: 95%;
        padding: 20px;
        gap: 20px;
    }

    .responses__list__wrapper .responses__item span {
        max-width: 30px;
        font-size: 16px;
        line-height: 1.3;
    }

    .responses__list__wrapper .responses__item label {
        font-size: 16px;
        line-height: 1.3;
    }

    .responses__list__wrapper .responses__item {
        padding: 12px;
        gap: 10px;
    }

    .amstool__tree__branch__wrapper.third__branch__wrapper .yes__no__option__wrapper {
        max-width: 480px;
    }

    .fourth__branch__wrapper .yes__no__option__wrapper .option__arrow__group .option__yes__block {
        width: 60px;
    }

    .amstool__intro__section__wrapper .amstool__intro__cover__block h3.title {
        font-size: 24px;
        line-height: 130%;
    }

    .amstool__intro__section__wrapper .amstool__intro__cover__block {
        padding: 0px;
    }

}

@media only screen and (max-width: 600px) {
    .vocal__profile__popup .popup__wrapper {
        max-width: 90%;
        gap: 15px;
        padding: 25px;
    }

    .successfully__popup__block .popup__wrapper {
        max-width: 94%;
        padding: 20px;
    }

    .amstool__tree__branch__wrapper.second__branch__wrapper .yes__no__option__wrapper {
        max-width: 320px;
    }

    .amstool__tree__branch__wrapper.second__branch__wrapper .amstool__tree__second__branch .tree__block__cover,
    .amstool__tree__third__branch .group__branch__wrapper .tree__block__cover {
        max-width: max-content;
    }

    .amstool__tree__branch__wrapper.second__branch__wrapper .amstool__tree__second__branch {
        gap: 30px;
    }

    .amstool__tree__second__branch .tree__default__btn__group .checkbox__group label,
    .amstool__tree__third__branch .tree__default__btn__group .checkbox__group label {
        padding: 10px;
        gap: 10px;
    }

    .second__branch__outer .option__arrow__group .option__no__block,
    .second__branch__outer .option__arrow__group .option__yes__block {
        width: 80px;
    }

    .amstool__tree__branch__wrapper.third__branch__wrapper .yes__no__option__wrapper {
        max-width: 410px;
    }

    .fourth__branch__wrapper .yes__no__option__wrapper .option__arrow__group .option__no__block {
        width: 120px;
    }

    .fourth__branch__wrapper .yes__no__option__wrapper .option__arrow__group .option__yes__block {
        width: 50px;
    }

    .amstool__tree__branch__wrapper.third__branch__wrapper .amstool__tree__third__branch {
        gap: 0px;
    }

}

@media only screen and (max-width: 540px) {
    .amstool__content__block.second__step__ams .information__content__block {
        padding: 0px;
        background-color: transparent;
    }

    .amstool__content__block.second__step__ams .information__content__block h2.title {
        font-size: 20px;
        line-height: 1.4;
        padding-bottom: 15px;
    }

    .information__content__block .information__text__block p {
        font-size: 14px;
        line-height: 1.5;
        word-break: break-word;
    }

    .main__ams__selection__tool__wrap .amstool__block__wrap {
        padding: 30px 20px;
    }

    .information__content__block .information__text__block h4.sub__title {
        font-size: 16px;
        line-height: 1.4;
    }

    .amstool__content__block.first__step__ams .ams__text__wrapper {
        gap: 25px;
    }

    .ams__text__wrapper h1.main__title {
        font-size: 34px;
        line-height: 1.3;
    }

    .ams__text__wrapper .ams__deafult__btn {
        min-width: 150px;
        min-height: auto;
        padding: 15px;
        font-size: 16px;
        line-height: 1.4;
    }

    .amstool__content__block.fifth__step__ams .amstool__text__block__wrapper h3.title {
        font-size: 20px;
        line-height: 1.3;
    }

    .amstool__content__block.fifth__step__ams .amstool__text__block__wrapper .text__description__wrapper {
        font-size: 14px;
        line-height: 1.5;
    }

    .accordion-item .accordion-item-desc {
        font-size: 14px;
        line-height: normal;
        word-break: break-word;
    }

    .accordion .accordion-item {
        gap: 10px;
        border-radius: 5px;
    }

    .accordion-item .accordion-item-title {
        font-size: 18px;
        line-height: 1.4;
    }

    .amstool__content__block.fourth__step__ams .footer__btn__group__block {
        margin-top: 24px;
        gap: 10px;
    }

    .footer__btn__group__block .default__btn,
    .footer__btn__group__block .default__btn.submitAMSBtn,
    .footer__btn__group__block .default__btn.resetAmsData {
        padding: 10px;
        min-width: 100px;
        min-height: auto;
        font-size: 14px;
        line-height: 1.5;
    }

    .vocal__profiles__title__block h2.title {
        padding-bottom: 15px;
        border-bottom: 1px solid #00000010;
        font-size: 24px;
        line-height: 1.4;
    }


    .amstool__popup__wrapper .popup__head__box h4.title {
        font-size: 18px;
        line-height: 1.4;
    }

    .popup__description__wrapper .desc__wrapper {
        font-size: 14px;
        line-height: 1.4;
        max-height: 350px;
    }

    .popup__description__wrapper .desc__wrapper::-webkit-scrollbar {
        width: 5px;
    }

    .export__pdf__wrapper .popup__wrapper {
        max-width: 95%;
        padding: 20px;
        gap: 20px;
    }

    .export__pdf__wrapper .export__email__block__wrapper {
        width: 100%;
    }

    .export__email__block__wrapper .form__wrapper {
        gap: 20px;
    }

    .export__pdf__wrapper .popup__head__box h4.title {
        font-size: 24px;
        line-height: 1.4;
    }

    .main__ams__selection__tool__wrap .amstool__content__block.fifth__step__ams {
        padding: 0px;
    }

    .amstool__repertoire__selections__wrapper .main__ams__tool__wrapper .footer__btn__group__block {
        margin-top: 50px;
    }

    .amstool__tree__branch__wrapper.second__branch__wrapper .amstool__tree__second__branch {
        gap: 10px;
    }

    .amstool__tree__branch__wrapper.second__branch__wrapper .amstool__tree__second__branch .tree__block__cover,
    .amstool__tree__third__branch .group__branch__wrapper .tree__block__cover {
        gap: 10px;
    }

    .amstool__tree__third__branch .group__branch__wrapper {
        gap: 10px;
    }

    .amstool__tree__branch__wrapper.second__branch__wrapper .amstool__tree__second__branch .tree__block__cover,
    .amstool__tree__third__branch .group__branch__wrapper .tree__block__cover {
        max-width: 100%;
    }

    .mobile__option__wrapper.mobile__first__arrow__group {
        display: flex;
        align-items: self-start;
        justify-content: center;
        line-height: 0px;
    }

    .amstool__tree__branch__wrapper.second__branch__wrapper .mobile__option__wrapper {
        display: flex;
        align-items: self-start;
        line-height: 0px;
        justify-content: center;
    }

    .mobile__option__wrapper .option__arrow__group.second__branch__section__inner {
        display: flex;
        align-items: self-start;
        line-height: 0px;
    }

    .mobile__option__wrapper {
        display: flex !important;
    }

    .yes__no__option__wrapper {
        display: none !important;
    }


}

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

    .main__ams__selection__tool__wrap .amstool__intro__section__wrapper {
        padding: 20px;
    }

    .amstool__intro__section__wrapper .amstool__intro__cover__block .selection__tool__text__block {
        padding: 25px;
    }

    .amstool__intro__section__wrapper .amstool__intro__cover__block h3.title {
        font-size: 20px;
        line-height: 130%;
    }

    .selection__tool__text__block .text__block__wrapper {
        font-size: 16px;
        line-height: 1.5;
    }

    .amstool__content__block.fourth__step__ams .footer__btn__group__block {
        flex-wrap: wrap;
    }

    .footer__btn__group__block .skip__to__tool {
        display: block;
        width: 90%;
        margin: 0px auto;
    }

    .vocal__profile__tree__block h2.title {
        font-size: 20px;
        line-height: 1.3;
    }

    .preview__tree__block .preview__main__wrapper {
        max-width: 90%;
        padding: 20px;
    }

    .tree__block__cover.main__tree__item__block .tree__item__block {
        padding: 20px;
    }

    .ams__text__wrapper h1.main__title {
        font-size: 30px;
        line-height: 1.3;
    }

    .amstool__popup__wrapper .popup__wrapper {
        gap: 15px;
    }

    .main__ams__selection__tool__wrap {
        padding: 20px 15px;
    }

    .main__ams__selection__tool__wrap .footer__btn__group__block {
        gap: 20px;
    }

    .footer__btn__group__block .default__btn {
        min-height: auto;
        width: 100%;
        min-width: auto;
        font-size: 14px;
        line-height: 1.4;
    }

    .amstool__content__block.fourth__step__ams.ams__step__box__wrapper .footer__btn__group__block .default__btn {
        width: auto;
        min-width: 100px;
    }

    .amstool__content__block.fourth__step__ams {
        padding: 0px;
    }

    .ams__vocal__profile__conclusion__wrapper .conclusion__short__wrapper {
        padding: 15px;
        gap: 15px;
    }

    .ams__vocal__profile__conclusion__wrapper .conclusion__short__wrapper h4.title {
        font-size: 20px;
        line-height: 1.4;
    }

    .conclusion__short__wrapper .short__description__wrapper {
        font-size: 14px;
        line-height: 1.5;
    }

    .more__information__text__wrapper h6.subtitle {
        font-size: 14px;
        line-height: 1.6;
    }

    .main__ams__selection__tool__wrap .amstool__content__block.fifth__step__ams {
        padding: 20px 0px;
    }

    .amstool__content__block.fifth__step__ams .amstool__text__block__wrapper {
        gap: 10px;
    }

    .amstool__content__block.fifth__step__ams .amstool__text__block__wrapper h3.title br {
        display: none;
    }

    .successfully__popup__block .popup__head__box h4.title {
        text-align: left;
        font-size: 24px;
        line-height: 1.2;
    }

    .popup__btn__group .footer__btn__group__block {
        gap: 20px;
    }

    .vocal__profiles__title__block h2.title {
        font-size: 20px;
        line-height: 1.4;
    }

    .vocal__profiles__title__block h4.sub__title {
        font-size: 16px;
        line-height: 1.4;
        margin: 20px auto 0px;
    }

    .multi__navsteps__wrapper .tool__stepper__process__box .step__circle .step__number {
        height: 30px;
        width: 30px;
        font-size: 9px;
        line-height: 1;
    }

    .multi__navsteps__wrapper .tool__stepper__process__box .step__circle .step__label {
        padding-right: 30px;
        top: 2px;
    }

    .vocal__profile__popup .popup__wrapper .popup__head__box h4.title {
        font-size: 20px;
        line-height: 1.2;
    }

    .vocal__profile__popup .ams__vocal__profile__text {
        font-size: 14px;
        line-height: 1.45;
    }

    .vocal__profile__popup .popup__wrapper {
        gap: 10px;
        padding: 20px;
    }

    .amstool__popup__wrapper .popup__head__box h4.title {
        font-size: 16px;
        line-height: 1.4;
    }

    .ams__information__popup__block .popup__head__box {
        gap: 20px;
    }

    .ams__information__popup__block .popup__head__box h4.title {
        font-size: 18px;
        line-height: 1.3;
    }

    .amstool__repertoire__selections__wrapper .main__ams__tool__wrapper .footer__btn__group__block {
        margin-top: 30px;
    }

    .ams__repertoire__wrapper .section__cover__block {
        padding: 0px;
        gap: 20px;
    }

    .selection__tool__text__block .text__block__wrapper p {
        word-break: break-word;
    }

}

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

    .amstool__repertoire__selections__wrapper .main__ams__tool__wrapper .footer__btn__group__block {
        gap: 15px;
    }

    .amstool__repertoire__selections__wrapper .main__ams__tool__wrapper h6.ams__title {
        font-size: 18px;
        line-height: 1.4;
    }

    .vocal__profiles__title__block h2.title {
        font-size: 20px;
        line-height: 1.4;
    }

    .vocal__profiles__title__block h4.sub__title {
        font-size: 16px;
        line-height: 1.4;
        margin: 20px auto 0px;
    }


    .amstool__content__block.second__step__ams .information__content__block .information__text__block {
        background-color: transparent;
    }

    .ams__text__wrapper h1.main__title {
        font-size: 24px;
        line-height: 1.3;
    }

    .ams__text__wrapper .ams__deafult__btn {
        min-width: auto;
        min-height: auto;
        padding: 10px 30px;
        font-size: 14px;
        line-height: 1.4;
    }



    .ams__vocal__profile__conclusion__wrapper h5.title {
        font-size: 16px;
        line-height: 1.4;
    }

    .ams__vocal__profile__conclusion__wrapper .responsive__cover__block {
        gap: 15px;
        overflow: auto;
        max-height: 545px;
        padding-right: 10px;
    }

    .ams__vocal__profile__conclusion__wrapper .responsive__cover__block::-webkit-scrollbar-track {
        border-radius: 40px;
        background-color: #f4f2f2;
    }

    .ams__vocal__profile__conclusion__wrapper .responsive__cover__block::-webkit-scrollbar {
        width: 5px;
        background-color: #f4f2f2;
    }

    .ams__vocal__profile__conclusion__wrapper .responsive__cover__block::-webkit-scrollbar-thumb {
        border-radius: 40px;
        background-color: #d3d1d1;
    }

    .amstool__content__block.fourth__step__ams .footer__btn__group__block {
        margin-top: 24px;
    }

    .successfully__popup__block .popup__head__box h4.title br {
        display: none;
    }

    .amstool__repertoire__selections__wrapper .ams__tool__option__item .option__title__box h6.title {
        font-size: 14px;
        line-height: 1.3;
    }

    .accordion-item .accordion-item-title {
        font-size: 16px;
        line-height: 1.4;
    }

    .accordion-item-desc h6.sub__title {
        font-size: 14px;
        line-height: 1.4;
    }

    .ams__vocal__profile__conclusion__wrapper h1.title {
        font-size: 18px;
        line-height: 1.3;
    }

    .accordion .accordion-item {
        padding: 15px;
    }

    .amstool__content__block.fourth__step__ams .footer__btn__group__block {
        margin-top: 0px;
    }

    .ams__vocal__profile__conclusion__wrapper .responsive__cover__block {
        padding: 0px;
    }

}

@media only screen and (max-width: 375px) {
    .accordion-item .accordion-item-title {
        font-size: 14px;
        line-height: 1.4;
    }

    .amstool__content__block.second__step__ams .information__content__block h2.title {
        font-size: 18px;
        line-height: 1.4;
    }

    .information__content__block .information__text__block h4.sub__title {
        font-size: 14px;
        line-height: 1.4;
    }

    .amstool__content__block.second__step__ams .information__content__block .information__text__block {
        gap: 10px;
    }

    .footer__btn__group__block .default__btn {
        padding: 10px 20px;
        min-height: auto;
        font-size: 14px;
        line-height: 1.3;
        width: 100%;
    }

    .amstool__content__block.first__step__ams {
        gap: 30px;
    }

    .ams__footer__wrap .footer__text__wrap span,
    .ams__footer__wrap .footer__text__wrap a {
        font-size: 14px;
        line-height: 1.4;
    }

    .vocal__profiles__title__block h2.title {
        font-size: 20px;
        line-height: 1.4;
        border-bottom: 1px solid #00000010;
        padding-bottom: 15px;
        margin-bottom: 24px;
    }

    .vocal__profile__list__wrapper .vocal__profile__list__item h6.title {
        font-size: 14px;
        line-height: 1.3;
        width: 100%;
    }

    .vocal__profile__list__wrapper .vocal__profile__list__item .item__short__note {
        font-size: 12px;
        line-height: 1.4;
    }

    .vocal__profile__popup .popup__wrapper .popup__head__box h4.title {
        font-size: 20px;
        line-height: 1.4;
    }

    .main__ams__selection__tool__wrap .amstool__content__block.fifth__step__ams {
        padding: 0px;
    }

    .successfully__popup__block .popup__wrapper {
        max-width: 94%;
        padding: 20px;
        gap: 15px;
    }

    .successfully__popup__block .popup__content__block {
        gap: 15px;
    }

    .successfully__popup__block .popup__head__box h4.title {
        font-size: 18px;
        line-height: 1.2;
    }

    .vocal__profile__popup .popup__wrapper .popup__head__box h4.title {
        font-size: 18px;
        line-height: 1.4;
    }

    .vocal__profile__popup .ams__vocal__profile__text {
        font-size: 12px;
        line-height: 1.4;
    }

    .amstool__popup__wrapper .popup__wrapper {
        gap: 15px;
    }

    .popup__content__block .text__wrapper__block {
        font-size: 14px;
        line-height: 1.4;
    }

    .ams__information__popup__block .popup__head__box h4.title {
        font-size: 16px;
        line-height: 1.3;
    }

    .export__or__block img {
        max-width: 100%;
        height: auto;
    }

    .export__email__block__wrapper .export__or__block .or {
        font-size: 14px;
        line-height: 1.4;
    }

    .export__pdf__wrapper .popup__wrapper {
        padding: 20px;
        gap: 15px;
    }

    .export__email__block__wrapper .download__pdf__here a {
        font-size: 16px;
        line-height: 1.4;
    }


}

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

    .amstool__content__block.second__step__ams .information__content__block h2.title {
        font-size: 16px;
        line-height: 1.4;
    }

    .information__content__block .information__text__block p {
        font-size: 12px;
        line-height: 1.4;
    }

    .vocal__profile__shortnote p {
        font-size: 13px;
        line-height: 1.4;
    }

    .popup__btn__group .footer__btn__group__block {
        gap: 15px;
    }

    .successfully__popup__block .popup__img__wrapper {
        gap: 15px;
    }

    .popup__content__block .text__wrapper__block {
        font-size: 14px;
        line-height: 1.5;
    }

    .footer__btn__group__block .default__btn,
    .footer__btn__group__block .default__btn.submitAMSBtn,
    .footer__btn__group__block .default__btn.resetAmsData {
        padding: 8px 18px !important;
        font-size: 12px !important;
        line-height: 1.5;
        border-radius: 5px;
        min-width: auto;
    }

    .amstool__content__block.fifth__step__ams .amstool__text__block__wrapper h3.title {
        font-size: 16px;
        line-height: 1.4;
    }

}

@media only screen and (max-width: 320px) {
    .successfully__popup__block .popup__head__box h4.title {
        font-size: 16px;
        line-height: 1.2;
    }

    .vocal__profiles__title__block h2.title {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .vocal__profiles__title__block h4.sub__title {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 15px;
    }

    .vocal__profile__popup .popup__wrapper {
        padding: 15px;
    }

    .vocal__profile__popup .popup__wrapper .popup__head__box h4.title {
        font-size: 16px;
        line-height: 1.4;
    }
}