@media all and (max-width: 1920px) {
    body, html {
        font-size: calc(100vw / 120) !important;
    }
}

@media all and (max-width: 1600px) {
    .navbar .navbar-logo {
        width: 80px;
        height: 75px;
    }

    .navbar {
        padding: 24px 0;
    }

    .home .banner {
        padding: 150px 0 37px;
    }

    .home .banner .inner .banner-contents .title h1 {
        font-size: 44px;
        line-height: 52px;
    }

    .belief .banner .inner .banner-contents .title h1 {
        font-size: 44px;
        line-height: 52px;
    }

    .home .features .features-inner .features-boxes .features-box .icon {
        width: 75px;
        height: 75px;
    }

    .exercise .banner .inner .banner-contents .title h1 {
        font-size: 44px;
        line-height: 52px;
    }

    .my-works .banner .inner .banner-contents .title h1 {
        font-size: 44px;
        line-height: 52px;
    }

    .exercise .banner .inner .banner-contents .navigation h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .exercise .banner .inner .banner-contents .navigation .icon {
        width: 20px;
        height: 20px;
    }

    .belief-works .each-belief .no-activity .feat-img {
        width: 50%;
      }

      .belief-works .each-work .no-activity .feat-img {
        width: 45%;
      }

      .belief-works .no-activity {
        min-height: 400px;
      }

      .belief-works .no-activity-content h3 {
        font-size: 26px;
        line-height: 42px;
        margin-top: 46px;
      }
}

