@media (max-width: 1494px) {
    .wrap {
        width: 1170px;
    }

    .about-page .top-block h1 {
        padding: 0;
    }

    .about-page .top-block .image {
        height: 700px;
    }

    .contacts-page .contacts {
        width: 42%;
    }

    .contacts-page .map {
        width: 55%;
    }

    .cabinet-page .content {
        padding: 0 100px;
    }

    .about-page .about .image .play {
        right: 20px;
        bottom: 17px;
    }

    .index-top-banner .item .content .text h3 {
        font-size: 48px;
        line-height: 48px;
    }

    .index-categories-block .tab-content .content .text h3 {
        font-size: 40px;
        line-height: 44px;
    }

    .index-categories-block .tab-content .content .text p {
        margin-bottom: 30px;
    }

    .index-bottom-banner .content .text h2 {
        margin-bottom: 30px;
    }

    .index-bottom-banner .content .text p {
        margin-bottom: 30px;
    }

    .special-banner-block .banner.other .text {
        padding: 0 100px;
    }

    .fav-page .list .item {
        width: 32%;
        margin-right: 2%;
    }

    .fav-page .list .item:nth-child(4n of .item) {
        margin-right: 2%;
    }

    .fav-page .list .item:nth-child(3n of .item) {
        margin-right: 0;
    }

    .item-banner .banner {
        height: 500px;
    }

    .item-page .info {
        width: 44%;
    }

    .item-page .lesson .text {
        padding-right: 320px;
    }

    .item-reviews-block .item {
        width: 400px;
        padding: 0;
    }

    .item-page .lesson .text.small {
        padding-right: 30px;
    }

    .order-page2 .fields {
        padding: 0 30px;
    }

    .order-page2 .results {
        padding: 0 30px;
    }

    .about-block_5 span {
        max-width: 65%;
        font-size: 32px;
    }

    .contacts-info-page .contacts {
        width: 42%;
    }

    .contacts-info-page .map {
        width: 55%;
    }
}

@media (max-width: 1350px) {
    .menu1 ul {
        max-width: calc(100% - 60px);
    }
}

