@media (max-width:1640px) {
    .payment-new__timer .payment__aside-tariffs--timers {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:768px) {
    .iti__country-list {
        top: inherit
    }

    .iti__country {
        display: inherit
    }
}

@media (max-width:1540px) {
    .lk-section-main .rating-popup-content__text {
        font-size: 28px;
        line-height: 130%
    }
}

@media (max-width:1400px) {
    .courses-template-default .lk-section-right {
        display: block
    }

    .main-lk {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .courses-list {
        grid-template-columns: repeat(auto-fill, minmax(44%, 1fr))
    }

    .lk-bio-timer.remaining-life-timer,
    .lk-bio-timer#biological-age-timer,
    .lk-bio-timer#stop-aging-timer {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 12px
    }

    .payment-new__timer .lk-bio-timer.remaining-life-timer,
    .payment-new__timer .lk-bio-timer#biological-age-timer,
    .payment-new__timer .lk-bio-timer#stop-aging-timer {
        grid-template-columns: 1fr
    }

    .lk-bio-timer__content--inner {
        margin-bottom: 0
    }

    .earned-time {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-block: 40px
    }

    .earned-time .lk-bio-timer__content__title {
        text-align: center
    }

    .lk-section-main .rating-popup-content__text {
        font-size: 36px;
        line-height: 130%
    }

    .payment-new__timer .tariff--inner.tariff--timer>.lk-bio-timer-change {
        grid-column: 1/3
    }
}

@media (max-width:1240px) {
    .registration-section {
        padding: 44px 76px
    }

    .registration-header {
        margin-bottom: 36px
    }

    .form-discr.-auth {
        margin-top: 36px
    }
}

@media (max-width:1200px) {
    .total__tittle {
        font-size: 20px;
        line-height: 130%
    }

    .personal_wrapp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .smoking-widget {
        max-width: 100%
    }

    .earned-time {
        padding-block: 32px
    }
}

@media (max-width:1140px) {

    .lk-bio-timer.remaining-life-timer,
    .lk-bio-timer#biological-age-timer,
    .lk-bio-timer#stop-aging-timer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .earned-time {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-block: 16px
    }

    #remaining-life-timer .countdown__content {
        padding-inline: 20px
    }
}

@media (max-width:1024px) {
    .registration-section {
        padding: 36px 56px
    }

    .registration-header {
        margin-bottom: 28px
    }

    .registration-form input,
    .registration-form select {
        padding: 16px;
        font-size: 17px;
        line-height: 100%
    }

    .registration-form .btn {
        padding: 16px 32px;
        font-size: 18px;
        line-height: 100%
    }

    .lk-section-left {
        position: fixed;
        left: -100%;
        -webkit-box-shadow: 0 0 10px rgb(183 195 210 / .5);
        box-shadow: 0 0 10px rgb(183 195 210 / .5);
        -webkit-transition: all .3s ease-in 0s;
        transition: all .3s ease-in 0s
    }

    .lk-section-left.active {
        left: 0
    }

    .wrapper-2 {
        padding-left: 12px;
        padding-right: 12px
    }

    .courses-template-default .main-lk {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .courses-template-default .lk-section-right {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .header-menu-lk .header-burger,
    .lk-header-close {
        display: block
    }

    .lk-sidebar::-webkit-scrollbar {
        width: 4px;
        height: 4px
    }

    .lk-sidebar::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 22px
    }

    .lk-sidebar::-webkit-scrollbar-thumb {
        background: #007bff;
        border-radius: 22px
    }

    .lk-sidebar::-webkit-scrollbar-thumb:hover {
        background: #0468d3
    }

    .lk-sidebar__lang-sw {
        position: relative;
        bottom: inherit
    }

    #remaining-life-timer .countdown__content {
        padding-inline: 8px
    }

    .lk-bio-timer.remaining-life-timer,
    .lk-bio-timer#biological-age-timer,
    .lk-bio-timer#stop-aging-timer {
        display: grid
    }

    .earned-time {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-block: 32px
    }
}

@media (max-width:820px) {

    .lk-bio-timer.remaining-life-timer,
    .lk-bio-timer#biological-age-timer,
    .lk-bio-timer#stop-aging-timer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .earned-time {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-block: 16px
    }

    #remaining-life-timer .countdown__content {
        padding-inline: 20px
    }

    .lk-section-main .rating-popup-content__text {
        font-size: 28px;
        line-height: 130%
    }
}

@media (max-width:768px) {
    .registration-section {
        width: calc(100vw - 24px)
    }

    .remember-me input[type=checkbox] {
        width: 20px;
        height: 20px
    }

    .registration-section--inner {
        width: 100%
    }

    .content-top__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px
    }

    .lk-tab__block-content-dropdown {
        font-size: 15px;
        line-height: 130%
    }

    .courses-list {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr))
    }

    .total__wrapp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 32px
    }

    .chart-container {
        height: 400px
    }

    .course-archive__title h1 {
        font-size: 32px;
        line-height: 130%
    }

    #remaining-life-timer .countdown__content {
        padding-inline: 8px
    }

    .lk-sidebar {
        scroll-behavior: inherit
    }

    .step-number {
        font-size: 18px;
        line-height: 120%
    }

    .page-template-registration .header-logo svg {
        width: 86px;
        height: 18px
    }
}

