.main-mob-header,
.main-mob-character,
.main-mob-product,
.head-btns a.only-mob,
.mobile-menu-holder,
.page-head-bg-mob,
.img-mobile,
.article-contents-title svg,
.working-step-modal,
.about-main-footer .btn-instruction-about,
.about-main-footer img,
.where-image-mob,
.mobile-overlay,
.about-mobile-product,
.working-step-prev,
.working-step-next,
.main-mobile-product{
    display: none;
}

@media (max-width: 768px) {
    .body-about,
    .body-faq,
    .body-where{
        background: #F5F5F5;
    }

    html{
        font-size: 2.6666vw;
    }

    .root{
        padding: 0 1.6rem;
        overflow-x: hidden;
    }

    .head,
    .head-btns a.only-desk{
        display: none;
    }
    .main{
        overflow: visible;
    }
    .main-mob-header,
    .main-mob-product{
        display: block;
    }
    .main-mob-character{
        display: block;
        position: absolute;
        height: auto;
        width: 27.8rem;
        right: 0rem;
        bottom: 0;
        object-fit: contain;
    }

    .main-mob-product{
        height: 36rem;
        width: auto;
        position: absolute;
        top: 23.5rem;
        left: 1rem;
    }
    .main-mob-header{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
    .main-grid > div.with-video svg{
        position: absolute;
        bottom: 5rem;
    }
    .main-grid > div:nth-child(2) svg{
        top: 0.3rem;
    }

    .head-fixed,
    .head-fixed.showed{
        top: 1.6rem;
        left: 1rem;
        right: 1rem;
        transform: none;
        padding: 1rem 1.2rem;
        width: auto;
        background: #FFFFFF;
        overflow: hidden;
        flex-wrap: wrap;
        border-radius: 3rem;
    }
    .head-links{
        display: none;
    }
    .head-logo svg{
        width: 18.3rem;
        margin-left: 0.6rem;
    }
    .head-btns{
        gap: 1rem;
    }
    .head-btns a span{
        display: none;
    }
    .head-fixed .head-btns a{
        padding: 0;
    }

    .main-video-holder{
        aspect-ratio: 94 / 135;
        border-radius: 0;
        width: 100%;
    }
    .main-video-holder video{
        display: none;
    }
    .main-video-holder::after{
        display: none;
    }
    .main-top{
        margin-bottom: 9rem;
        margin-left: -1.6rem;
        width: calc(100% + 3.2rem);
        aspect-ratio: 94 / 135;
    }
    .main-bottom{
        flex-direction: column;
        margin-top: 0;
        padding: 0;
        gap: 2rem;
    }
    .main-left{
        width: 100%;
        margin: 0;
    }
    .main-grid{
        grid-template-columns: 1fr;
        padding: 0;
    }
    .main-grid > div{
        flex-direction: row-reverse;
        height: 12.8rem;
        font-size: 2rem;
        gap: 2.9rem;
        align-items: center;
        padding: 0 3rem;
    }
    .main-grid > div.with-video{
        height: 31.6rem;
    }
    .main-grid > div svg{
        width: 6.8rem;
    }
    .main-grid > div.with-video span{
        font-size: 2.6rem;
        position: absolute;
        top: 3.5rem;
        left: 3rem;
    }
    .main-product{
        display: none;
    }
    .main-right{
        background: none;
        overflow: visible;
        gap: 1.5rem;
    }
    .main-innova{
        margin: 0;
        padding: 3rem 1.7rem 4rem 3rem;
        font-size: 2rem;
        gap: 2rem;
        align-items: start;
        background: #FFFFFF;
        border: 1px solid #D9D9D9;
        border-radius: 3.8rem;
        opacity: 1;
    }
    .main-innova svg{
        width: 5rem;
    }
    .btn-instruction{
        position: static;
        padding: 1.8rem 4rem;
        text-align: center;
        justify-content: center;
        font-size: 2rem;
        font-weight: 500;
        margin-bottom: 5rem;
    }
    .btn-instruction svg{
        display: none;
    }

    .symptoms{
        flex-direction: column;
        height: auto;
        padding: 3.8rem 3rem 0;
        margin: 0 0 5.8rem;
        width: 100%;
    }
    .symptoms-center,
    .symptoms-right{
        order: 2;
    }
    .symptoms-title{
        font-size: 3.2rem;
        margin-bottom: -0.5rem;
    }
    .symptoms-subtitle{
        font-size: 2.6rem;
        line-height: 1.1;
        margin-bottom: 1.3rem;
    }
    .symptoms-subst{
        font-size: 2.6rem;
        height: 3.9rem;
        line-height: 3.9rem;
        margin-left: -1.4rem;
        padding: 0 1.6rem;
    }
    .symptoms-left{
        padding-top: 0;
        padding-bottom: 1.8rem;
        gap: 1.7rem;
    }
    .symptoms-text{
        font-size: 1.6rem;
        width: auto;
    }
    .symptoms-help{
        position: relative;
        order: 1;
        top: 0;
        right: 0;
        width: calc(100% + 7rem);
        font-size: 2rem;
        padding: 1.3rem 3rem 1.5rem 3rem;
        gap: 1.5rem;
        margin-bottom: 2.3rem;
    }
    .symptoms-help span{
        flex: 1;
    }
    .symptoms-kid > svg{
        width: 100%;
    }
    .symptoms-pulse{
        width: 10rem;
        height: 10rem;
        top: 25rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .symptoms-icon{
        width: 6rem;
        height: 6rem;
    }
    .symptoms-icon svg{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .symptoms-right{
        padding: 3.4rem 3.2rem;
        margin: 0 -3rem;
        background: linear-gradient(122.83deg, #006073 25.09%, #0DB59F 119.53%);
        border-radius: 3.8rem;
    }
    .symptoms-list{
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }
    .symptoms-list > div{
        font-size: 2rem;
        line-height: 1;
        align-items: start;
        height: 4rem;
    }
    .symptoms-mask svg{
        width: 1.7rem;
        height: 1.7rem;
        object-fit: contain;
    }
    .symptoms-check{
        width: 1.7rem;
        height: 1.7rem;
        position: relative;
        top: 0.3rem;
        flex-shrink: 0;
    }
    .symptoms-mask{
        width: 0.8rem;
        height: 0.8rem;
    }

    @keyframes checkMask {
        0.1%{
            width: 0.8rem;
            height: 0.8rem;
            background: #72CEC2;;
        }
        20%{
            width: 0.6rem;
            height: 0.6rem;
            background: #72CEC2;
        }
        21%{
            width: 0.6rem;
            height: 0.6rem;
            background: none;
        }
        100%{
            width: 1.7rem;
            height: 1.7rem;
            background: none;
        }
    }
    @keyframes uncheckMask {
        0.1%{
            width: 1.7rem;
            height: 1.7rem;
            background: none;
        }
        80%{
            width: 0.6rem;
            height: 0.6rem;
            background: none;
        }
        81%{
            width: 0.6rem;
            height: 0.6rem;
            background: #72CEC2;
        }
        100%{
            width: 0.8rem;
            height: 0.8rem;
            background: #72CEC2;
        }
    }
    @keyframes checkSvg {
        0.1%{
            opacity: 0;
            top: -0.8rem;
            left: -0.3rem;
        }
        20%{
            opacity: 0;
            top: -0.8rem;
            left: -0.3rem;
        }
        21%{
            opacity: 1;
            top: -0.8rem;
            left: -0.3rem;
        }
        100%{
            opacity: 1;
            top: 0rem;
            left: 0rem;
        }
    }
    @keyframes uncheckSvg {
        0.1%{
            opacity: 1;
            top: 0rem;
            left: 0rem;
        }
        80%{
            opacity: 1;
            top: -0.8rem;
            left: -0.3rem;
        }
        81%{
            opacity: 0;
            top: -0.8rem;
            left: -0.3rem;
        }
        100%{
            opacity: 0;
            top: -0.8rem;
            left: -0.3rem;
        }
    }
    @keyframes checkPath {
        0.1%{
            stroke: #72CEC2;
        }
        20%{
            stroke: #72CEC2;
        }
        21%{
            stroke: #72CEC2;
        }
        100%{
            stroke: #FD8103;
        }
    }
    @keyframes uncheckPath {
        0.1%{
            stroke: #FD8103;
        }
        80%{
            stroke: #FD8103;
        }
        81%{
            stroke: #FD8103;
        }
        100%{
            stroke: #72CEC2;
        }
    }

    .kid-holder{
        height: auto;
        margin-bottom: 5rem;
    }
    .kid-content{
        display: flex;
        flex-direction: column;
        gap: 2.4rem;
        border-radius: 3.8rem;
        background: #E2E2E2;
        padding: 4.2rem 3.1rem;
        margin-bottom: 2rem;
        overflow: hidden;
    }
    .kid-slogan{
        position: static;
        font-size: 3.2rem;
    }
    .kid-text{
        position: static;
        font-size: 1.6rem;
        width: auto;
    }
    .kid-btns{
        position: static;
        flex-direction: column;
    }
    .kid-wrapper{
        height: 28rem;
        margin-bottom: 2rem;
    }
    .kid-label{
        width: 10rem;
        height: 10rem;
        right: auto;
        left: 1.9rem;
        top: 9rem;
        font-size: 4.8rem;
        padding-top: 1.4rem;
    }
    .kid-label span{
        font-size: 2rem;
    }
    .kid-slogan span{
        gap: 0.9rem;
    }
    .kid-slogan svg{
        width: 3rem;
    }
    .kid-btns a{
        width: 100%;
        height: 24.8rem;
        padding: 3.5rem 2.9rem;
        font-size: 2.6rem;
        font-weight: bold;
        text-transform: uppercase;
    }

    .advantages-holder{
        height: auto;
    }
    .advantages{
        padding-top: 4.2rem;
        margin-bottom: 38rem;
    }
    .advantages-title{
        font-size: 3.2rem;
        margin: 0 auto 3.2rem;
        text-align: center;
    }
    .advantages-bottom-list{
        top: 33rem;
        margin-top: -33rem;
        flex-direction: column;
        padding: 4.1rem 3.6rem;
    }
    .advantages-bottom-item{
        width: 100%;
    }
    .advantages-bottom-item svg{
        width: 10.7rem;
        flex-shrink: 0;
    }
    .advantages-bottom-name{
        flex: 1;
    }
    .advantages-bottom-name sup{
        font-size: 0.5em;
        position: relative;
        top: -0.1rem;
    }

    .advantages-list{
        display: block;
        padding: 0;
        max-height: 32.4rem;
    }
    .advantages-item{
        text-align: center;
        padding: 0 5rem;
    }
    .advantages-name{
        margin: 0;
    }
    .slick-arrow{
        background: url("../img/arrow.svg");
        background-size: cover;
        width: 1.5rem;
        height: 3.7rem;
        outline: none;
        border: none;
        font-size: 0;
        position: absolute;
        top: 7.2rem;
        left: 2.4rem;
        z-index: 1;
    }
    .slick-arrow.slick-next{
        transform: rotate(180deg);
        left: auto;
        right: 2.4rem;
    }

    .where{
        width: 100%;
        height: auto;
        margin: 0 0 7.4rem;
        padding: 4.3rem 0.9rem 40.2rem;
    }
    .where-title{
        font-size: 3.2rem;
        text-align: center;
    }
    .where-list{
        grid-template-columns: 1fr;
        width: 100%;
    }
    .where-item:nth-child(n+4){
        display: none;
    }
    .where-item-more{
        display: block;
    }
    .where-product{
        left: 1rem;
    }
    .where-product-holder{
        top: auto;
        bottom: -2.5rem;
        left: 7rem;
        right: 0;
        height: 40rem;
        width: 20rem;
    }
    .where-rasp{
        width: 14rem;
        height: 14rem;
        top: 12rem;
        left: -4.6rem;
    }
    .where-rasp:nth-child(2){
        width: 6.7rem;
        height: 6.7rem;
        top: 28rem;
        left: 15.5rem;
    }
    .where-rasp:nth-child(3){
        width: 3.7rem;
        height: 3.7rem;
        top: 21rem;
        left: 16rem;
    }

    .how{
        height: auto;
        text-align: center;
        padding: 3rem 1rem;
    }
    .how-head{
        flex-direction: column;
    }
    .how-title{
        font-size: 3.2rem;
    }

    .main-title,
    .page .main-title{
        margin-left: -1.6rem;
        margin-right: -1.6rem;
        border-radius: 0;
        padding-left: 1.8rem;
    }
    .main-title h2{
        font-size: 3.2rem;
    }
    .main-title a{
        display: none;
    }
    .main-articles-slider {
        flex-direction: column;
        width: auto;
        row-gap: 3.4rem;
        margin-bottom: 3.4rem;
    }
    .main-articles-item {
        width: auto;
        gap: 1.5rem;
    }
    .main-articles-item-title{
        font-size: 2rem;
    }

    .main-faq-item {
        text-align: center;
        padding: 1.9rem 2rem 5.5rem;
        position: relative;
    }
    .page .main-faq-item{
        background: #FFFFFF;
    }
    .main-faq-question {
        flex-direction: column;
        row-gap: 1.6rem;
        margin-bottom: 2rem;
    }
    .main-faq-icon {
        position: absolute;
        bottom: 2.4rem;
        width: 3.5rem;
        height: 3.5rem;
    }
    .main-faq-answer{
        padding: 0 0 1rem;
    }


    .footer {
        margin: 0 -1.6rem;
    }
    .footer-top {
        padding: 5rem 2rem 6.3rem;
    }
    .footer-logo{
        margin-bottom: 4.6rem;
    }
    .footer-top-menu {
        flex-direction: column;
        align-items: start;
    }
    .footer-top-menu-items {
        flex-direction: column;
        row-gap: 3rem;
        margin-bottom: 5.6rem;
    }
    .footer-bottom-menu {
        flex-direction: column;
        gap: 2rem;
    }

    .footer-bottom-label {
        padding-right: 0.625rem;
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }
    .footer-bottom-label img {
        display: none;
    }
    .footer-bottom-label span {
        display: block;
        text-align: center;
        font-size: 1.1rem;
        color: #97A6C2;
        transform-origin: left;
        transform: scaleX(.5);
        font-size: 1.8rem;
        transform-origin: left;
        width: 200%;
    }

    .footer-disclaim-btn {
        top: 1px;
        transform: translateY(-100%);
        height: 3.3rem;
        border-radius: 0.6rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .footer-bottom{
        padding-bottom: 12rem;
    }

    .head-btns a.only-mob{
        display: flex;
    }
    .head-btns a.burger-btn .head-btn-icon{
        background: #EBEBEB;
        flex-direction: column;
        gap: 0.4rem;
    }
    .head-btns a.burger-btn span{
        display: block;
        width: 2.3rem;
        height: 0.2rem;
        border-radius: 0.2rem;
        background: #016073;
        transition: margin .2s;
    }

    .opened .head-btns a.burger-btn span{
        margin: -0.3rem auto;
    }
    .mobile-menu-holder{
        display: block;
        height: 0;
        overflow: hidden;
    }
    .mobile-menu{
        display: flex;
        flex-direction: column;
        gap: 2rem;
        padding: 2rem 0.5rem;
    }
    .mobile-menu a,
    .mobile-menu span{
        display: block;
        color: #1F1F1F;
        font-weight: 500;
        font-size: 1.5rem;
    }
    .mobile-sub{
        padding-left: 1rem;
        display: flex;
        flex-direction: column;
        margin-top: 2rem;
        display: none;
    }
    .mobile-sub a{
        color: #949494;
        font-size: 1.6rem;
        font-weight: 400;
        margin-bottom: 2rem;
    }
    .mobile-sub-wrapper span{
        display: flex;
        gap: 1rem;
        align-items: center;
    }
    .mobile-sub-wrapper.opened svg{
        transform: rotate(180deg);
    }
    .mobile-btns{
        display: flex;
        flex-direction: column;
        gap: 2rem;
        align-items: start;
        margin-top: 1.8rem;
    }
    .mobile-btns a{
        display: flex;
        gap: 1rem;
        background: #F5F5F5;
        padding: 0.4rem;
        border-radius: 4.6rem;
        align-items: center;
        width: 20.4rem;
    }
    .mobile-btn-icon{
        width: 3.8rem;
        height: 3.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #016073;
        border-radius: 4rem;
    }
    .mobile-btns a:nth-child(2) .mobile-btn-icon{
        background: #F28C2E;
    }

    .page .main h1,
    .page .main .page-head-title{
        font-size: 3.4rem;
        line-height: 3.8rem;
        top: 8.9rem;
        left: 2.4rem;
    }
    .page .main-video-holder,
    .page .main-top{
        height: 43rem;
    }
    .img-character{
        top: auto;
        bottom: 0;
        height: 26.1rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .character-faq{
        left: 6.5rem;
        transform: none;
    }
    .character-articles{
        height: 28rem;
    }
    .character-about{
        left: 54%;
    }
    .character-where{
        height: 25.4rem;
        left: 63.5%;
    }
    .page-head-bg{
        display: none;
    }
    .page-head-bg-mob{
        display: block;
        position: absolute;
        width: 100vw;
        object-fit: cover;
        object-position: right;
        left: 50%;
        transform: translateX(-50%);
    }
    .page .main-top{
        margin-bottom: 0;
    }
    .page .main{
        margin-bottom: 3rem;
    }

    .page .page-wrapper{
        padding: 0;
    }
    .tags-list-section{
        padding: 0;
        margin-bottom: 2rem;
    }
    .tags-list a{
        margin-right: 0.5rem;
        font-size: 1.4rem;
        padding: 0.65rem 1rem;
        line-height: 1.7rem;
    }

    .articles-list {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 2rem;
        padding: 0;
    }
    .article-item-head img{
        height: 21.9rem;
    }
    .article-item-tag{
        padding: 0.65rem 1rem;
        line-height: 1.7rem;
    }
    .article-item-rating{
        width: 4rem;
        height: 4rem;
        top: 1.7rem;
        right: 1.8rem;
    }
    .article-item-rating svg{
        width: 4rem;
        height: 4rem;
    }
    .article-item-rating span{
        font-size: 1.6rem;
        top: 1.23rem;
    }
    .article-item-title{
        font-size: 2rem;
    }
    .article-item-body {
        padding: 1.6rem 1.9rem 7.4rem;
    }

    .list-pager-desc {
        display: none;
    }

    .list-pager {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 1rem;
        margin: 5rem 0 5rem;
    }

    .list-pager a,
    .list-pager p {
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        border-radius: 2rem;
        border: 0.1rem solid #00BCC6;
        font-size: 2rem;
        color: #00BCC6;
        transition: all .2s;
        text-align: center;
        text-decoration: none;
        font-weight: 400;
        margin: 0;
    }

    .list-pager a:hover,
    .list-pager p {
        background: #00BCC6;
        color: #FFFFFF;
    }

    .article-body {
        flex-direction: column;
        padding: 0;
    }

    .article-contents{
        z-index: 1;
    }
    .article-contents-holder {
        width: 100%;
        margin: 1.6rem 0;
    }

    .article-contents-title {
        font-size: 2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
    }

    .article-contents-item {
        font-size: 1.6rem;
        font-weight: 500;
        padding: 0.6rem 1rem;
    }

    .article-text {
        width: auto;
    }
    .article-contents-holder .back-btn {
        display: none;
    }
    .article-contents-items {
        display: none;
        padding-top: 1rem;
    }

    .article-contents-title svg {
        display: block;
    }

    .article-contents-title.opened svg {
        transform: rotate(180deg);
    }

    .article-head {
        padding: 0;
    }

    .article-head h1 {
        font-size: 3.2rem;
        line-height: 1.2;
    }

    .tags-list {
        margin-bottom: 0.9rem;
        overflow-x: hidden;
    }

    .about-main{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    .about-main-left{
        display: none;
    }
    .btn-instruction-about{
        display: none;
    }
    .about-main-head{
        margin-bottom: 3rem;
    }
    .about-main-head svg{
        width: 25.3rem;
    }
    .about-main-text{
        font-size: 1.6rem;
        line-height: 1.37;
        margin-bottom: 3rem;
    }
    .about-main-blocks{
        flex-direction: column;
        margin-bottom: 3rem;
    }
    .about-main-blocks > div{
        flex-direction: row;
        align-items: center;
        font-size: 1.6rem;
        padding: 3rem;
    }
    .about-main-blocks > div svg{
        width: 5.6rem;
        flex-shrink: 0;
    }
    .about-main-footer{
        flex-direction: column;
    }

    .about-main-mass > div{
        font-size: 3.5rem;
        padding: 0.7rem 4.4rem;
        transition: all .4s;
    }
    .about-main-mass > div span{
        font-size: 2rem;
        margin-top: -0.8rem;
    }
    .about-main-mass > div:first-child{
        margin-right: -1.3rem;
    }
    .about-main-text-30,
    .about-main-text-100{
        font-size: 1.6rem;
        text-align: center;
        padding: 0 4rem;
        height: 4.16rem;
        align-items: center;
        display: flex;
    }
    .about-main-text-30{
        display: none;
    }
    .about-main-line{
        display: none;
    }
    .about-main-footer .btn-instruction-about{
        display: flex;
        width: 100%;
        background: #FFFFFF;
        font-size: 1.6rem;
        gap: .9rem;
    }
    .about-main-footer img{
        display: block;
        height: 34.1rem;
        width: 100%;
        object-fit: contain;
        position: relative;
        margin-bottom: -2rem;
        opacity: 0.52;
        transition: all .4s;
    }
    .about-main-footer img.active{
        opacity: 1;
        height: 41.9rem;
    }
    .about-mobile-product{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 41.9rem;
    }

    .working{
        margin: 0 0 4.8rem;
        padding: 3.8rem 3.1rem 0;
    }
    .working-head{
        flex-direction: column;
        gap: 1.4rem;
        margin-bottom: 2rem;
    }
    .working-title{
        font-size: 3.2rem;
        line-height: 1.1;
    }
    .working-subtitle{
        font-size: 1.6rem;
    }

    .working-body{
        flex-direction: column-reverse;
        margin: 0 -3.1rem;
    }
    .working-kid{
        height: 41rem;
    }
    .working-steps-holder{
        padding: 3.9rem 3rem 5rem;
        background: linear-gradient(122.83deg, #006073 25.09%, #0DB59F 119.53%);
        border-radius: 3.8rem;
        position: relative;
        z-index: 2;
    }
    .working-steps{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        row-gap: 2rem;
    }
    .working-step{
        padding: 0;
        width: 50%;
    }
    .working-step-modal .working-step{
        width: auto;
    }
    .working-step.active{
        background: none;
        margin: 0;
        padding: 0;
    }
    .working-step.active .working-step-text{
        display: none;
    }
    .working-step-head{
        gap: 0.9rem;
        font-size: 2rem;
        align-items: start;
        margin: 0;
    }
    .working-step-icon{
        width: 3.5rem;
        height: 3.5rem;
    }
    .working-step.active span{
        font-weight: 400;
        position: relative;
        top: 0.5rem;
    }

    .working-step:nth-child(1).active svg path{
        stroke: #24C7B6;
    }
    .working-step:nth-child(2).active svg path,
    .working-step:nth-child(3).active svg path,
    .working-step:nth-child(4).active svg path,
    .working-step:nth-child(5).active svg path,
    .working-step:nth-child(6).active svg path{
        fill: #24C7B6;
    }

    .working-step-modal{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(122.83deg, #006073 25.09%, #0DB59F 119.53%);
        padding: 3rem;
        border-radius: 3.8rem;
        opacity: 0;
        pointer-events: none;
        transition: opacity .2s;
    }
    .working-step-modal.showed{
        opacity: 1;
        pointer-events: auto;
    }
    .working-step-modal .working-step-head{
        margin-bottom: 1rem;
    }
    .working-step-modal .working-step-text{
        height: auto;
        font-size: 1.4rem;
    }
    .working-step-close{
        position: absolute;
        right: 1.8rem;
        top: 1.8rem;
        z-index: 1;
    }

    /*
    .working-step-modal .working-step:nth-child(1) svg path{
        stroke: #FD8103;
    }
    .working-step-modal .working-step:nth-child(2) svg path,
    .working-step-modal .working-step:nth-child(3) svg path,
    .working-step-modal .working-step:nth-child(4) svg path,
    .working-step-modal .working-step:nth-child(5) svg path,
    .working-step-modal .working-step:nth-child(6) svg path{
        fill: #FD8103;
    }
    */

    .about-holder{
        margin: 0;
    }

    .main-where-shops {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        background: none;
        padding: 0 0 5.4rem;
        margin: 0;
    }

    .main-where-shop:nth-child(n+5) {
        display: none;
    }

    .main-where-shop.main-where-shop-more {
        display: flex;
        height: 5.2rem;
        border-radius: 5.2rem;
        font-size: 1.6rem;
    }

    .main-where-shop {
        box-sizing: border-box;
    }

    .main-where-shop img {
        box-sizing: border-box;
    }
    .main-where-shop:nth-child(n+5) {
        display: none;
    }
    .page .main-where-shop:nth-child(n+5) {
        display: flex;
    }

    .page .main-articles-recommend{
        margin: 0 0 5rem;
    }

    .where-banner{
        flex-direction: column;
        height: auto;
        gap: 7.1rem;
        margin: 0 0 2rem;
        background: #FFFFFF;
    }
    .where-image img{
        display: none;
    }
    .where-image img.where-image-mob{
        display: block;
    }
    .where-icon{
        top: 100%;
        right: 50%;
    }
    .where-text{
        width: auto;
        font-size: 2.2rem;
        line-height: 1.2;
        margin: 0 2.1rem 5rem;
    }
    .where-text svg{
        width: 3.5rem;
        right: 11rem;
        bottom: -3rem;
    }

    .instruction-page{
        margin-top: 3.3rem;
    }
    .instruction-head svg{
        width: 4.4rem;
        height: 4.4rem;
        flex-shrink: 0;
    }
    .instruction-page .article-contents-holder{
        margin-top: 0;
    }
    .instruction-head{
        margin-bottom: 3.4rem;
    }

    .article-contents.fixiki{
        background: none;
        cursor: pointer;
    }
    .article-contents.fixiki span{
        content: '';
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 0;
        top: 0.8rem;
        width: 4rem;
        height: 4rem;
        border-radius: 0.8rem;
        background: #016073;
        cursor: pointer;
        z-index: 99999;
    }
    .article-contents.fixiki .article-contents-title{
        opacity: 0;
    }
    .article-contents.fixiki.fixiki2 {
        background: #fff;
    }
    .article-contents.fixiki.fixiki2 .article-contents-title {
        opacity: 1;
    }
    .article-contents.fixiki.fixiki2 span {
        display: none;
    }

    .article-text h2{
        font-size: 2.8rem;
        line-height: 1.2;
    }
    .article-text span,
    .article-text p,
    .article-text li{
        font-size: 1.6rem;
    }
    .article-text li:before{
        top: 1rem;
        width: 1rem;
    }
    .article-text > div.instruction-btns{
        flex-direction: column;
        gap: 2rem;
    }
    .instruction-btns .btn-instruction-about{
        display: flex;
        width: 100%;
        font-size: 1.6rem;
        gap: 0.9rem;
    }

    .list_of_author--block {
        border-radius: 2rem;
        gap: 2rem;
        padding: 2rem;
    }
    .list_of_author--img{
        width: 8rem;
        height: 8rem;
        border-radius: 2rem;
    }
    .list_of_author--name{
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }
    .list_of_author--description{
        font-size: 1.4rem;
    }
    .article-footer{
        width: 100%;
    }
    .article-date{
        font-size: 1.6rem;
        margin-bottom: 4rem;
    }


    .article-rating-title {
        font-size: 1.8rem;
        font-weight: 600;
        margin-bottom: 3rem;
        text-align: center;
    }
    .article-rating-step:nth-child(2) .article-rating-btns {
        display: none;
    }
    .article-rating-btns-mob {
        display: block;
        width: 100%;
        padding: 1rem 0;
    }
    .article-range {
        position: relative;
        height: 4rem;
        margin: 0 0 2.4rem;
    }
    .article-range-line,
    .article-range-progress {
        position: absolute;
        width: 100%;
        height: 0.4rem;
        background: rgba(130, 209, 178, 0.3);
        border-radius: 0.4rem;
        top: calc(50% - 0.2rem);
        left: 0;
        transition: background-color .2s;
    }
    .article-range-progress {
        width: 10%;
        background: rgba(15, 173, 112, 0.5);
    }
    .article-range-num {
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.6rem;
        font-weight: 700;
        color: #FFFFFF;
        left: 10%;
        text-align: center;
        margin-left: -3rem;
        transition: background-color .2s;
    }
    .article-range-num svg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .article-range-num span {
        position: relative;
        line-height: 4.4rem;
        left: -0.1rem;
    }
    .svg-rasp{
        transition: fill .2s;
    }
    .article-range.orange .article-range-line{
        background: rgba(253, 129, 3, 0.3);
    }
    .article-range.orange .article-range-progress{
        background: rgba(253, 129, 3, 0.5);
    }
    .article-range.orange .svg-rasp{
        fill: #FD8103;
    }
    .article-range.red .article-range-line{
        background: rgba(255, 64, 0, 0.6);
    }
    .article-range.red .article-range-progress{
        background: rgba(255, 64, 0, 0.8);
    }
    .article-range.red .svg-rasp{
        fill: #FF4000;
    }
    .article-range-input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 2;
    }
    .article-rating-next, .article-rating-submit {
        font-size: 1.8rem;
        font-weight: 600;
        text-align: center;
        background: #0DB59F;
        color: #FFFFFF;
        border-radius: 4.6rem;
        height: 4.6rem;
        line-height: 4.6rem;
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    .article-recommend-title{
        font-size: 3.2rem;
        margin-bottom: 2rem;
    }
    .article-recommend-prev, .article-recommend-next{
        display: none;
    }
    .article-rating-title:nth-child(2) {
        font-size: 1.44rem;
        font-weight: 400;
    }

    .article-rating-list input[type=checkbox] + label {
        display: block;
        width: 100%;
        background: #00BCC6;
        color: #FFFFFF;
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 1.2;
        text-align: center;
        padding: 1rem;
        border-radius: 1rem;
    }
    .article-rating-list input[type=checkbox],
    .article-rating-list input[type=checkbox] + label:before {
        display: none;
    }
    .article-rating-list input[type=checkbox]:checked + label {
        background: #0DB59F;
    }
    .article-rating-other {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 400;
        padding: 1.6rem 2rem;
        width: 100%;
        height: 15.8rem;
        border-radius: 1rem;
        margin-bottom: 4rem;
    }
    .article-thanks {
        height: 10.3rem;
    }
    .article-thanks span {
        font-size: 1.6rem;
        line-height: 1.3;
        flex: 1;
        padding-right: 3.3rem;
    }
    .footer-bottom-label.closed{
        bottom: -9.7rem;
    }

    .modal {
        padding: 1.2rem;
    }
    [data-name="sources"] .modal-top {
        width: 100%;
        flex-direction: column;
        row-gap: 2rem;
        margin-bottom: 2rem;
    }
    .modal[data-name="sources"] .modal-title{
        padding: 0;
        font-size: 3.1rem;
        line-height: 3.5rem;
    }
    .modal-bottom {
        flex-direction: column;
        row-gap: 3.7rem;
    }
    [data-name="sources"] .modal-holder {
        padding: 4rem 2.5rem 1.5rem;
        max-height: 90%;
        height: 90%;
        overflow-y: scroll;
    }
    [data-name="sources"] .modal-bottom{
        height: calc(100% - 15rem);
    }

    [data-name="sources"] .modal-close{
        top: 2.1rem;
        right: 2.1rem;
    }
    .modal-bottom {
        flex-direction: column;
        row-gap: 3.7rem;
    }
    .footer-sources-holder {
        font-size: 1.8rem;
        font-weight: 400;
        padding-right: 0;
        width: 100%;
        margin: 0;
        max-height: 100%;
        height: 100%;
    }
    [data-name="sources"] .modal-close-text{
        font-size: 1.4rem;
        height: 3.2rem;
        line-height: 3.2rem;
    }

    .main-slogan{
        font-size: 3.2rem;
        line-height: 3.8rem;
        top: 8.8rem;
        left: 2.4rem;
        transform: none;
    }
    .main-slogan sup{
        font-size: 1rem;
        line-height: 1rem;
    }

    [data-name="external-link"] .modal-holder{
        font-size: 1.6rem;
    }
    .modal-btns {
        flex-direction: column;
        row-gap: 1rem;
        margin-top: 2rem;
    }
    .modal-btns a {
        margin: 0;
    }

    .footer-bottom-akr{
        margin-bottom: 2.5rem;
    }
    .footer-bottom-text span{
        text-transform: none;
    }

    .article-img{
        border-radius: 0;
        margin-left: -1.6rem;
        margin-right: -1.6rem;
    }
    .article-text li{
        text-indent: 0;
    }


    .body-faq .head-items img:nth-child(1){
        width: 21.1rem;
        top: 28.9rem;
        right: -4.1rem;
        left: auto;
    }
    .body-faq .head-items img:nth-child(2){
        top: 16rem;
        left: -2rem;
    }

    .body-about .head-items img:nth-child(1){
        position: absolute;
        width: 6.3rem;
        height: 6.3rem;
        left: 0;
        top: 19.5rem;
        filter: blur(0.035rem);
        transform: rotate(-31.76deg);

    }
    .body-about .head-items img:nth-child(2) {
        position: absolute;
        width: 15.0rem;
        height: 15.0rem;
        left: 23.6rem;
        top: 28.9rem;
        filter: blur(0.405rem);
        transform: rotate(37.89deg);
    }
    .body-about .head-items img:nth-child(3) {
        display: none;
    }

    .body-where .head-items img:nth-child(1){
        width: 9.8rem;
        height: 9.9rem;
        left: .0rem;
        top: 20.8rem;
    }
    .body-where .head-items img:nth-child(2){
        width: 5.5rem;
        height: 5.5rem;
        left: 6.7rem;
        top: 32.2rem;
    }
    .body-where .head-items img:nth-child(3){
        width: 7.2rem;
        height: 7.2rem;
        left: 30.1rem;
        top: 31.7rem;
    }

    .body-instruction .head-items img:nth-child(1){
        width: 5.8rem;
        height: 5.8rem;
        left: 5.4rem;
        top: 20.3rem;
        filter: blur(0.035px);
        transform: rotate(-31.76deg);
    }
    .body-instruction .head-items img:nth-child(2){
        position: absolute;
        width: 10.4rem;
        height: 10.4rem;
        left: 28.4rem;
        top: 27.2rem;
        filter: blur(0.405rem);
        transform: rotate(37.89deg);
    }

    .body-articles .head-items img:nth-child(1){
        width: 7.532rem;
        left: 0.018rem;
        top: 21.518rem;
        filter: blur(0.035rem);
        transform: rotate(-31.76deg);
    }
    .body-articles .head-items img:nth-child(2){
        width: 4.63rem;
        left: 5.811rem;
        top: 16.611rem;
        filter: blur(0.035rem);
        transform: rotate(18.33deg);
    }
    .body-articles .head-items img:nth-child(3){
        width: 13.344rem;
        left: 30.291rem;
        top: 20.091rem;
        filter: blur(0.405rem);
        transform: rotate(37.89deg);
    }

    .mobile-overlay{
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #006073;
        opacity: 0;
        pointer-events: none;
    }
    .mobile-overlay.showed{
        opacity: 0.6;
        pointer-events: auto;
    }

    .working-step-prev,
    .working-step-next{
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 2rem;
    }
    .working-step-next{
        left: auto;
        right: 2rem;
    }
    .working-step-modal .working-step-text{
        padding-left: 1.5rem;
        padding-right: 1rem;
        font-weight: 300;
    }

    .how{
        gap: 3.6rem;
        padding: 4rem 2rem 4rem;
    }
    .how-head{
        gap: 3.3rem;
    }
    .how-btns{
        display: flex;
        flex-wrap: nowrap;
        gap: 2rem;
        overflow-x: scroll;
        margin: 0 -2rem;
        padding: 0 2rem;
        width: calc(100% + 4rem);
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .how-btns::-webkit-scrollbar {
        display: none;
    }
    .how-tab{
        position: relative;
        overflow-x: scroll;
        pointer-events: none;
        margin: 0 -2rem;
        padding: 0 2rem;
        width: calc(100% + 4rem);
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .how-tab::-webkit-scrollbar {
        display: none;
    }
    .how-tab.active{
        pointer-events: all;
    }
    .how-tab:nth-child(2){
        position: absolute;
    }
    .how-btns a{
        font-size: 1.6rem;
        height: 4rem;
        line-height: 4rem;
        padding: 0 2rem;
        white-space: nowrap;
    }
    .how-text{
        font-size: 2rem;
        height: 14rem;
    }
    .how-text b{
        font-size: 3.2rem;
    }
    .how-text span{
        font-size: 1.6rem;
    }
    .how-item{
        height: 35.2rem;
        width: 26rem;
        padding: 1rem 1rem 0;
        flex: none;
    }
    .how-icon {
        transform: scale(0.7);
        transform-origin: bottom;
        flex: 1;
        overflow: hidden;
    }
    .how-item:nth-child(2) .how-icon {
        transform: scale(0.9);
    }
    .how-icon svg{
        height: 100%;
        width: auto;
        max-width: 100%;
        object-fit: contain;
    }
    
    .working-steps .slick-arrow.slick-next{
        right: -1.5rem;
    }
    .working-steps .slick-arrow.slick-prev{
        left: -1.5rem;
    }

    .main-mobile-product{
        display: block;
        margin: -2.5rem 0 2.5rem;
    }
    .main-mobile-product img{
        width: 100%;
        transform: scale(1.1);
    }

    .sale{
        height: 10.6rem;
        top: 45.7rem;
        right: -1.6rem;
        padding: 1rem;
    }
    .sale svg{
        width: 8.7rem;
    }
    @keyframes shakeSale {
        0% { right:-1.6rem;}
        88% { right:-1.6rem;}
        91% { right:-2.1rem;}
        94% { right:-1.6rem;}
        97% { right:-2.1rem;}
        100% { right:-1.6rem;}
    }
}