@media (max-width: 1200px) {
    .wrap {
        width: 970px;
    }

    .header ul li {
        margin-right: 30px;
    }

    .about-page .top-block {
        padding-top: 80px;
    }

    .about-page .about .text .txt p {
        font-size: 18px;
    }

    .about-page .about .text .txt h2 {
        margin-bottom: 30px;
    }

    .about-blocks .item .text .txt h3 {
        margin-bottom: 30px;
    }

    .about-blocks .item .text .txt p {
        font-size: 16px;
    }

    .footer .bottom {
        text-align: center;
    }

    .footer .payment {
        width: 100%;
        margin-bottom: 30px;
    }

    .footer .public {
        line-height: 14px;
    }

    .footer .rules {
        line-height: 14px;
    }

    .footer .copy {
        line-height: 14px;
    }

    .contacts-page .contacts .select p {
        width: 100%;
        line-height: 1.2;
        margin-bottom: 12px;
    }

    .cabinet-page .content {
        padding: 0;
    }

    .index-top-banner .item .image {
        width: 60%;
    }

    .index-top-banner .item .content {
        width: 40%;
    }

    .index-top-banner .slick-dots {
        width: 40%;
    }

    .index-top-banner .item {
        width: 100%;
        aspect-ratio: 2.0833;
    }

    .index-top-banner .item .content .text .top-text {
        margin-bottom: 30px;
    }

    .index-top-banner .item .content .text p {
        margin-bottom: 30px;
    }

    .index-categories-block .tab-content .content .text h3 {
        font-size: 32px;
        line-height: 36px;
    }

    .index-bottom-banner .content .text p {
        font-size: 16px;
        line-height: 18px;
    }

    .special-banner-block .banner.other {
        height: 500px;
    }

    .special-banner-block .banner.other .text {
        padding: 0 24px;
    }

    .header .menu2 .banner {
        display: none;
    }

    .header .menu2 .list {
        width: calc(100% - 220px);
    }

    .search-block .wrap .list2 {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .search-block .wrap .list1 {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .search-block .wrap .list3 {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .fav-page .menu ul li:not(:last-child) {
        margin-right: 12px;
    }

    .fav-page .menu ul li:last-child {
        margin-right: 12px;
    }

    .item-banner .banner {
        height: 360px;
    }

    .item-banner .banner .text {
        left: 32px;
    }

    .item-banner .banner .text .top-text {
        margin-bottom: 15px;
    }

    .item-banner .banner .text h3 {
        margin-bottom: 15px;
    }

    .item-banner .banner .text .price {
        margin-bottom: 15px;
    }

    .item-page .photos {
        width: 46%;
    }

    .item-page .info {
        width: 51%;
    }

    .item-page .lesson .text {
        padding-right: 200px;
    }

    .item-page .info .navi {
        display: none;
    }

    .item-reviews-block .item {
        width: 100%;
        margin-bottom: 30px;
    }

    .item-reviews-block .list {
        width: 100%;
    }

    .item-page .lesson .list.big {
        width: 600px;
    }

    .item-page .lesson .list .lst {
        width: 600px;
    }

    .order-page2 .fields {
        padding: 0 30px 0 0;
    }

    .order-page2 .results {
        padding: 0 0 0 30px;
    }

    .cart-bottom-fixed-block2 .button button {
        width: 240px;
    }

    .about-block_1 .about-block_1__text {
        font-size: 32px;
        margin-top: -100px;
    }
}

@media (max-width: 991px) {
    .wrap {
        width: 747px;
    }

    .header .links {
        display: none;
    }

    .header ul li {
        margin-right: 20px;
    }

    .about-page .top-block .image {
        height: 600px;
    }

    .about-page .about .image {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .about-page .about .text {
        width: 100%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin-bottom: 40px;
    }

    .about-page .about .text .txt {
        position: relative;
        -webkit-transform: none;
        transform: none;
        left: auto;
        top: auto;
        padding: 24px;
    }

    .about-page .bottom-text .text {
        width: 100%;
    }

    .about-quote-block p {
        padding: 0;
    }

    .about-blocks .item .image {
        width: 100%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .about-blocks .item .text {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .about-blocks .item .text .txt {
        position: relative;
        -webkit-transform: none;
        transform: none;
        left: auto;
        top: auto;
        padding: 24px;
    }

    .footer .public {
        width: 100%;
        margin-bottom: 30px;
    }

    .contacts-page .contacts .item {
        padding: 0 86px 0 0;
    }

    .contacts-page .contacts .item.base-shop {
        padding: 20px 25px;
    }

    .contacts-page .contacts .item .image {
        top: 0;
        right: 0;
    }

    .contacts-page .contacts .item2 {
        padding: 30px 100px 30px 0;
    }

    .contacts-page .contacts .item2 img {
        width: 64px;
    }

    .contacts-page .contacts .list .item {
        padding: 16px 0;
    }

    .catalog-include .catalog_big_banner {
        display: none;
    }

    .catalog-include .catalog_medium_banner {
        display: block;
    }

    .catalog-include .catalog_small_banner {
        display: none;
    }

    .delivery-page .item {
        width: 100%;
    }

    .cabinet-page .page-content {
        width: calc(100% - 300px);
    }

    .order-page .back-link {
        position: relative;
        left: auto;
        top: auto;
        display: block;
        margin-bottom: 24px;
    }

    .index-top-banner .item .content .text h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .index-categories-block .tab-content .flex .image {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .index-categories-block .tab-content .flex .content {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .index-categories-block .tab-content .content .text {
        position: relative;
        -webkit-transform: none;
        transform: none;
        padding: 30px;
        top: auto;
        left: auto;
    }

    .special-banner-block .banner {
        height: 400px;
    }

    .special-banner-block .banner h3 {
        padding: 100px 0;
    }

    .special-banner-block .banner p {
        margin-bottom: 30px;
    }

    .index-bottom-banner .wrap .image {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .index-bottom-banner .wrap .content {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .index-bottom-banner .content .text {
        position: relative;
        -webkit-transform: none;
        transform: none;
        padding: 30px;
        top: auto;
        left: auto;
    }

    .special-banner-block .banner.other .text h3 {
        padding: 0 0 24px 0;
    }

    .header .menu2 .list .flex2 .item {
        width: 25%;
        margin-bottom: 30px;
    }

    .videos-page form {
        width: 400px;
    }

    .videos-page .list .item {
        width: 48.5%;
        margin-bottom: 24px;
    }

    .tutorial-block .window {
        width: 100%;
        height: 100%;
    }

    .tutorial-block .window .video {
        width: 100%;
        height: 100%;
    }

    .tutorial-block .info-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, .6);
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s;
        touch-action: none;
        z-index: 5;
    }

    .tutorial-block .window > .info {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: calc(100% - 80px);
        background: #fff;
        transform: translateY(100%);
        transition: transform .3s ease;
        touch-action: none;
        z-index: 6;
    }

    .tutorial-block .window > .info:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 8px;
        transform: translateX(-50%);
        width: 36px;
        height: 3px;
        border-radius: 30px;
        background: #D9D9D9;
    }

    .tutorial-block .window > .info h2 {
        font-size: 24px;
        line-height: 26px;
    }

    .tutorial-block .info-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    .tutorial-block .window > .info.open {
        transform: translateY(0);
        padding-bottom: 100px;
    }

    .video-items__btn {
        display: block;
    }

    .tutorial-video {
        height: 100vh;
        object-fit: cover;
        object-position: center center;
    }

    .tutorial-block .close {
        z-index: 3;
    }

    .fav-page .list .item {
        width: 49%;
    }

    .fav-page .list .item:nth-child(3n of .item) {
        margin-right: 2%;
    }

    .fav-page .list .item:nth-child(2n of .item) {
        margin-right: 0;
    }

    .special-banner-block .banner.inner h3 {
        padding: 165px 0;
    }

    .item-page .photos {
        width: 100%;
        padding-bottom: 0;
    }

    .item-page .info {
        width: 100%;
        margin-bottom: 24px;
        padding-top: 40px;
    }

    .item-page .photos .list .swiper-wrapper {
        display: flex;
    }

    .item-page .photos .swiper-scrollbar {
        display: block;
        height: 3px;
        border-radius: 0;
        background: #0000001a;
        bottom: -15px;
        z-index: 1;
    }

    .item-page .photos .swiper-scrollbar-drag {
        background: #2d2d2d;
        border-radius: 0;
    }

    .item-page .lesson .text {
        padding-right: 30px;
    }

    .item-page .lesson .list.big {
        width: 100%;
    }

    .item-page .lesson .text.small {
        display: none;
    }

    .item-page .lesson .list .lst {
        width: auto;
    }

    .order-page2 .fields {
        width: 100%;
        padding: 0 0 30px 0;
        border-right: 0;
    }

    .order-page2 .results {
        width: 100%;
        padding: 0;
    }

    .cart-bottom-fixed-block2 .item div {
        font-size: 24px;
        line-height: 32px;
    }

    .cart-bottom-fixed-block2 .item div span {
        font-size: 18px;
        line-height: 24px;
    }

    .item-page .photos .photo {
        aspect-ratio: auto;
        /*aspect-ratio: 1.0204;*/
    }

    .about-block_1 {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about-block_1 .about-block_1__text {
        font-size: 28px;
        color: #0A0A0A;
        margin: 0 0 32px 0;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: left;
    }

    .about-block_1__image {
        aspect-ratio: 1 !important;
        background-size: cover !important;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .about-block_2 {
        margin: 40px 20px;
        font-size: 14px;
    }

    .about-block_2 span {
        display: inline;
    }

    .about-block_3 .about-block_3__image {
        width: 100%;
    }

    .about-block_3 .about-block_3__text {
        width: 100%;
        padding: 48px 0 0 0;
    }

    .about-block_3 .about-block_3__text span {
        font-size: 28px;
        margin-bottom: 24px;
    }

    .about-block_3 .about-block_3__text div {
        width: 100%;
    }

    .about-block_3 .about-block_3__text p {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 24px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .about-block_4 {
        background: #E8F0F3;
        max-width: 100%;
        padding: 38px 12px;
        font-size: 14px;
        line-height: 1.5;
        margin: 24px auto 70px;
    }

    .about-block_5 {
        display: none;
    }

    .about-block_6 {
        display: block;
    }

    .promo-item .promo-item__image {
        width: 100%;
    }

    .exclusive-items .exclusive-item {
        width: calc(100% - 8px);
        margin-bottom: 20px;
    }

    .promo-item .promo-item__image {
        width: 100%;
        margin-bottom: 24px;
    }

    .promo-item .promo-item__content {
        width: 100%;
        padding: 0;
    }

    .promo-item .promo-item__content .promo-item__content_text {
        margin: 24px 0;
    }

    .promo-item .promo-item__content .promo-item__content_link {
        max-width: 100%;
    }

    .promo-item .promo-item__image .promo-item__image-desktop {
        display: none;
    }

    .promo-item .promo-item__image .promo-item__image-mob {
        display: block;
    }

    .tutorial-block .window > .info .list2.products-list:has(.list .item:only-child) {
        overflow: auto;
    }

    .tutorial-block .window > .info .index-catalog-block .list {
        margin: 0;
    }

    .mobile-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .mob-menu {
        display: block;
    }

    #bestsellerContainer {
        display: none !important;
    }

    .contacts-info-page .contacts .item {
        padding: 0 86px 0 0;
    }

    .contacts-info-page .contacts .item.base-shop {
        padding: 20px 25px;
    }

    .contacts-info-page .contacts .item .image {
        top: 0;
        right: 0;
    }

    .contacts-info-page .contacts .base-shop {
        margin-bottom: 20px;
    }

    .cart-bottom-fixed-block2.active {
        bottom: 53px;
    }

    .lesson-mob-title {
        display: block;
        color: #0A0A0A;
        font-size: 28px;
        font-weight: 700;
        line-height: 34px;
        text-transform: uppercase;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    #bx-panel {
        /*display: none !important;*/
    }

    .wrap {
        width: 556px;
    }

    .header ul {
        display: none;
    }

    .header .logo {
        width: 100%;
        text-align: center;
    }

    .about-page .top-block h1 {
        font-size: 40px;
        line-height: 1.2;
    }

    .about-page .top-block .image {
        height: 500px;
    }

    .social-links-block .item {
        width: 120px;
    }

    .footer nav {
        width: 50%;
    }

    .footer .rules {
        width: 100%;
        margin-bottom: 30px;
    }

    .footer .copy {
        width: 100%;
    }

    .contacts-page h1 {
        font-size: 40px;
        line-height: 1.2;
        margin-bottom: 40px;
    }

    .contacts-page .contacts {
        width: 100%;
    }

    .contacts-page .map {
        /*width: calc(100% + 20px);*/
        width: 100vw;
        display: none;
        height: 500px;
        margin-top: -40px;
    }

    .contacts-page .contacts .top-item {
        margin-bottom: 32px;
        padding-bottom: 32px;
        border-bottom: 1px solid rgba(1, 1, 1, 0.1);
    }

    .contacts-page .menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: sticky;
        top: 65px;
        background: #fff;
        z-index: 10;
        border-bottom: 1px solid rgb(224, 224, 224);
        margin-bottom: 40px;
    }

    .cabinet-page nav {
        width: 100%;
    }

    .cabinet-page .page-content {
        width: 100%;
    }

    .cabinet-page nav .bottom-text {
        margin-bottom: 30px;
    }

    .index-top-banner .item {
        height: auto;
        aspect-ratio: unset;
        display: flex;
        justify-content: center;
    }

    .index-top-banner .item .image {
        width: 100%;
        aspect-ratio: 5/4;
    }

    .index-top-banner .item .content {
        width: 100%;
    }

    .index-top-banner .item .content .text {
        position: relative;
        -webkit-transform: none;
        transform: none;
        padding: 30px;
        top: auto;
        left: auto;
    }

    .index-top-banner .slick-dots {
        width: 100%;
        bottom: -10px;
    }

    .special-banner-block .banner h3 {
        font-size: 32px;
        line-height: 36px;
        padding: 120px 0 100px;
    }

    .special-banner-block .banner p {
        padding: 0 10px;
    }

    .bottom-menu ul li a {
        font-size: 40px;
        line-height: 40px;
        height: 40px;
    }

    .special-banner-block .banner.other {
        height: 400px;
    }

    .header form .field {
        width: 400px;
        margin-left: -200px;
    }

    .search-block .list2 .list .item {
        width: 48.5%;
        margin-right: 3%;
    }

    .search-block .list2 .list .item:nth-child(2n) {
        margin-right: 0;
    }

    .search-block form .field button {
        display: none;
    }

    .search-block .close {
        z-index: 3;
    }

    .videos-page form {
        width: 240px;
    }

    .fav-page .list .item .tags {
        display: none;
    }

    .fav-page .list.type2 .item .tags {
        display: block;
        max-width: calc(100% - 45px);
    }

    .fav-page .list .item .tags span {
        font-size: 10px;
        padding: 5px 10px 3px 10px;
    }

    .list .item.gift .tags {
        display: block;
    }

    .special-banner-block .banner.inner h3 {
        padding: 175px 0;
    }

    .item-banner .banner .text h3 {
        font-size: 46px;
        line-height: 1;
    }

    .item-banner .banner {
        height: 300px;
    }

    .item-page .lesson .text {
        display: none;
    }

    .item-page .lesson .list {
        display: block;
        width: auto;
    }

    .item-page .lesson {
        display: block;
        width: auto;
    }

    .fixed-cookies-block {
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 20px 24px;
        text-align: center;
    }

    .fixed-cookies-block div {
        display: block;
    }

    .fixed-cookies-block div button {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .cart-bottom-fixed-block2 {
        display: none;
    }

    .cart-bottom-fixed-block {
        display: block;
        padding: 10px 0;
        bottom: 0;
    }

    .policy-wrapper {
        margin: 0 0 30px;
        overflow-x: scroll;
        white-space: nowrap;
        scrollbar-width: none;
    }

    .policy-wrapper::-webkit-scrollbar {
        display: none;
    }

    .policy-wrapper .public {
        width: auto;
        margin: 0 40px 0 0;
        display: inline;
    }

    .policy-wrapper .rules {
        width: auto;
        margin-bottom: 0;
        margin-bottom-display: inline;
    }

    .cart-bottom-fixed-block div.price-wrapper {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 4px;
    }

    .cart-bottom-fixed-block div.price-wrapper .old {
        color: #0A0A0A;
        text-decoration-line: line-through;
        text-transform: uppercase;
        opacity: 0.5;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -0.03em;
        white-space: nowrap;
    }

    .cart-bottom-fixed-block div.price-wrapper .discount {
        color: #0A0A0A;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -0.03em;
        padding: 2px 3px;
        background: #F6F6F6;
    }

    .item-page .info .size a {
        padding: 3px 20px;
    }

    .cabinet-page .page-content .personal button.last {
        display: block;
    }

    .cabinet-page .page-content .personal .button a {
        width: 100%;
        text-decoration: none;
    }

    .item-page .lesson .list .videos-page.lst {
        width: 100%;
        margin: 0;
    }

    .index-top-banner .item .item_small_img {
        display: block;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .index-top-banner .item .item_big_img {
        display: none;
    }

    .contacts-info-page h1 {
        font-size: 40px;
        line-height: 1.2;
        margin-bottom: 40px;
    }

    .contacts-info-page .contacts {
        width: 100%;
    }

    .contacts-info-page .map.contact-page-map {
        display: block;
        width: 100vw;
        height: 400px;
        margin: 0;
    }

    .contacts-info-page .contacts .base-shop:last-child {
        margin-bottom: 20px;
    }
}

@media (max-width: 575px) {
    .wrap {
        width: auto;
        padding: 0 10px;
    }

    .wrap .wrap {
        padding: 0;
    }

    .top-page-line {
        font-size: 9px;
        overflow: hidden;
        padding: 5px 0;
    }

    .top-page-line p {
        /*white-space: nowrap;*/
        /*overflow-x: scroll;*/
        /*margin-right: -10px;*/
        /*scrollbar-width: none;*/
        line-height: 1.3;
    }

    .top-page-line .slick-slider .slick-track {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .top-page-line {
        font-weight: 400;
    }

    .top-page-line p::-webkit-scrollbar {
        display: none;
    }

    .header .logo img {
        width: 200px;
    }

    body:has(.cabinet-page nav) .header {
        border-bottom: 0;
    }

    body:has(.contacts-page nav) .header {
        border-bottom: 0;
    }

    .navi {
        display: none;
    }

    .about-page .top-block {
        padding-top: 50px;
    }

    .about-page .top-block h1 {
        text-align: left;
        margin-bottom: 30px;
        font-size: 28px;
    }

    .about-page .top-block .image {
        height: 352px;
    }

    .about-page .top-block {
        margin-bottom: 0;
    }

    .about-page .about {
        margin: 0 -10px 48px -10px;
    }

    .about-page .about .text .txt {
        padding: 24px 12px;
    }

    .about-page .about .text .txt h2 {
        margin-bottom: 24px;
        text-transform: lowercase;
        font-weight: 400;
    }

    .about-page .bottom-text .text {
        font-size: 18px;
        line-height: 24px;
    }

    .about-page .bottom-image {
        margin-bottom: 64px;
    }

    .about-quote-block {
        padding: 45px 0;
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 0;
    }

    .about-blocks .item {
        margin: 0 -10px;
    }

    .about-blocks .item .text .txt {
        padding: 24px 12px;
    }

    .about-blocks .item .text .txt h3 {
        text-transform: lowercase;
        line-height: 34px;
        font-weight: 400;
    }

    .about-blocks {
        padding-bottom: 0;
    }

    .social-links-block .item {
        width: 75px;
    }

    .social-links-block .item a img {
        width: 34px;
    }

    .social-links-block {
        padding-bottom: 0;
    }

    .bottom-discount-block {
        padding: 32px 10px 34px;
        text-align: left;
        margin: 0 -10px;
    }

    .bottom-discount-block h2 {
        font-size: 18px;
        line-height: 27px;
    }

    .bottom-discount-block p {
        display: none;
    }

    .bottom-discount-block .agree {
        /*position: relative;*/
    }

    .bottom-discount-block .agree input {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -8px;
    }

    .bottom-discount-block .agree label {
        display: block;
        padding-left: 30px;
    }

    .catalog-include .catalog_big_banner {
        display: none;
    }

    .catalog-include .catalog_medium_banner {
        display: none;
    }

    .catalog-include .catalog_small_banner {
        display: block;
    }

    .footer {
        padding: 32px 0 70px;
        position: relative;
    }

    .footer.active {
        padding: 32px 0 121px;
    }

    .footer .logo {
        position: absolute;
        left: 0;
        bottom: 110px;
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }

    .footer.active .logo {
        bottom: 161px;
    }

    .footer .logo img {
        width: 210px;
    }

    .footer nav {
        width: 100%;
    }

    .footer nav h3 {
        margin-bottom: 0;
        cursor: pointer;
        background: url("/img/arrow.svg") no-repeat right;
    }

    .footer nav h3.active {
        background: url("/img/arrowa.svg") no-repeat right;
    }

    .footer nav ul {
        padding-top: 25px;
        display: none;
    }

    .footer nav ul.opened {
        display: block;
    }

    .footer .flex nav:last-child ul {
        text-align: center;
    }

    .footer .bottom .payment {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .footer .bottom .public {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 100px;
    }

    .footer .bottom .rules {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .footer .bottom .copy {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .contacts-page h1 {
        font-size: 28px;
        margin-bottom: 32px;
    }

    .contacts-page .menu {
        margin: 0 -10px 40px -10px;
    }

    .contacts-page .contacts .select select {
        width: 100%;
    }

    .delivery-page h1 {
        margin-bottom: 72px;
        font-size: 28px;
        line-height: 34px;
    }

    .delivery-page .top-text {
        padding-bottom: 12px;
    }

    .delivery-page .item {
        padding: 24px 12px;
        margin: 0 -10px 8px -10px;
        width: calc(100% + 20px);
    }

    .delivery-page .item .image {
        margin-bottom: 8px;
    }

    .delivery-page {
        padding: 48px 0 40px;
    }

    .faq-page h1 {
        margin-bottom: 32px;
        font-size: 28px;
        line-height: 34px;
    }

    .faq-page .item {
        margin: 0 -10px 4px -10px;
        padding: 18px 12px;
    }

    .faq-page .item .text h4 {
        margin-top: 40px;
    }

    .faq-page .item .text p {
        margin-top: 12px;
    }

    .bottom-page-banner .banner {
        padding: 192px 20px;
        background: url("/img/bottom-page-banner2.jpg") center/cover;
    }

    .return-page h1 {
        margin-bottom: 32px;
        font-size: 28px;
        line-height: 34px;
    }

    .return-page {
        padding: 48px 0 28px;
    }

    .error-page h1 {
        margin-bottom: 48px;
    }

    .error-page p {
        margin-bottom: 48px;
    }

    .popup .window {
        width: 100%;
    }

    .popup .window .close {
        top: 48px;
        right: 12px;
    }

    .popup .window .logo {
        display: block;
    }

    .popup .window .content,
    .popup .window .content.small,
    .popup .window .content.big,
    .popup .window .content.other {
        width: 100%;
        padding: 0 12px;
    }

    .cabinet-page h1 {
        display: none;
    }

    .cabinet-page nav {
        margin: 0 -10px 32px -10px;
        /*width: calc(100% + 20px);*/
        width: 100vh;
        position: sticky;
        top: 65px;
        background-color: #fff;
        z-index: 18;
        border-bottom: 1px solid rgb(224, 224, 224);
        padding-top: 8px;
        margin-top: -8px;
    }

    .cabinet-page nav ul {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100vw;
        white-space: nowrap;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .cabinet-page nav ul li {
        display: inline-block;
        margin: 0;
    }

    .cabinet-page .page-content h2 {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 24px;
    }

    .cabinet-page .page-content .personal .field {
        width: 100%;
        margin-bottom: 24px;
    }

    .cabinet-page .page-content .personal .field.empty {
        display: none;
    }

    .cabinet-page .page-content .personal .field p {
        font-size: 12px;
        line-height: 18px;
    }

    .cabinet-page .page-content .personal .button {
        margin-top: 12px;
        padding-top: 32px;
        border-top: 1px solid rgb(224, 224, 224);
    }

    .cabinet-page .page-content .orders .list h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .cabinet-page .page-content .orders .list .data .data-item p {
        margin-bottom: 4px;
        font-size: 12px;
    }

    .cabinet-page .page-content .orders .list .data .data-item {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px;
    }

    .cabinet-page .page-content .orders .list .items {
        margin: 0 -10px 24px 0;
    }

    .cabinet-page .page-content .orders .list .items .item {
        width: 295px;
        margin: 0 8px 0 0;
    }

    .cabinet-page .page-content .orders .list .bottom-button {
        width: 100%;
    }

    .cabinet-page .page-content .orders .list .bottom-button__a {
        width: 100%;
    }

    .order-page .back-link {
        font-size: 0;
    }

    .order-page .content h1 {
        padding-bottom: 24px;
        margin-bottom: 24px;
        font-size: 28px;
        line-height: 34px;
    }

    .order-page .content h2 {
        font-size: 16px;
        line-height: 24px;
    }

    .order-page .content .data .data-item {
        width: 100%;
    }

    .order-page .content .list .item .image {
        width: 144px;
    }

    .order-page .content .list .item .info {
        width: calc(100% - 144px);
        padding: 8px 12px;
    }

    .order-page .content .list .item .info p {
        margin-top: 0;
    }

    .order-page .content .bottom-data .item {
        font-size: 14px;
        line-height: 21px;
    }

    .order-page .content .bottom-data .certificates {
        padding-top: 24px;
    }

    .order-page .content .bottom-data .certificates-title {
        font-size: 14px;
    }

    .order-page .content .bottom-data .certificates-list li .certificate-link {
        font-size: 14px;
        max-width: 210px;
    }

    .order-page .content .bottom-data .certificates-list button.download-certificate {
        width: 100px;
        height: 31px;
        font-size: 12px;
    }

    .order-page .content .bottom-data .button > a {
        width: 100%;
    }

    .order-page .content .bottom-block {
        padding-top: 24px;
        margin-top: 24px;
        font-size: 12px;
        line-height: 18px;
    }

    .order-page .content .bottom-block h4 {
        font-size: 14px;
        line-height: 21px;
    }

    .order-page {
        padding: 48px 0;
    }

    .contacts-page .contacts .top-item h3 {
        font-size: 14px;
        line-height: 21px;
    }

    .contacts-page .contacts .select p {
        font-size: 14px;
        line-height: 21px;
    }

    .contacts-page .contacts .item h3 {
        font-size: 14px;
        line-height: 21px;
    }

    .contacts-page .contacts .item2 h3 {
        font-size: 14px;
        line-height: 21px;
    }

    .top-page-line.f {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 20;
    }

    .header.f {
        position: fixed;
        width: 100%;
        left: 0;
        top: 29px;
        z-index: 20;
        background: #fff;
    }

    .contacts-page {
        padding-top: 20px;
    }

    .faq-page .item h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .header {
        padding: 16px 0;
        height: 65px;
    }

    .cabinet-page {
        padding: 8px 0 48px;
    }

    .cabinet-page nav ul li a.active:before {
        width: 100%;
        height: 1px;
        bottom: 0;
        top: auto;
    }

    .cabinet-page nav ul::-webkit-scrollbar {
        height: 0;
    }

    .cabinet-page nav ul li:last-child {
        display: none;
    }

    .cabinet-page nav ul li a {
        text-align: center;
        display: block;
        padding: 7px 13px;
    }

    .cabinet-page .page-content .orders .filters-link {
        display: none;
    }

    .bottom-data > :nth-last-child(1 of .item.big) {
        padding-top: 20px;
    }

    .order-page .content .bottom-data .button button {
        width: 100%;
    }

    .index-top-banner .item .content .text {
        padding: 24px 12px;
    }

    .index-top-banner .item .content .text h3 {
        font-size: 32px;
        line-height: 34px;
    }

    .index-top-banner .slick-dots {
        padding: 0 8px;
    }

    .index-top-banner {
        margin-bottom: 48px;
    }

    .index-catalog-block h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .index-catalog-block .top-link {
        width: 100%;
        text-align: left;
        margin: 0 0 24px 0;
    }

    .index-catalog-block .list {
        margin: 0 -10px 0 0;
    }

    .index-catalog-block .list .item {
        width: 295px;
        margin: 0 5px 0 0;
    }

    .index-catalog-block .list .item .tags span {
        font-size: 10px;
    }

    .index-catalog-block .list .item .photos {
        min-height: auto;
        /*min-height: 405px;*/
    }

    .index-catalog-block {
        padding-bottom: 48px;
    }

    .index-categories-block h2 {
        margin-bottom: 24px;
        font-size: 28px;
        line-height: 34px;
    }

    .index-categories-block .tabNavigation {
        margin: 0 -10px 0 0;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .index-categories-block .tabNavigation::-webkit-scrollbar {
        display: none;
    }

    .index-categories-block .tab-content .content .text {
        padding: 48px 12px;
    }

    .index-categories-block .tab-content .content .text h3 {
        font-size: 28px;
        line-height: 34px;
    }

    .index-categories-block .tab-content .content .text p {
        margin-bottom: 30px;
        /*margin-bottom: 70px;*/
    }

    .special-banner-block h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .special-banner-block .banner {
        background: url("/img/special-banner2.jpg") center/cover;
        height: 600px;
    }

    .special-banner-block .banner h3 {
        padding: 208px 0 104px;
    }

    .special-banner-block .banner p {
        margin-bottom: 50px;
    }

    .special-banner-block .banner form {
        max-width: 100%;
        margin: 0 12px;
    }

    .special-banner-block {
        padding-bottom: 48px;
    }

    .courses-block h2 {
        margin-bottom: 24px;
        font-size: 28px;
        line-height: 34px;
    }

    .courses-block .top-link {
        text-align: left;
    }

    .courses-block .tabNavigation {
        margin: 24px 0 12px;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .courses-block .tabNavigation::-webkit-scrollbar {
        display: none;
    }

    .courses-block .list {
        margin: 0 -10px 0 0;
    }

    .courses-block .list .item {
        width: 295px;
        margin: 0 5px 0 0;
    }

    .courses-block .list > .slick-next {
        display: none !important;
    }

    .courses-block .list > .slick-prev {
        display: none !important;
    }

    .index-catalog-block .list > .slick-next {
        display: none !important;
    }

    .index-catalog-block .list > .slick-prev {
        display: none !important;
    }

    .cabinet-page .page-content .orders .list .items > .slick-next {
        display: none !important;
    }

    .cabinet-page .page-content .orders .list .items > .slick-prev {
        display: none !important;
    }

    .courses-block {
        padding-bottom: 48px;
    }

    .index-bottom-banner .wrap {
        padding: 0;
    }

    .index-bottom-banner .content .text {
        padding: 48px 12px;
    }

    .index-bottom-banner .content .text h2 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 12px;
    }

    .index-bottom-banner .content .text p {
        margin-bottom: 12px;
    }

    .index-bottom-banner {
        margin-bottom: 48px;
    }

    .bottom-menu ul {
        padding-bottom: 0;
    }

    .bottom-menu ul li {
        margin-bottom: 32px;
    }

    .bottom-menu ul li a {
        font-size: 28px;
        line-height: 29px;
        height: 29px;
    }

    .special-banner-block .banner.other {
        height: 600px;
    }

    .special-banner-block .banner.other .text {
        padding: 0 8px;
    }

    .special-banner-block .banner.other.other2 {
        background: url("/img/special-banner5.jpg") center/cover;
    }

    .special-banner-block .banner.other .text .back {
        margin-top: 24px;
    }

    .search-block form .field {
        width: 100%;
        margin-left: -50%;
    }

    .search-block form .field input[type=text] {
        padding: 0 24px;
        border-bottom: 1px solid rgba(1, 1, 1, 0.2);
        padding-right: 115px;
    }

    .search-block form {
        height: 52px;
        margin-bottom: 32px;
        position: sticky;
        top: 0;
    }

    .search-block .list2 .list .item .info {
        padding: 12px 0;
    }

    .search-block form .field .clear {
        right: 50px;
    }

    .search-block .close {
        right: 6px;
    }

    .videos-page h1 {
        font-size: 28px;
        line-height: 34px;
    }

    .videos-page nav {
        padding: 0;
        overflow-x: scroll;
        white-space: nowrap;
        background: none;
    }

    .videos-page nav::-webkit-scrollbar {
        display: none;
    }

    .videos-page nav a {
        color: #000;
        margin: 4px 8px;
        font-size: 12px;
        line-height: 18px;
    }

    .videos-page form {
        width: 100%;
    }

    .videos-page button {
        width: 100%;
    }

    .videos-page .list .item {
        width: 100%;
        margin-bottom: 40px;
    }

    .videos-page .bottom-button button {
        width: 100%;
        margin: 0;
    }

    .tutorial-block .window > .info {
        /*padding: 24px 12px 0 12px;*/
    }

    .tutorial-block .window > .info .list2 .item .tags {
        display: none;
    }

    .tutorial-block .window > .info .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -webkit-flex-wrap--ms-flex-wrap: wrap;
        -webkit-flex-wrap--ms-flex-wrap-flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -webkit-justify-content--ms-flex-pack: justify;
        -webkit-justify-content--ms-flex-pack-justify-content: space-between;
    }

    .tutorial-block .window > .info .list .item .content {
        padding: 12px 0;
    }

    .fav-page h1 {
        font-size: 28px;
        line-height: 34px;
    }

    .fav-page .list .item .info {
        padding: 12px 0;
        position: relative;
    }

    .fav-page .list .item .info .price {
        margin-bottom: 0;
    }

    .fav-page .list .item .info button {
        position: absolute;
        right: 0;
        bottom: 5px;
        width: 45px;
        border: 0;
        background: url(/img/header-link4.svg) no-repeat center / 25px;
        font-size: 0;
        background-color: transparent !important;
    }

    .fav-page .list .item .info button.btn-buy-more {
        background: url(/img/header-link4a.svg) no-repeat center / 25px;
    }

    .fav-page .list .item {
        margin-bottom: 0;
    }

    .search-block .list2 .bottom-button {
        display: block;
    }

    .fav-page .list .item .info h3 {
        font-size: 14px;
        line-height: 21px;
    }

    .fav-page .list .item .info p {
        font-size: 12px;
        line-height: 18px;
    }

    .list .item.gift .info p {
        margin-bottom: 10px;
    }

    .fav-page .list .item .info .price {
        font-size: 14px;
        line-height: 21px;
    }

    .special-banner-block .lines {
        width: calc(100% - 20px);
        margin-left: 0;
        left: 10px;
        bottom: 30px;
    }

    .fav-page .menu ul li a {
        font-size: 12px;
    }

    .fav-page .menu ul {
        margin-right: -10px;
        white-space: nowrap;
        overflow-x: scroll;
        scrollbar-width: none;
    }

    .fav-page .menu ul::-webkit-scrollbar {
        display: none;
    }

    .fav-page .sort .filter-link {
        font-size: 0;
        padding-left: 24px;
        margin-top: 0;
    }

    .fav-page .sort .select {
        display: none;
    }

    .fav-page .sort .links .sort-form > .select {
        display: block;
        width: 24px;
        height: 24px;
    }

    .fav-page .sort .links .sort-form > .select select {
        margin: 0;
        width: 24px;
        height: 24px;
    }

    .fav-page .sort .sort-link {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
    }

    .fav-page .sort .links > .sort-form {
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 24px;
        opacity: 0;
        appearance: none;
        -webkit-appearance: none;
        border: 0;
        margin: 0;
        padding: 0;
        cursor: pointer;
        z-index: 2;
    }

    .fav-page .sort .sort-link {
        pointer-events: none;
    }

    .fav-page .sort .links {
        display: block;
        position: relative;
    }

    .fav-page .list.type2 .item {
        width: 100%;
        margin: 0 !important;
    }

    .special-banner-block .banner.inner {
        background: url("/img/special-banner2.jpg") center/cover;
    }

    .special-banner-block .banner.inner h3 {
        padding: 210px 0;
    }

    .special-banner-block .banner.inner form {
        right: 10px;
        bottom: 10px;
        width: calc(100% - 20px);
        margin: 0;
    }

    .special-banner-block .banner p.other {
        top: auto;
        bottom: -20px;
        width: 100%;
        padding: 0 10px;
        left: 0;
        text-align: center;
    }

    .special-banner-block.pb .lines {
        display: none;
    }

    .special-banner-block.pb {
        padding-bottom: 10px;
    }

    .fav-page .list .item .present p {
        font-size: 12px;
        line-height: 14px;
    }

    .fav-page .list .item .present .price {
        font-size: 14px;
        line-height: 21px;
    }

    .fav-page .list .item .present .badge {
        width: 100%;
        text-align: center;
        top: 0;
        left: 0;
    }

    .item-banner .banner {
        height: 600px;
        background: url("/img/item-banner2.png") center/cover;
    }

    .item-banner .banner .text {
        -webkit-transform: none;
        transform: none;
        top: auto;
        left: 12px;
        bottom: 12px;
        width: calc(100% - 24px);
    }

    .item-banner .banner .text h3 {
        font-size: 32px;
    }

    .item-banner .banner .text button {
        width: 100%;
    }

    .catalog-filter .window {
        width: 100%;
        padding: 24px 24px 140px 24px;
    }

    .catalog-filter .window h3 {
        text-align: center;
    }

    .catalog-filter .window .close {
        right: auto;
        left: 20px;
        top: 16px;
    }

    .catalog-filter .window .buttons {
        width: 100%;
        padding: 20px 24px;
    }

    .catalog-sort .window {
        width: 100%;
        padding: 24px 24px 140px 24px;
    }

    .catalog-sort .window h3 {
        text-align: center;
    }

    .catalog-sort .window .close {
        right: auto;
        left: 20px;
        top: 16px;
    }

    .catalog-sort .window .buttons {
        width: 100%;
        padding: 20px 24px;
    }

    .catalog-sort.opened {
        display: block;
    }

    body:has(.contacts-info-page nav) .header {
        border-bottom: 0;
    }

    .contacts-info-page h1 {
        font-size: 28px;
        margin-bottom: 32px;
    }

    .contacts-info-page .contacts .item h3 {
        font-size: 14px;
        line-height: 21px;
    }

    .contacts-info-page {
        padding-top: 20px;
    }

    .item-page .mob-top-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 12px 0;
        position: absolute;
        z-index: 3;
        width: 100%;
        background: transparent;
    }

    .item-page {
        padding: 0 0 24px 0;
    }

    .item-page .photos {
        padding: 0;
        width: calc(100% + 20px);
        margin: 0 -10px;
        margin-bottom: 32px;
    }

    .item-page .photos .colors {
        display: block;
        bottom: -40px;
        left: 12px;
    }

    .item-page .info .rating .fav-link {
        display: none;
    }

    .item-page .info .rating .reviews a {
        float: right;
    }

    .item-page .info .rating {
        width: 100%;
        text-align: left;
        padding-bottom: 12px;
        margin-bottom: 12px;
        border-bottom: 1px solid rgb(224, 224, 224);
    }

    .item-page .info .colors {
        /*display: none;*/
    }

    .item-page .info button {
        display: none;
    }

    .item-page .info {
        padding-top: 15px;
    }

    .index-catalog-block.black .list .item .info {
        text-align: center;
    }

    .item-reviews-block .item {
        padding: 15px;
        border: 1px solid #000;
    }

    .item-reviews-block .list .review {
        margin-bottom: 30px;
    }

    .item-reviews-block .list .review .text {
        width: 100%;
        margin-bottom: 12px;
    }

    .item-reviews-block .list .review .image {
        width: 100%;
    }

    .item-reviews-block .list .bottom-link {
        display: block;
        text-align: center;
    }

    .item-reviews-block .list .more-reviews {
        display: flex;
        justify-content: center;
        margin-top: 35px;
    }

    .item-page .lesson .list .lst .item {
        width: 300px;
    }

    .popup2 {
        padding: 24px 12px !important;
    }

    .popup2 .new-review form .field {
        width: 100%;
    }

    .popup2 .new-review form .rating p {
        display: none;
    }

    .popup2 .new-review form .rating .rating-area {
        margin: 0 auto;
    }

    .popup2 .new-review form .textarea textarea {
        height: 40px;
        padding: 8px 12px;
    }

    .popup2 .new-review form button {
        width: 100%;
    }

    .fancybox-slide--html .fancybox-close-small {
        display: none !important;
    }

    .popup2 .date-select h2 {
        text-align: left;
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 24px;
    }

    .popup2 .date-select .time .item {
        text-align: left;
        display: block;
        margin: 0;
        padding: 12px 0;
        border-bottom: 1px solid rgba(1, 1, 1, 0.1);
        position: relative;
    }

    .popup2 .date-select .time .item input {
        position: absolute;
        right: 0;
        top: 50%;
        margin: -8px 0 0 0;
    }

    .popup2 .date-select button {
        width: 100%;
    }

    .popup .window .content .empty-cart button {
        width: 100%;
    }

    .popup .window .content .empty-cart a:has(button) {
        width: 100%;
        /*max-width: 200px;*/
        display: inline-block;
        text-decoration: none;
    }

    .popup .window .cart {
        padding: 36px 12px;
    }

    .popup .window .cart h2 {
        margin-bottom: 30px;
    }

    .popup .window .cart .present .item .image {
        width: 80px;
        height: 94px;
    }

    .popup .window .cart .list .item .image {
        width: 80px;
        height: 94px;
    }

    .popup .window .cart .list .item .info {
        width: calc(100% - 85px);
        padding-top: 6px;
    }

    .popup .window .cart .list .item .info h3 {
        margin-bottom: 5px;
        padding-right: 18px;
    }

    .popup .window .cart .list.add .item .info .bottom {
        position: relative;
        width: auto;
        left: auto;
        bottom: auto;
    }

    .popup .window .cart .list .item .info button {
        bottom: 0;
        width: auto;
        min-width: 95px;
        height: 32px;
        font-size: 12px;
        padding: 0 15px;
    }

    .popup .window .cart .data table tr td {
        font-size: 14px;
        line-height: 1.2;
    }

    .popup .window .cart .data button {
        height: 40px;
    }

    .popup .window .cart .help span {
        display: block;
        margin-bottom: 12px;
    }

    .popup .window .cart .help a {
        margin: 0 5px;
    }

    .popup .window .cart .payment {
        margin-bottom: 0;
    }

    .popup .window .content .code input[type=text] {
        width: 100%;
    }

    .order-page2 {
        padding: 0;
    }

    .order-page2 .back-link {
        display: block;
    }

    .order-page2 h1 {
        font-size: 28px;
        line-height: 34px;
    }

    .order-page2 .fields .shops .list .item .checkbox + label .name {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-page2 .fields .shops .list .item .checkbox + label .time {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: left;
    }

    .order-page2 .fields .shops .list .item .checkbox + label .price {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 10px 0 0 0;
    }

    .order-page2 .fields button {
        display: none;
    }

    .order-page2 .fields .payment {
        padding-bottom: 0;
    }

    .order-page2 .results table {
        margin-bottom: 10px;
        border-bottom: 0;
    }

    .order-page2 .results .present {
        display: none;
    }

    .order-page2 .results .list {
        display: none;
    }

    .order-page2 .results {
        margin: 0 -10px;
        padding: 10px 10px 24px 10px;
        width: calc(100% + 20px);
        background: rgb(246, 246, 246);
    }

    .order-page2 .results button {
        display: block;
    }

    .success-page {
        padding: 0 0 100px 0;
    }

    .success-page .back-link {
        display: block;
    }

    .success-page h1 {
        font-size: 28px;
    }

    .success-page .content .content2 h2 {
        font-weight: 400;
    }

    .popup3 .banner {
        padding: 30px 16px 20px 16px;
        background: none !important;
    }

    .popup3 .banner h3 {
        font-size: 38px;
    }

    .popup3 .banner .price {
        margin-bottom: 12px;
        font-size: 14px;
    }

    .popup3 .banner button {
        width: 100%;
    }

    .popup3 .banner .image {
        display: block;
    }

    .fav-page .sort {
        padding-bottom: 24px;
    }

    .fav-page .list .item {
        margin-bottom: 24px;
    }

    .fav-page .list .item .info .rating {
        display: none;
    }

    .fav-page .list.type2 .item .info .rating {
        display: block;
        /*margin-top: -10px;*/
    }

    .fav-page .list .item .info h3 {
        margin-bottom: 2px;
    }

    .fav-page .list.type2 .item .info button {
        position: relative;
        width: 100%;
        right: auto;
        bottom: auto;
        background: none;
        border: 1px solid rgba(0, 0, 0, 0.1);
        margin-top: 10px;
        font-size: 14px;
    }

    .fav-page .list.type2 .item {
        margin: 0 0 24px 0 !important;
    }

    .fav-page.other {
        padding-top: 12px;
    }

    .fav-page .list .item .photos .preview .photo {
        padding: 3px;
    }

    .fav-page .list.type2 .item .photos .preview .photo {
        padding: 4px;
    }

    .fav-page .list .item .photos .preview .slick-dots {
        display: none;
    }

    .fav-page .list .item .photos .preview {
        /*bottom: 16px;*/
    }

    .index-catalog-block .list .item .photos .preview .slick-dots li {
        padding: 0 3px;
    }

    .cart-bottom-fixed-block {
        padding: 10px 0 0 0;
        bottom: 53px;
        z-index: 11;
        border-top: 1px solid rgba(0, 0, 0, 0.10);
        height: 51px;
    }

    .popup2 .date-select .select {
        padding: 0;
    }

    .item-page .info button.w100 {
        display: block;
        margin-top: 0;
    }

    .popup2 .date-select .select {
        margin-bottom: 24px;
    }

    .popup2 .date-select .time {
        padding-bottom: 20px;
    }

    .popup2 .date-select .time .item:last-child {
        border-bottom: 0;
    }

    .policy-wrapper {
        margin: 70px 0 30px;
    }

    .item-reviews-block .item .item-border {
        border: 0;
        padding: 0;
    }

    .discount-banner .window {
        padding: 20px 0 10px;
    }

    .discount-banner .window h3 {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .discount-banner .window p {
        margin-bottom: 20px;
        font-size: 11px;
        line-height: 1.2;
        letter-spacing: -0.5px;
    }

    .seeAlso {
        margin-top: 30px;
    }

    .index-catalog-block .list2 .item {
        max-width: 295px;
    }

    .promo-banner h2 {
        font-size: 28px;
    }

    .item-page .content .content-header {
        flex-wrap: wrap;
    }

    .list:not(.type2) .item.gift .tags {
        width: 100%;
        text-align: center;
        top: 0;
        left: 0;
        max-width: 100%;
    }

    .list:not(.type2) .item.gift .tags span {
        width: 100%;
    }

    .fav-page .list .item .photos .main .photo {
        padding: 0;
        /*padding-top: 20px;*/
    }

    .link-certificates {
        width: 100%;
        margin-bottom: 24px;
    }

    #tutorial-no-results .bottom-button button {
        width: 180px;
        margin-top: 32px;
    }

    .news-grid {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .news-item .news-image {
        height: 280px;
    }

    .news-page-title {
        font-size: 32px;
        line-height: 40px;
        margin: 24px 0;
    }

    .news-item .news-text .news-detail-btn {
        display: none;
    }

    .news-item .news-text .news-title {
        padding-bottom: 0;
    }

    .news-detail .detail-title {
        font-size: 28px;
        line-height: 34px;
    }

    .news-detail .detail-image {
        max-height: 300px;
    }

    .news-detail .news-next-container .news-next-title {
        font-size: 16px;
    }

    .popup .window .cart .list .item .info .bottom {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        margin-top: 10px;
    }

    .tutorial-block .progress {
        height: 32px;
        cursor: pointer;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .tutorial-block .progress::-webkit-slider-runnable-track {
        -webkit-appearance: none;
        background: transparent;
        height: 2px;
    }

    .tutorial-block .progress::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 28px;
        height: 28px;
        border: none;
        border-radius: 50%;
        background: transparent;
        box-shadow: none;
        opacity: 0;
        margin-top: -13px;
    }

    .tutorial-block .progress::-moz-range-track {
        background: transparent;
        height: 2px;
        border: none;
    }

    .tutorial-block .progress::-moz-range-thumb {
        appearance: none;
        width: 28px;
        height: 28px;
        border: none;
        border-radius: 50%;
        background: transparent;
        opacity: 0;
    }

    .tutorial-block .progress::-ms-track {
        background: transparent;
        height: 2px;
        border: 0;
        color: transparent;
    }

    .tutorial-block .progress::-ms-thumb {
        width: 28px;
        height: 28px;
        border: none;
        border-radius: 50%;
        background: transparent;
        opacity: 0;
    }

    .tutorial-block,
    .tutorial-block .window {
        touch-action: none;
        overscroll-behavior: none;
    }

    .tutorial-block .menu,
    .tutorial-block .progress-wrapper,
    .tutorial-block .progress {
        touch-action: pan-x;
    }

    .tutorial-block .video .video-wrapper {
        position: relative;
    }

    .tutorial-block .rm-tutorial-loader {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 16px;
        background: rgba(0, 0, 0, 0.35);
        backdrop-filter: blur(2px);

        opacity: 0;
        visibility: hidden;
        transition: opacity .2s ease, visibility .2s ease;
        /*pointer-events: none; */
        z-index: 1;
    }

    .tutorial-block .rm-tutorial-loader.is-active {
        opacity: 1;
        visibility: visible;
    }

    .tutorial-block .rm-tutorial-spinner {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        border: 3px solid rgba(255, 255, 255, 0.35);
        border-top-color: #fff;
        animation: rm-tutorial-spin 0.8s linear infinite;
        flex: 0 0 auto;
    }

    @keyframes rm-tutorial-spin {
        to {
            transform: rotate(360deg);
        }
    }

    .tutorial-block .rm-tutorial-label {
        color: #fff;
        font-size: 13px;
        line-height: 1.3;
        text-transform: none;
        letter-spacing: 0.2px;
        user-select: none;
        -webkit-user-select: none;
    }

    .tutorial-block .rm-tutorial-loader.is-error .rm-tutorial-label {
        color: #ffb4b4;
    }

    .preview.slider-nav-catalog span {
        width: 20px;
        height: 20px;
        font-size: 9px;
    }

    .type2 .preview.slider-nav-catalog span {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .index-catalog-block .preview.slider-nav-catalog span {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .search-block .list2 .list .item .info h3 {
        font-size: 14px;
    }

    .search-block .list2 .list .item .info h3 a {
        font-size: 14px;
    }

    .search-block .list2 .list .item .info p {
        font-size: 12px;
    }

    .search-block .list2 .list .item .info p a {
        font-size: 12px;
    }

    .search-block .list2 .list .item .info .price {
        font-size: 14px;
    }

    .promo-item-detail h2 {
        font-size: 28px;
    }

    .promo-item-detail .promo-item-detail__image {
        margin: 0 0 48px;
    }

    .promo-item-detail .promo-item-detail__image .promo-item-detail__image-desktop {
        display: none;
    }

    .promo-item-detail .promo-item-detail__image .promo-item-detail__image-mob {
        display: block;
    }

    .item-page .lesson .list .videos-page.lst .slick-next,
    .item-page .lesson .list .videos-page.lst .slick-prev {
        width: 35px;
        height: 35px;
        background-size: 35px;
        top: 45%;
    }

    .is-horizontal.is-ltr .f-button.is-arrow.is-next {
        right: 10px;
        width: 40px;
        height: 40px;
    }

    .is-horizontal.is-ltr .f-button.is-arrow.is-prev {
        left: 10px;
        width: 40px;
        height: 40px;
    }

    .mobile-slide {
        max-width: 260px;
        display: inline-block;
        font-weight: normal;
    }

    .popup .window .cart .list .item .info .delete {
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: top right;
    }

    .certificate-activation {
        gap: 12px;
    }

    .balance .certificate-input {
        width: 64%;
    }

    .balance .activate-button {
        width: 36%;
        font-size: 13px;
    }

    .current-balance {
        margin-bottom: 35px;
    }

    .cabinet-page .page-content .personal.mobile-column {
        display: block;
    }

    .cabinet-page nav .bottom-text {
        display: none;
    }

    .cart-balance__activate-link {
        font-size: 11px;
    }

    .cart-balance__amount {
        font-size: 11px;
    }

    .cart-balance {
        padding-right: 10px;
        padding-left: 35px;
        background-position: 10px 9px;
        margin-left: -6px;
        margin-right: -6px;
        margin-bottom: 15px;
    }
}

@media (max-width: 395px) {
    .cart-balance__activate-link {
        font-size: 10px;
    }

    .cart-balance__amount {
        font-size: 10px;
    }
}

@media (min-width: 576px) {
    .footer nav ul {
        display: block !important;
    }
}