@media (max-width:660px) {
    .registration-section {
        padding: 36px 44px
    }

    .lk-section-main .rating-popup-content__text {
        font-size: 20px;
        line-height: 130%
    }
}

@media (max-width:576px) {
    .registration-section {
        padding: 36px
    }

    .registration-header {
        margin-bottom: 20px
    }

    .registration-form input,
    .registration-form select {
        font-size: 16px;
        line-height: 100%
    }

    .registration-form .btn {
        font-size: 17px;
        line-height: 100%
    }

    .form-discr.-auth {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .registration-form__block h1 {
        margin-bottom: 20px
    }

    .content-top__info--item svg {
        width: 56px;
        height: 56px
    }

    #biological-age-timer .countdown-container {
        padding: 16px 16px 20px
    }

    .number-section {
        width: 56px;
        height: 56px
    }

    .countdown-svg {
        width: 56px;
        height: 56px
    }

    .number {
        font-size: 20px;
        line-height: 100%;
        width: 56px;
        height: 56px
    }

    .number-section__text {
        font-size: 10px;
        line-height: 100%
    }

    .lk-calendar {
        padding: 16px 16px 24px
    }

    #currentMonthYear {
        font-size: 17px;
        line-height: 130%
    }

    .lk-tab__block-content-top h3 {
        font-size: 24px;
        line-height: 130%
    }

    .lk-bio-timer__content--inner {
        padding: 20px 16px
    }

    .countdown-container {
        gap: 4px
    }

    .earned-time {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }

    .week-days.tablet-watched::after {
        right: 4px
    }

    .week-days.bioprogram-watched::before {
        left: 4px
    }

    .vr-biopro__link h3 {
        font-size: 24px;
        line-height: 130%
    }

    .vr-biopro__link {
        padding: 24px 20px
    }

    .btn-card {
        margin-top: 20px
    }

    .registration-form__tab-button {
        padding: 4px 6px 12px;
        font-size: 17px;
        line-height: 120%
    }

    .payment-new__timer .tariff--inner.tariff--timer {
        grid-template-rows: repeat(2, -webkit-max-content);
        grid-template-rows: repeat(2, max-content)
    }

    #changeCardBtn>svg {
        width: 52px;
        height: 48px
    }

    .payment__aside--inner .payment__aside-signature p {
        font-size: 15px;
        line-height: 150%
    }
}

@media (max-width:500px) {
    .bouncing-blob {
        width: 60vw
    }

    .bouncing-blob--small {
        width: 30vw
    }

    .rating-options {
        margin: 12px 0 16px
    }

    .rating-button {
        width: 44px;
        height: 44px;
        font-size: 20px
    }
}

@media (max-width:480px) {
    .lk-section-main .rating-popup-content__text {
        font-size: 17px;
        line-height: 130%
    }

    .rating-popup-content {
        padding: 28px 20px 16px
    }

    .payment-new__timer .countdown-container .countdown__content:nth-child(2) {
        display: none
    }
}

@media (max-width:448px) {
    .registration-section {
        padding: 36px 20px
    }

    .countdown-container .countdown__content {
        width: 100%
    }

    .countdown-container .countdown__content:last-child {
        display: none
    }

    #currentMonthYear {
        text-align: center
    }

    .registration-form input,
    .registration-form select {
        border-radius: 8px
    }

    .registration-form__block h1 {
        font-size: 17px;
        line-height: 130%;
        margin-bottom: 16px
    }

    .registration-title {
        font-size: 18px;
        line-height: 120%
    }

    .registration-form .checkbox-label {
        font-size: 14px;
        line-height: 140%
    }

    .registration-form select#birth_day,
    .registration-form select#birth_month,
    .registration-form select#birth_year {
        padding: 12px 8px
    }

    .btn-back {
        font-size: 15px;
        line-height: 100%
    }

    .btn-back svg {
        height: 15px
    }

    .btn-secondary {
        font-size: 15px;
        line-height: 140%
    }

    #resend-timer {
        font-size: 15px;
        line-height: 100%
    }

    .lk-section-left {
        width: 100%
    }

    .lk-header {
        max-width: inherit
    }

    .lk-header .header-logo {
        margin-left: 0
    }

    .step-number {
        font-size: 17px;
        line-height: 120%
    }

    .page-template-registration .header-logo svg {
        width: 80px;
        height: 17px
    }

    .rating-button {
        width: 40px;
        height: 40px;
        font-size: 18px
    }

    .rating-options {
        margin: 8px 0 12px
    }

    .skip-rating {
        margin: 6px
    }

    .payment-new__timer .countdown-container .countdown__content:nth-child(3) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:380px) {
    .form-discr-serv {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px
    }

    .step-number {
        font-size: 15px;
        line-height: 120%
    }

    .page-template-registration .header-logo svg {
        width: 74px;
        height: 16px
    }

    .payment__aside-tariffs .tariff--inner__top_price-new {
        font-size: clamp(1.2rem, 4vh, 3rem)
    }
}