@media all and (max-width: 1500px) {
    .home .banner .inner .banner-contents .title h1 {
        font-size: 40px;
        line-height: 48px;
    }

    .belief .banner .inner .banner-contents .title h1 {
        font-size: 40px;
        line-height: 48px;
    }

    .exercise .banner .inner .banner-contents .title h1 {
        font-size: 40px;
        line-height: 48px;
    }

    .exercise .exercise-inner .exercise-head .title h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .exercise .exercise-inner .exercise-head .title h2 span {
        font-size: 24px;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .step {
        font-size: 22px;
        line-height: 28px;
      }

      .my-works .banner .inner .banner-contents .title h1 {
        font-size: 40px;
        line-height: 48px;
    }

    .belief-works .no-activity-content h3 {
        font-size: 20px;
        line-height: 28px;
        margin-top: 32px;
      }
}

@media all and (max-width: 1400px) {
    .exercise .exercise-inner .cognitive-distortions-technique .techniques .each-techniques .ranges>div {
       flex-direction: column;
        align-items: start;
        margin-bottom: 40px;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .techniques .each-techniques .ranges>div .range {
        max-width: 100%;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .techniques .techniques-head .common h2 {
        font-size: 22px;
        line-height: normal;
        margin-bottom: 5px;
    }

    .container {
        max-width: 1146px;
        padding: 0 15px;
    }
}

@media all and (max-width: 1280px) {
    .home .features .features-inner .features-boxes {
        gap: 5%;
    }

    .home .features .features-inner .features-boxes .features-box {
        width: 30%;
    }

    .home .features .features-inner .features-boxes .features-box {
        padding: 20px 40px;
    }

    .home .banner .inner .banner-contents .description p {
        font-size: 15px;
        line-height: 23px;
    }

    .home .features .features-inner .features-boxes .features-box .icon {
        width: 60px;
        height: 60px;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .left {
        width: 100%;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .right {
        width: 100%;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .right .settings {
        justify-content: start;
    }

    .belief .banner .inner .banner-contents .current-belief .title h2 {
        font-size: 22px;
        line-height: 34px;
    }

    .belief .banner .inner .banner-contents .current-belief .title .icon {
        width: 34px;
        height: 34px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-button .title h2 {
        font-size: 22px;
        line-height: 34px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-button::after {
        width: 34px;
        height: 34px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-button .title p {
        font-size: 16px;
        line-height: 24px;
    }

    .validation-buttons .button {
        padding: 12px 30px;
        font-size: 12px;
        line-height: 18px;
        width: 140px;
        height: 45px;
    }

    .exercise .banner .inner .banner-contents .navigation h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .exercise .banner .inner .banner-contents .navigation .icon {
        width: 18px;
        height: 18px;
    }

    .exercise .exercise-inner .exercise-head .title h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .step {
        font-size: 20px;
        line-height: 24px;
      }

    .exercise .exercise-inner .exercise-head .title h2 span {
        font-size: 22px;
    }

    .exercise .exercise-inner .exercise-head .bottom h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .exercise .exercise-inner .exercise-head .bottom {
        margin-top: 70px;
    }

    .exercise .exercise-inner .exercise-form {
        margin-top: 60px;
    }

    .exercise .exercise-inner .exercise-head .bottom .range span, .exercise .exercise-inner .exercise-form > .top label .range span, .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits>div .body .evidence-range .range span, .exercise .exercise-inner .cognitive-distortions-technique .techniques .each-techniques .ranges>div .range span {
        font-size: 18px;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .techniques .techniques-head .common {
        padding: 16px 4.25rem;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .techniques .techniques-head .common h2 {
        font-size: 20px;
    }

    .belief-works .each-work .bottom h3 {
        font-size: 20px;
        line-height: normal;
    }

    .belief-works .each-work .bottom p {
        font-size: 13px;
        line-height: 20px;
    }

    .belief-works .each-belief .left h3 {
        font-size: 15px;
    }

    .belief-works>div .title h2 {
        font-size: 26px;
        line-height: normal;
    }

    .belief-works > div .content {
        margin-top: 20px;
    }

    .belief .beliefs-accordion {
        padding: 60px 0 75px;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .techniques .each-techniques .common.distortions .inner .exercise-dropdown .select .options .option {
        font-size: 12px;
        line-height: 18px;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .techniques .each-techniques .common.distortions .inner .exercise-dropdown .select .options .option ul li {
        font-size: 11px;
        line-height: 18px;
    }

    .container {
        max-width: 966px;
    }

    .belief-works .no-activity {
        min-height: 350px;
    }

    .belief-works .current-belief .current-belief-head {
        flex-direction: column;
        align-items: start;
    }
}

@media all and (max-width: 1200px) {
    .belief-works .each-belief {
        flex-direction: column;
    }

    .belief-works>div .content>div {
        padding: 15px;
    }

    .belief-works .each-belief .left {
        max-width: 100%;
    }

    .belief-works .each-belief .levels {
        max-width: 100%;
    }

    .belief-works .each-belief .right {
        max-width: 100%;
        display: flex;
        gap: 20px;
    }

    .belief-works .each-belief .right .settings {
        margin: 0;
    }

    .belief-works .each-belief .bottom {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .belief-works .each-belief .bottom .date {
        margin: 0;
    }
}

@media all and (max-width: 1024px) {
    .home .banner .inner .banner-contents .title h1 {
        font-size: 36px;
        line-height: 44px;
    }

    .home .banner .inner .banner-contents .description p {
        font-size: 14px;
        line-height: 22px;
    }

    .home .features .features-inner .features-boxes .features-box .icon {
        width: 50px;
        height: 50px;
    }

    .belief .banner .inner .banner-contents .title h1 {
        font-size: 36px;
        line-height: 44px;
    }

    .belief .banner .inner .banner-contents .description p {
        font-size: 14px;
        line-height: 22px;
    }

    .belief .banner .inner .banner-contents .current-belief .title h2 {
        font-size: 20px;
        line-height: 32px;
    }

    .belief .banner .inner .banner-contents .current-belief .title .icon {
        width: 32px;
        height: 32px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-button .title h2 {
        font-size: 20px;
        line-height: 32px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-button::after {
        width: 32px;
        height: 32px;
        background-size: 12px 6px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-button .title p {
        font-size: 14px;
        line-height: 22px;
    }

    .exercise .banner .inner .banner-contents .title h1 {
        font-size: 36px;
        line-height: 44px;
    }

    .exercise .banner .inner .banner-contents .description p {
        font-size: 14px;
        line-height: 22px;
    }

    .exercise .banner .inner .banner-contents .navigation h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .exercise .banner .inner .banner-contents .navigation {
        margin: 30px 0 20px;
    }

    .exercise .exercise-inner .exercise-head .title h2 {
        font-size: 18px;
        line-height: 22px;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .step {
        font-size: 18px;
        line-height: 22px;
      }

    .exercise .exercise-inner .exercise-head .title h2 span {
        font-size: 20px;
    }

    .exercise .exercise-inner .exercise-form .bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .exercise .exercise-inner .exercise-form .bottom .exercise-progress-bar {
        height: 30px;
    }

    .exercise .exercise-inner .exercise-head .bottom h2 {
        font-size: 24px;
        line-height: 29px;
    }

    .exercise .exercise-inner .exercise-form > .top label {
        font-size: 16px;
        line-height: 22px;
    }

    .exercise .exercise-inner .exercise-form > .top label textarea {
        margin-top: 22px;
        font-size: 14px;
        padding: 20px 25px;
    }

    .exercise .exercise-inner .exercise-head .title textarea {
        margin-top: 22px;
        font-size: 14px;
        padding: 20px 25px;
    }

    .exercise .exercise-inner .exercise-head .title .textarea {
        margin-top: 22px;
        font-size: 14px;
        padding: 20px 25px;
    }

    .exercise .exercise-inner .exercise-form > .top label .range {
        margin-top: 22px;
        height: 60px;
    }

    .exercise .exercise-inner .exercise-head .bottom .range span, .exercise .exercise-inner .exercise-form > .top label .range span, .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits>div .body .evidence-range .range span, .exercise .exercise-inner .cognitive-distortions-technique .techniques .each-techniques .ranges>div .range span {
        font-size: 16px;
    }

    .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits div .head h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits>div .body .evidence-range {
        flex-direction: column;
    }

    .belief-works .each-work .bottom h3 {
        font-size: 18px;
    }

    .belief-works .each-work .bottom p {
        font-size: 12px;
    }

    .belief-works .each-belief .left h3 {
        font-size: 14px;
    }

    .belief-works>div .title h2 {
        font-size: 24px;
    }

    .belief-works > div .content {
        margin-top: 14px;
    }

    .my-works .banner .inner .banner-contents .title h1 {
        font-size: 36px;
        line-height: 44px;
    }
}

@media all and (max-width: 991px) {
    .home .banner {
        padding: 130px 0 37px;
    }

    .banner {
        padding: 130px 0 40px;
    }

    .home .banner .inner .banner-contents .title h1 {
        font-size: 30px;
        line-height: 38px;
    }

    .belief .banner .inner .banner-contents .title h1 {
        font-size: 30px;
        line-height: 38px;
    }

    .home .features .features-inner .features-boxes .features-box .icon {
        width: 45px;
        height: 45px;
    }

    .home .features .features-inner .features-boxes {
        gap: 4%;
        row-gap: 24px;
    }

    .home .features .features-inner .features-boxes .features-box {
        width: 48%;
    }

    .home .features {
        padding: 60px 0;
    }

    .navbar {
        padding: 30px 0;
    }

    .navbar .navbar-logo {
        width: 70px;
        height: 70px;
    }

    .footer .footer-inner .footer-logo {
        width: 50px;
        height: 50px;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .right .levels {
        width: 80%;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .right .settings {
        width: 100%;
        justify-content: start;
    }

    .belief .banner .inner .banner-contents .current-belief .title h2 {
        font-size: 18px;
        line-height: 30px;
    }

    .belief .banner .inner .banner-contents .current-belief .title .icon {
        width: 30px;
        height: 30px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-button .title h2 {
        width: 100%;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body .question .quot {
        width: 100%;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body .question .options {
        width: 100%;
        padding: 15px 20px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body .questionnaire::-webkit-scrollbar {
        width: 16px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-button .title h2 {
        font-size: 18px;
        line-height: 30px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-button::after {
        width: 30px;
        height: 30px;
    }

    .exercise .banner .inner .banner-contents .title h1 {
        font-size: 30px;
        line-height: 38px;
    }

    .exercise .banner .inner .banner-contents .navigation h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .exercise .exercise-deatils .background .contents, .exercise .exercise-deatils .instructions .contents {
        padding: 30px;
    }

    .exercise .exercise-deatils .background .contents .para p {
        font-size: 14px;
        line-height: 26px;
    }

    .exercise .exercise-inner .exercise-head .top {
        flex-direction: column;
        gap: 22px;
    }

    .exercise .exercise-inner .exercise-head .title {
        width: 100%;
    }

    .exercise .exercise-inner .exercise-head .bottom h2 {
        font-size: 22px;
        line-height: 26px;
    }

    .exercise .exercise-deatils .background .title h2, .exercise .exercise-deatils .instructions .title h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits {
        grid-template-columns: 1fr;
    }

    .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits .merits {
        border-radius: 19px;
    }

    .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits .demerits {
        border-radius: 19px;
    }

    .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits .merits .head {
        border-radius: 18px 18px 0px 0px;
    }

    .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits .demerits .head {
        border-radius: 18px 18px 0px 0px;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .techniques .techniques-head .common {
        padding: 15px 30px;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .techniques .techniques-head .common h2 {
        font-size: 18px;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .techniques .techniques-head .common p {
        font-size: 12px;
        line-height: normal;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .techniques .each-techniques .common {
        padding: 30px 20px;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .techniques {
        width: 890px;
    }

    .exercise .exercise-inner .cognitive-distortions-technique {
        overflow: scroll;
    }

    .belief-works .each-work .bottom h3 {
        font-size: 17px;
    }

    .belief-works>div .title h2 {
        font-size: 22px;
    }

    .signup-inner form .submit-field {
        flex-direction: column;
    }

    .signup-inner form .submit-field a.button {
        margin: auto;
    }

    .signup-inner form .flex {
        display: block;
        margin-bottom: 20px;
    }

    .exercise .exercise-inner {
        padding: 60px 0 120px;
    }

    .exercise .exercise-inner .exercise-form .bottom {
        margin-top: 60px;
    }

    .exercise .exercise-deatils {
        padding: 60px 0 80px;
    }

    .container {
        max-width: 726px;
    }

    .my-works .banner .inner .banner-contents .title h1 {
        font-size: 30px;
        line-height: 38px;
    }

    .my-works .my-works-inner {
        padding: 60px 0 120px;
    }

    .exercise .banner .inner .banner-contents .banner-img {
        width: 60%;
    }

    .belief-works .no-activity {
        min-height: 300px;
    }

    .belief-works .each-belief .no-activity .feat-img {
        width: 60%;
      }

      .belief-works .each-work .no-activity .feat-img {
        width: 55%;
      }

      .belief-works .no-activity-content h3 {
        font-size: 16px;
        line-height: 24px;
        margin-top: 24px;
    }
}

@media all and (max-width: 767px) {
    .navbar {
        padding: 20px 0;
    }

    .home .banner {
        padding: 100px 0 37px;
    }

    .navbar .navbar-logo {
        width: 60px;
        height: 60px;
    }

    .footer .footer-inner .footer-logo {
        width: 40px;
        height: 40px;
    }

    .home .banner .inner .banner-contents {
        flex-direction: column;
        gap: 16px;
    }

    .home .banner .inner .banner-contents .title {
        width: 100%;
    }

    .home .banner .inner .banner-contents .description {
        width: 80%;
        text-align: center;
    }

    .home .features .features-inner .features-boxes .features-box .icon {
        width: 40px;
        height: 40px;
    }

    .home .features .features-inner .features-boxes .features-box {
        padding: 20px;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .right .levels {
        width: 100%;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list {
        padding: 22px;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .left .quot {
        font-size: 14px;
        line-height: 22px;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .right .settings .edit .icon {
        width: 24px;
        height: 24px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body .question .quot {
        font-size: 14px;
        line-height: 22px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner {
        padding: 30px 20px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item {
        padding: 20px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body {
        padding: 20px 15px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body .questionnaire::-webkit-scrollbar {
        width: 12px;
    }

    .validation-buttons .button {
        padding: 8px 20px;
        font-size: 11px;
        line-height: 17px;
        width: 120px;
        height: 40px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-button .title p {
        font-size: 13px;
        line-height: 19px;
    }

    .exercise .banner .inner .banner-contents .navigation h3 {
        font-size: 14px;
        line-height: 22px;
    }

    .exercise .exercise-deatils .background .contents, .exercise .exercise-deatils .instructions .contents {
        padding: 20px;
    }

    .exercise .exercise-inner .exercise-head .title h2 {
        font-size: 16px;
        line-height: 20px;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .step {
        font-size: 16px;
        line-height: 20px;
      }

    .exercise .exercise-inner .exercise-head .title h2 span {
        font-size: 18px;
    }

    .exercise .exercise-inner .exercise-head .bottom h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 24px;
    }

    .exercise .exercise-inner .exercise-head .bottom {
        margin-top: 60px;
    }

    .exercise .exercise-inner .exercise-form {
        margin-top: 50px;
    }

    .exercise .exercise-inner .exercise-form > .top label {
        font-size: 14px;
        line-height: 20px;
    }

    .exercise .exercise-inner .exercise-form .bottom .exercise-progress-bar h5 {
        font-size: 12px;
    }

    .exercise .exercise-inner .exercise-head .bottom .range span, .exercise .exercise-inner .exercise-form > .top label .range span, .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits>div .body .evidence-range .range span, .exercise .exercise-inner .cognitive-distortions-technique .techniques .each-techniques .ranges>div .range span {
        font-size: 14px;
    }

    .exercise .exercise-deatils .background .title h2, .exercise .exercise-deatils .instructions .title h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits div .head h2 {
        font-size: 18px;
    }

    .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits div .head {
        padding: 23px 20px;
    }

    .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits div .body {
        padding: 20px 20px 28px;
        border-top: 4px solid #000000;
    }

    .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits div .body textarea {
        padding: 24px 22px;
        font-size: 14px;
    }

    .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits div .body .textarea {
        padding: 24px 22px;
        font-size: 14px;
    }

    .belief-works {
        flex-direction: column;
    }

    .belief-works>div {
        width: 100%;
    }

    .signup-inner {
        display: block;
    }

    .signup-inner .right {
        width: 100%;
    }

    .signup-inner .left {
        display: none;
    }

    .signup-inner .tab button:first-child {
        border-radius: 10px 0 0 0;
      }

    .belief-works .each-work .bottom h3 {
        font-size: 22px;
    }

    .belief-works .each-work .bottom p {
        font-size: 14px;
        line-height: normal;
    }

    .belief-works .each-belief .left h3 {
        font-size: 16px;
        line-height: normal;
    }

    .belief-works>div .title h2 {
        font-size: 25px;
    }

    .belief-works > div .content {
        margin-top: 20px;
    }

    .exercise .exercise-inner {
        padding: 40px 0 80px;
    }

    .exercise .exercise-inner .exercise-form .bottom {
        margin-top: 40px;
    }

    .exercise .exercise-deatils {
        padding: 40px 0 60px;
    }

    .container {
        max-width: 90%;
        padding: 0;
    }

    .my-works .my-works-inner {
        padding: 40px 0 80px;
    }

    .belief-works .no-activity {
        min-height: auto;
        padding: 24px 0;
    }

    .belief-works .each-belief .no-activity .feat-img {
        width: 50%;
      }

      .belief-works .each-work .no-activity .feat-img {
        width: 45%;
      }
      .belief .current-belief .current-belief-head {
        flex-direction: column;
    }
    .belief .current-belief .current-belief-sorting {
      padding-right: 0;
    }
    .donation-form-container {
        width: 100%;
    }
    
    .donation-form, .doanation-feat-image {
      width: 100%;
    }
    
    .donation-form-head h2 {
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 12px;
    }
}

@media all and (max-width: 640px) {
    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body .question .options label {
        font-size: 12px;
        line-height: 18px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body .question .options label input[type="checkbox"] {
        width: 16px;
        height: 16px;
    }

    .exercise .exercise-inner .exercise-head .bottom {
        margin-top: 50px;
    }

    .exercise .exercise-inner .exercise-form {
        margin-top: 40px;
    }

    .exercise .exercise-inner .exercise-head .bottom h2 {
        font-size: 18px;
        line-height: 22px;
    }
    .exercise .banner .inner .banner-contents .banner-img {
        width: 75%;
        }
}

@media all and (max-width: 575px) {
    .home .banner .inner .banner-contents .title h1 {
        font-size: 26px;
        line-height: 34px;
    }

    .belief .banner .inner .banner-contents .title h1 {
        font-size: 26px;
        line-height: 34px;
    }

    .home .features .features-inner .features-boxes .features-box {
        width: 100%;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .right .levels {
        padding: 22px;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .right .levels label {
        font-size: 13px;
        line-height: 19px;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .right .levels label input[type="checkbox"] {
        width: 16px;
        height: 16px;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .right .settings select {
        padding: 10px 50px 10px 17px;
        font-size: 12px;
        line-height: 20px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body .question .options {
        padding: 15px;
    }

    .exercise .banner .inner .banner-contents .title h1 {
        font-size: 26px;
        line-height: 34px;
    }

    .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits div .head h2 {
        font-size: 16px;
    }

    .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits>div .body .evidence-range h3 {
        font-size: 14px;
    }

    .belief-works .each-work .bottom h3 {
        font-size: 20px;
    }

    .belief-works .each-work .bottom p {
        font-size: 13px;
    }

    .belief-works .each-belief .left h3 {
        font-size: 14px;
    }

    .belief-works>div .title h2 {
        font-size: 24px;
    }

    .signup-inner .tabcontent {
        padding: 20px 25px;
    }

    .signup-inner .tab button {
        font-size: 18px;
        line-height: 28px;
        padding: 20px;
    }

    .my-works .banner .inner .banner-contents .title h1 {
        font-size: 26px;
        line-height: 34px;
    }
}

@media all and (max-width: 479px) {
    .home .banner .inner .banner-contents .description p {
        font-size: 12px;
        line-height: 18px;
    }

    .belief .banner .inner .banner-contents .description p {
        font-size: 12px;
        line-height: 18px;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .right .levels {
        padding: 20px 15px;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .right .levels label {
        font-size: 11px;
        line-height: 17px;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .right .levels label input[type="checkbox"] {
        width: 14px;
        height: 14px;
    }

    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .left .quot {
        font-size: 13px;
        line-height: 19px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body .question .options label {
        font-size: 10px;
        line-height: 16px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body .question .options label input[type="checkbox"] {
        width: 14px;
        height: 14px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body .question .quot {
        font-size: 12px;
        line-height: 18px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body .questionnaire::-webkit-scrollbar {
        width: 10px;
    }

    .exercise .exercise-inner .exercise-head .title h2 {
        font-size: 14px;
        line-height: 18px;
    }

    .exercise .exercise-inner .cognitive-distortions-technique .step {
        font-size: 14px;
        line-height: 18px;
      }

    .exercise .exercise-inner .exercise-head .title h2 span {
        font-size: 16px;
    }

    .exercise .exercise-inner .exercise-head .bottom h2 {
        font-size: 16px;
        line-height: 20px;
    }

    .exercise .exercise-inner .exercise-form > .top label {
        font-size: 12px;
        line-height: 18px;
    }

    .exercise .exercise-inner .exercise-head .bottom .range span, .exercise .exercise-inner .exercise-form > .top label .range span, .exercise .exercise-inner .exercise-form .cost-benefit-features .merits-demerits>div .body .evidence-range .range span, .exercise .exercise-inner .cognitive-distortions-technique .techniques .each-techniques .ranges>div .range span {
        font-size: 12px;
    }

    .exercise .exercise-inner .exercise-head .top .exercise-dropdown select {
        font-size: 12px;
    }

    .belief-works .each-work .bottom h3 {
        font-size: 18px;
    }

    .belief-works .each-work .bottom p {
        font-size: 12px;
    }

    .belief-works .each-belief .left h3 {
        font-size: 13px;
    }

    .belief-works>div .title h2 {
        font-size: 22px;
    }

    .belief-works {
        row-gap: 50px;
    }

    .exercise .exercise-inner .exercise-form .bottom .exercise-progress-bar h5 {
        font-size: 10px;
    }
    .belief .current-belief .current-belief-sorting {
        column-gap: 30px;
    }
}

@media all and (max-width: 420px) {
    .belief .banner .inner .banner-contents .current-belief .belief-list .each-belief .right .levels label {
        font-size: 10px;
        line-height: 16px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body .question .options label {
        font-size: 8px;
        line-height: 14px;
    }

    .belief .beliefs-accordion .beliefs-accordion-inner .accordion .accordion-item .accordion-body .question .options label input[type="checkbox"] {
        width: 12px;
        height: 12px;
    }

    .validation-buttons .button {
        padding: 8px 20px;
        font-size: 11px;
        line-height: 17px;
        width: 100px;
        height: 40px;
    }

    .belief-works .each-work .bottom h3 {
        font-size: 16px;
    }

    .belief-works .each-work .bottom p {
        font-size: 11px;
    }

    .belief-works .each-belief .left h3 {
        font-size: 12px;
    }
}


@media (min-width: 992px) {
    .navbar>.container {
        align-items: start;
    }

    .exercise .navbar>.container {
        align-items: center;
    }
}

@media (min-width: 992px) {
    .navbar>.container {
        align-items: start;
    }

    .exercise .navbar>.container {
        align-items: center;
    }

    .navbar .navbar-right {
        margin-left: 40px;
    }

    .navbar .profile.dropdown {
        padding: 10px 0;
    }
}