@media (min-width: 768px) {
    html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
    }

    html.pum-open.pum-open-overlay.pum-open-scrollable body .site-footer-container {
        padding-right: 17px !important;
    }

    html.pum-open.pum-open-overlay.pum-open-scrollable body .site-header.sticky {
        padding-right: 17px !important;
    }
}
/****************** END of min 768 *******************/
/*****************************************************/
@media (max-width: 1200px) {
    .header-html-2 .top-right-2 a {
        font-size: 13px;
    }
    .top-menu ul li {
        padding-left: 5px;
        padding-right: 5px;
    }
    .top-right-block {
        gap: 10px;
    }
    .top-right-1 a {
        font-size: 14px;
    }
    #top-menu li a {
        font-size: 13px;
    }
    .top-right-0 {
        width: 35px;
        height: 35px;
    }
    .top-right-0 img {
        width: 20px;
        height: 20px;
        margin-bottom: 2px;
    }
    .site-logotype img {
        max-width: 150px;
    }
    .site-logotype {
        margin-right: 10px;
    }
    .top-section-col-2 .t-col-2-inner span.span-col-2 {
        right: -40px;
        top: 44px;
    }
    .top-section-col-1 .top-r-1 span {
        font-size: 15px;
    }
    .top-section-col-1 .top-r-2 h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .section-1 .s-1-inner p.s1in-p2 {
        font-size: 14px;
        min-height: 96px;
    }
    .section-1 .s-1-inner .s-1-col-2 .s1-in-21, .section-1 .s-1-inner .s-1-col-2 .s1-in-22, .section-1 .s-1-inner .s-1-col-3 .s1-in-31, .section-1 .s-1-inner .s-1-col-3 .s1-in-32 {
        background-size: 150px;
    }
    .section-4::before {
        display: none;
    }
    .section-2 .s2-inner .s2-inner-cols .s2-in-col-2::before {
        left: -48px;
        top: -28px;
    }
    .section-2 .s2-inner .s2-inner-cols .s2-in-col-2::after {
        right: -97px;
        bottom: -12px;
    }
    .section-2 .s2-inner .s2-inner-cols .s2-in-col-3::after {
        right: -129px;
        top: -19px;
    }
    .section-7 .s7-inner .s7-inner-row .s7-ir-1 .carousel {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .section-8 {
        background-position: left 66%, right 21%;
        background-size: cover;
    }
}
/****************** END of 1200 **********************/
/*****************************************************/
@media (max-width: 991px) {
    /*.site-branding {*/
    /*    padding-left: 0;*/
    /*}*/
    .section-8 {
        background: none;
    }
    .header-html-2, .header-html-1 {
        display: none;
    }
    .header-html-1.header-phone-mobile {
        display: block!important;
    }
    .top-right-mob-in {
        display: flex;
        align-items: center;
        position: relative;
        z-index: 99;
    }
    .top-right-mob-in a.viber-mob {
        display: block;
    }
    .top-right-mob-in a.viber-mob img {
        margin-right: 10px;
    }
    .header-html-1 .top-right-1 p {
        text-align: right;
    }
    .header-html-1 .top-right-1 a {
        font-size: 18px;
        font-weight: bold;
    }
    .header-html-1 .top-right-1 a span {
        position: relative;
    }
    .header-html-1 .top-right-1 a span::after {
        content: "";
        height: 1px;
        width: 100%;
        background: #000;
        position: absolute;
        bottom: -1px;
        right: 0;
    }
    .top-right-mob-in {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 10px;
    }
    .site-header-inner .site-branding {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .top-right-mob-in a.a-footer-phone {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 16px;
        color: #272727;
        text-decoration: none;
    }
    .top-right-mob-in .top-right-mob {
        display: flex;
        gap: 10px;
    }
    .top-right-mob-in a.a-mobile-insta {
        width: 25px;
        height: 25px;
        padding: 3px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    .top-right-mob-in a.a-mobile-insta img {
        width: 13px;
        height: 13px;
        margin-bottom: 6px;
    }
    .top-section-cols {
        flex-direction: column;
    }
    .top-section-col-1, .top-section-col-2 {
        width: 100%;
    }
    .top-section-col-2 .t-col-2-inner {
        display: flex;
        justify-content: center;
        padding-top: 150px;
    }
    .top-section-col-2 .t-col-2-inner span.span-col-2 {
        left: 340px;
        top: 80px;
    }
    .top-section-col-2 .t-col-2-inner img.tc-2-img-2 {
        top: 65px;
        left: 212px;
    }
    .top-section-col-1 .top-r-4 {
        justify-content: center;
    }
    .top-section-col-1 .top-r-3 p {
        text-align: center;
    }
    .top-section-col-1 .top-r-2 h1 {
        text-align: center;
        max-width: 100%;
    }
    .top-section-col-1 .top-r-1 {
        display: flex;
        justify-content: center;
    }
    .site-header {
        background: #F4F4F4;
        box-shadow: 0px 5px 20px rgb(199 199 199 / 50%);
    }
    .section-1 .s-1-inner .s-1-col-1 {
        display: none;
    }
    .section-1 .s-1-inner .s-1-col-2, .section-1 .s-1-inner .s-1-col-3 {
        width: 50%;
    }
    .section-4 .s4-inner .s4-inner-in {
        flex-direction: column;
        align-items: center;
    }
    .section-4 .s4-inner .s4-inner-in .s4-i-in-1 {
        width: 100%;
    }
    .section-4 .s4-inner .s4-inner-in .s4-i-in-2 {
        width: 100%;
        text-align: center;
    }
    .section-4 .s4-inner .s4-inner-in .s4-i-in-2 img {
        margin-top: 15px;
        border-radius: 8px;
    }
    .section-5 .tutorial__video {
        width: 100%;
    }
    .section-6 .s6-inner .s6-i-col {
        flex-direction: column;
    }
    .section-6 .s6-inner .s6-i-col .s6-i-col-1 {
        width: 100%;
    }
    .section-6 .s6-inner .s6-i-col .s6-i-col-2 {
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }
    .section-7 .s7-inner .s7-inner-row .s7-ir-2 {
        padding-left: 50px;
    }
    .section-7 .s7-inner .s7-inner-row .s7-ir-2 .delivery-block {
        gap: 10px;
    }
    .section-8 .s8-inner {
        justify-content: space-around;
    }
    .footer-col-4 ul {
        margin-right: 0;
        margin-bottom: 0;
    }
    .footer-col-4 ul li {
        font-size: 12px;
        line-height: 20px;
    }
    .footer-col-4 .foo-phones a.a-footer-phone {
        margin-bottom: 5px;
        display: block;
    }
    .pre-popup-video {
        padding: 30px;
    }
}
/****************** END of 991 ***********************/
/*****************************************************/
@media (max-width: 768px) {
    .faq {
        /*padding: 15px 0;*/
    }
    .faq.jquery-accordion .faqitem {
        padding: 0;
    }
    .t-col-3-inner-mobile {
        display: block!important;
        text-align: center;
        margin-top: 20px;
    }
    .t-col-3-inner-mobile a {
        text-decoration: none;
    }
    .t-col-3-inner-mobile span.span-ts-1 {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
        color: #FFFFFF;
        background-color: #7883BA;
        border-radius: 8px;
        padding: 20px 46px;
        background-image: url(/wp-content/uploads/2022/10/mask-btn.png);
        background-repeat: no-repeat;
        background-size: cover;
        text-transform: uppercase;
        border-bottom: solid 3px #646FA6;
    }
    .top-section-col-1 .top-r-4{
        display: none;
    }
    .top-section-col-2 .t-col-2-inner {
        padding-top: 25px;
        flex-direction: column-reverse;
    }
    .top-section-col-2 .t-col-2-inner span.span-col-2 {
        position: inherit;
    }
    .top-section-col-2 .t-col-2-inner img.tc-2-img-2 {
        position: inherit;
        width: 48px;
    }
    .banner-right-absolute {
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: center;
    }
    .top-section-col-2 .t-col-2-inner img.tc-2-img-1 {
        max-width: 80%;
        margin: 30px auto;
    }
    .section-1 {
        background-image: none;
    }
    .section-1 h2 {
        padding-top: 60px;
    }
    .section-1 .s-1-inner .s-1-col-2 .s1-in-21, .section-1 .s-1-inner .s-1-col-2 .s1-in-22, .section-1 .s-1-inner .s-1-col-3 .s1-in-31, .section-1 .s-1-inner .s-1-col-3 .s1-in-32 {
        margin: 0 0 15px 0;
    }
    .section-1 .s-1-inner .s-1-col-2 .s1-in-21 {
        background-size: 200px 175px
    }
    .section-1 .s-1-inner .s-1-col-2 .s1-in-22 {
        background-size: 200px 190px
    }
    .section-1 .s-1-inner .s-1-col-3 .s1-in-31 {
        background-size: 200px 200px
    }
    .section-1 .s-1-inner .s-1-col-3 .s1-in-32 {
        background-size: 200px 175px
    }
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .section-1 .s-1-inner .s-1-col-2, .section-1 .s-1-inner .s-1-col-3 {
        width: 100%;
    }
    .section-1 .s-1-inner {
        flex-wrap: wrap;
        padding-bottom: 60px;
    }
    .section-1 .s-1-inner p.s1in-p2 {
        font-size: 16px;
    }
    .section-2 .s2-inner .s2-inner-cols .s2-in-col-2::before {
        display: none;
    }
    .section-2 .s2-inner .s2-inner-cols .s2-in-col-2::after {
        display: none;
    }
    .section-2 .s2-inner .s2-inner-cols .s2-in-col-3::after {
        display: none;
    }
    .section-2 .s2-inner .s2-inner-cols {
        flex-wrap: wrap;
        flex-direction: column;
        margin: 20px 0;
    }
    .section-2 .s2-inner .s2-inner-cols .s2-in-col-1, .section-2 .s2-inner .s2-inner-cols .s2-in-col-2, .section-2 .s2-inner .s2-inner-cols .s2-in-col-3, .section-2 .s2-inner .s2-inner-cols .s2-in-col-4 {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 25px;
    }
    .s2-in-col-inner {
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }
    .section-2 .s2-inner .s2-inner-cols span.s2-ing-under-span {
        font-weight: 600;
    }
    .s2-in-col-inner > span {
        max-width: 200px;
    }
    .section-2 {
        padding: 40px 0;
    }
    .section-2 .s2-inner > p {
        margin-top: 40px;
    }
    .section-4 {
        padding: 60px 0;
    }
    .section-5 {
        padding: 40px 0;
    }
    .section-6 {
        padding: 60px 0 120px 0;
    }
    .section-7 {
        padding: 60px 0 80px 0;
    }
    .section-7::after {
        content: "";
        position: absolute;
        right: 11%;
        top: -72px;
        width: 200px;
        height: 135px;
        background-image: url(/wp-content/uploads/2022/10/box.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .section-7 .s7-inner .s7-inner-row {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .section-7 .s7-inner .s7-inner-row .s7-ir-1 {
        width: 95%;
        margin: 0 auto;
    }
    .section-7 .s7-inner .s7-inner-row .s7-ir-2 {
        width: 100%;
        padding-left: 15px;
        margin-top: 30px;
    }
    .section-7 .s7-inner .s7-inner-row .s7-ir-2 p.s7ir2-p {
        text-align: center;
    }
    .section-7 .s7-inner .s7-inner-row .s7-ir-2 .price {
        text-align: center;
    }
    .section-7 .s7-inner .s7-inner-row .s7-ir-2 .delivery {
        justify-content: center;
    }
    .section-7 .s7-inner .s7-inner-row .s7-ir-2 .delivery-block {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    .section-7 .s7-inner .s7-inner-row .s7-ir-2 .delivery-block .delivery-block-in1, .section-7 .s7-inner .s7-inner-row .s7-ir-2 .delivery-block .delivery-block-in2 {
        min-width: 211px;
    }
    .section-7 .s7-inner .s7-inner-row-button {
        margin-top: 50px;
    }
    .section-8 h2 {
        padding-top: 60px;
    }
    .section-8 .s8-inner {
        padding-bottom: 60px;
    }
    .section-3 {
        padding: 40px 0;
    }
    .site-footer-inner {
        flex-wrap: wrap;
    }
    .site-footer-inner .footer-col-1 {
        width: 100%;
        text-align: center;
    }
    .site-footer-inner .footer-col-2, .site-footer-inner .footer-col-3 {
        width: 50%;
    }
    .site-footer-inner .footer-col-4 {
        width: 100%;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-top: 15px;
    }
    .site-footer {
        padding: 35px 0;
    }
    .footer-col-4 ul li {
        font-size: 16px;
        line-height: 20px;
    }
    .footer-col-4 .foo-phones {
        display: flex;
        align-items: center;
    }
    .footer-col-4 .foo-phones a.a-footer-phone {
        margin-bottom: 0;
    }
    .top-section-col-1 .top-r-1 {
        margin-left: 0;
    }
    .top-section-col-2 .t-col-2-inner span.span-col-2::before {
        display: none;
    }
    .faqitem img.icon-plus, .faqitem img.icon-minus {
        margin-left: 15px;
    }
}
/****************** END of 768 ***********************/
/*****************************************************/
@media (max-width: 600px) {
    .section-6 .s6-inner {
        flex-wrap: wrap;
        gap: 0;
    }
    .section-6 .s6-inner .s6-i-col {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .section-6 .s6-inner .s6-in-1, .section-6 .s6-inner .s6-in-2 {
        width: 100%;
    }
    .section-4 .s4-inner .s4-inner-in .s4-i-in-1 {
        padding-left: 38px;
    }
    .section-6 {
        padding: 60px 0 70px 0;
    }
    .faqitem .content {
        padding: 0 25px 25px 25px;
    }
    .faqitem .header {
        padding: 25px 25px 25px 25px;
    }
    .section-7 .s7-inner .s7-inner-row .s7-ir-1 img.carousel-right-btn, .section-7 .s7-inner .s7-inner-row .s7-ir-1 img.carousel-left-btn {
        top: 40%;
    }
    .section-4 .s4-inner .s4-inner-in .s4-i-in-1 ul li {
        font-size: 16px;
        line-height: 24px;
    }
}
/****************** END of 600 ***********************/
/*****************************************************/
@media (max-width: 500px) {
    .top-section-col-1 .top-r-2 h1 {
        font-size: 26px;
        line-height: 36px;
    }
    .top-section-col-1 .top-r-3 p {
        font-size: 16px;
        line-height: 24px;
    }
    .top-section-col-1 .top-r-1 span {
        font-size: 14px;
        max-width: 253px;
        text-align: center;
        padding: 5px 0;
        line-height: 20px;
    }
    .top-section-col-1 .top-r-1 span::after {
        right: -15px;
        border-width: 38px 38px 0 0;
    }
    .top-section-col-1 .top-r-1 span::before {
        left: -15px;
        border-width: 38px 38px 0 0;
    }
    .section-1 h2, .section-2 h2, .section-4 .s4-inner h2, .section-5 h2, .section-6 h2, .section-7 h2, .section-8 h2, .section-3 h2 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .section-2 .s2-inner > p {
        font-size: 16px;
        line-height: 24px;
    }
    .section-4 .s4-inner .s4-inner-in .s4-i-in-1 {
        padding-left: 15px;
    }
    .site-header-inner .site-branding {
        padding: 0 15px;
    }
    .section-6 .s6-inner .s6-i-col .s6-i-col-1 p.s6-p-2 {
        max-width: 100%;
    }
    .faqitem .header > p {
        font-size: 14px;
        line-height: 22px;
    }
    .site-footer-inner .footer-col-1 {
        padding: 0 15px;
    }
    /*.section-7 .s7-inner .s7-inner-row-button {*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    gap: 45px;*/
    /*    align-items: center;*/
    /*}*/
    span#span-ts-1-one-click {
        padding: 20px 12px;
        margin-left: 15px;
    }
}
/****************** END of 500 ***********************/
/*****************************************************/
@media (max-width: 400px) {
    .section-1 .s-1-inner .s-1-col-2 .s1-in-21, .section-1 .s-1-inner .s-1-col-2 .s1-in-22, .section-1 .s-1-inner .s-1-col-3 .s1-in-31, .section-1 .s-1-inner .s-1-col-3 .s1-in-32 {
        background-size: 150px auto;
    }
}
/*****************************************************/
@media (max-width: 360px) {
    .section-7 .s7-inner .s7-inner-row-button {
        display: flex;
        flex-direction: column;
        gap: 45px;
        align-items: center;
    }
    span#span-ts-1-one-click {
        margin-left: 0;
    }
}
/*****************************************************/
@media (max-width: 350px) {
    .section-1 .s-1-inner .s-1-col-2 .s1-in-21, .section-1 .s-1-inner .s-1-col-2 .s1-in-22, .section-1 .s-1-inner .s-1-col-3 .s1-in-31, .section-1 .s-1-inner .s-1-col-3 .s1-in-32 {
        background-size: 120px auto;
    }
    .site-logotype img {
        max-width: 122px;
    }
    .section-1 .s-1-inner p.s1in-p2 {
        max-width: 70%;
    }
}
/*****************************************************/