@-ms-viewport {
    width: device-width
}

@media (max-width: 1700px) {
    #bundle-product-dynamic {
        display: none !important;
    }
}

@media (max-width: 1300px) {
    #cart-plate {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    .categories-all,
    .category-swiper-wrapper {
        padding-left: 0;
    }

    #category-slider-prev,
    #category-slider-next {
        display: none;
    }

    .categories-all article:nth-of-type(3n) {
        margin-right: 24px;
    }

    .content.cart.empty-basket,
    .content.cart {
        padding-left: 0;
    }

    .product-info.articles-slider .analogs {
        display: none;
    }

    .product-info.articles-slider {
        width: 100%;
        position: static;
        padding: 0;
    }

    #cat-items.list > div .list-center {
        width: calc(100% - 285px);
    }

    .cat-view .list {
        margin-left: 8px;
    }

    .categories .per_page,
    .categories .sort {
        font-size: 13px;
    }

    .categories .sort {
        margin-right: 12px;
    }

    .categories .per_page > a,
    .categories .sort > a {
        font-size: 12px;
    }

    #per_page li a,
    #sort li a {
        font-size: 12px;
    }

    .button.button--basket {
        font-size: 12px;
    }

    .button.button--active {
        font-size: 13px;
    }

    .categories .per_page > a {
        width: 52px;
        margin-left: 3px;
    }

    #per_page {
        width: 52px;
    }

    #sort {
        width: 152px;
    }

    .categories .sort > a {
        width: 152px;
        margin-left: 3px;
    }

    .product-added-message .name a {
        margin-top: 10px;
    }

    header.new-year--hide:before {
        height: 225px;
    }

    body:before {
        display: none;
    }

    header .header .info .info-lists {
        display: none;
    }
    .search-results {
        margin-left: 0;
    }

    footer .info {
        min-height: 119px;
    }

    .navigation .search button {
        width: 80px;
    }

    .navigation .search input {
        width: calc(100% - 80px);
    }

    .navigation .search {
        margin-left: 16px;
        margin-right: 16px;
        width: calc(100% - 463px);
    }

    .autocomplete-suggestions {
        width: calc(100% - 505px) !important;
    }

    header .make-order {
        display: none;
    }

    .search-count-title {
        margin-left: 0;
    }

    .news-main .col {
        width: 48%;
    }

    .unknown {
        margin-left: 0;
    }

    .unknown:before {
        width: 360px;
        height: 360px;
        min-height: 360px;
    }

    .list-right .button {
        background-image: none;
        padding-left: 0;
        width: calc(100% - 16px);
    }

    .auth-page:before {
        width: 360px;
        height: 360px;
    }

    .auth-page a {
        width: 350px;
        background-position: 24px center;
    }

    #profile_edit_div {
        background-position: 100% 90px;
        margin-left: 0;
    }

    .page-reviews .main-col {
        padding-left: 0;
        padding-right: 0;
    }

    .social.review-social {
        right: 0;
    }

    .details.order-page .info div:last-child {
        margin-top: 0;
        margin-bottom: 24px;
    }

    .profile-wrapper.personal-area .main-col {
        margin-top: 32px;
    }

    #cart-plate .wrapper .cart a {
        border-left: none;
    }

    .content.cart.empty-basket:before {
        width: 360px;
        height: 360px;
        right: 0;
    }

    .product-colors-gallery-link {
        margin-right: 8px;
    }
    .product-colors-slide-up {
        display: none !important;
    }

    .product-colors-slide-down {
        display: none !important;
    }

    .product-colors-slide.disabled {
        display: none !important;
    }

    .product-colors-slide.disabled {
        display: none !important;
    }

    .product-colors-gallery {
        margin-top: 24px;
        max-height: max-content;
        width: 100%;
        position: static;
    }

    .product-colors-gallery-wrapper {
        max-height: max-content;
    }

    .product-colors-gallery-body {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .section_cart #container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .categories.subcategories .left-col {
        padding: 0;
    }

    #cat-items.tile > div {
        width: 25%;
    }

    #cat-items > div .img {
        width: 100%;
    }

    .list-right .button,
    .button.btn-under-order,
    .btn-not-produced {
        width: calc(100% - 16px);
    }

    .pager {
        margin-bottom: 32px;
    }

    .categories.subcategories .main-col {
        width: calc(100% - 212px)
    }

    .categories-all article > a {
        padding-left: 0;
        padding-right: 0;
    }

    .categories-all article > ul {
        padding-left: 0;
    }

    .page-oborudovanie .text_full p {
        font-size: 14px;
        line-height: 142%;
    }

    #register .social {
        width: 46%;
    }

    #register form {
        width: 40%;
    }
    .breadcrumbs {
        padding-left: 0;
        padding-right: 0;
        width: calc(100% - 32px);
        margin-bottom: 32px;
    }

    section h1 {
        margin-left: 0;
        margin-bottom: 24px;
    }

    #register {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 42px;
    }

    .register-wrapper {
        padding-right: 0;
    }

    section {
        padding-left: 16px;
        padding-right: 16px;
    }

    header .header .info {
        text-align: left;
        width: calc(100% - 536px);
    }

    header .header .info .phone {
        margin: 0 0 8px 0;
    }

    header .header .info .phone:last-child {
        margin-bottom: 0;
    }

    header .header .logo {
        margin-right: 23px;
    }

    footer {
        margin-left: 0;
        margin-right: 0;
        padding-top: 32px;
        padding-bottom: 44px;
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 0;
        background-color: var(--main-color-eleventh);
    }

    footer .tagline {
        display: none;
    }

    footer .social-block {
        width: 252px;
        float: none;
    }

    footer .right-col {
        margin-bottom: 34px;
        margin-top: 24px;
        width: 100%;
    }

    footer .info {
        margin-right: 0;
        position: relative;
        width: 160px;
        margin-bottom: 24px;
    }

    footer .service-menu {
        width: 100%;
        justify-content: space-between;
    }

    footer .service-menu ul {
        margin-bottom: 0;
    }

    footer .service-menu .h3 {
        margin-bottom: 0;
        font-size: 16px;
        padding-top: 14px;
        padding-bottom: 8px;
    }

    footer .service-menu a {
        padding-top: 6px;
        padding-bottom: 6px;
        display: block;
        box-sizing: border-box;
        font-size: 15px;
    }

    footer .news-subscribe h3 {
        font-weight: 500;
        font-size: 16px;
        line-height: 124%;
    }

    footer .service-menu li:not(:last-child) {
        margin-bottom: 0;
    }

    footer .small {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 14px;
        margin-top: 8px;
        margin-bottom: 16px;
    }

    footer .ya-market-reviews {
        display: block;
        width: max-content;
        position: absolute;
        top: 20px;
        right: -133px;
    }

    footer .service-info .payment-methods .footer-payment-systems {
        margin: 24px 0 0;
        clear: both;
        width: 100%;
    }

    footer .copyright {
        display: none;
    }

    footer .copyright-mobile {
        display: block;
        width: 100%;
        color: rgba(43, 45, 58, 0.6);
        padding-top: 24px;
        padding-bottom: 24px;
        border-top: 1px solid rgba(63, 71, 107, 0.1);
        margin-bottom: 0;
    }

    footer .phones {
        margin-bottom: 0;
    }

    footer .service-info .legal {
        padding: 0;
        margin: 0;
        margin-top: 24px;
        width: 100%;
        font-weight: 500;
        font-size: 12px;
        line-height: 140%;
    }

    footer .service-info {
        border-top: none;
    }

    .news-subscribe form {
        text-align: left;
    }

    footer .service-menu .service-item {
        margin-right: 0;
        padding-bottom: 6px;
    }

    footer .service-info .payment-methods {
        width: 100%;
        margin-top: 0;
    }

    footer .news-subscribe input {
        width: 276px;
        display: block;
        height: 42px;
        font-size: 16px;
        margin-bottom: 16px;
    }

    footer .news-subscribe input::placeholder {
        font-size: 16px;
    }

    footer .news-subscribe button {
        width: 288px;
        height: 42px;
        line-height: 42px;
        display: block;
        font-weight: 500;
        font-size: 16px;
    }

    footer .service-info .age-rating {
        margin: 0 auto;
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .cart section {
        width: 100%;
        box-sizing: border-box;
    }

    .cart .status-panel {
        width: 75.5%;
    }

    .main-page .banner-470x115 a {
        width: 100%;
        margin: 0 0 20px;
    }

    .text-gray-wrapper {
        padding-left: 50px !important;
        height: 300px !important;
    }

    .bg-wrapper,
    .container {
        width: 100%;
    }

    .super-header > li a, .super-header > li:first-of-type a, .super-header > li:last-of-type a {
        min-height: 35px;
        padding: 10px 10px 3px;
    }

    .super-header > li a small,
    .super-header > li a small.correct-studio {
        font-size: 75%;
        line-height: 100%;
    }

    header aside ul {
        margin: 0 0 0 7px;
    }

    .city_selector_approval {
        left: 50% !important;
    }

    header .header .info aside ul {
        margin: 15px 0 0 -35px;
        padding: 5px 0;
    }

    .navigation nav ul div {
        width: 540px;
    }

    .main-page .news-block .news .col:last-of-type,
    .main-page .news-block .news .col {
        width: 100%;
        padding-right: 0;
    }

    .main-page .news-block .reviews {
        position: relative;
        width: 200px;
    }

    .main-page .news-block .reviews .footer {
        width: 200px;
    }

    .main-page .news-block .news {
        position: relative;
        width: 224px;
        overflow-x: scroll;
    }

    footer .phones strong {
        font-size: 15px;
    }

    .main-col {
        width: 529px;
    }

    body .main-col .companies {
        box-sizing: border-box;
        height: auto;
        width: 100%;
        margin: 40px -20px 25px;
        background-size: cover !important;
    }

    body .main-col .companies .figure:nth-of-type(3n),
    body .main-col .companies .figure:last-of-type,
    body .main-col .companies .figure {
        margin: 0 20px 10px;
        width: 189px;
    }

    .main-col .companies::after {
        content: " ";
        display: block;
        clear: both;
    }

    body .gallery img {
        height: 85px;
        width: 124px;
    }

    .contacts-block ul.contacts-block-phone {
        min-height: auto;
    }

    .contacts-block #map_canvas {
        width: 530px !important;
    }

    .contacts-block .contacts-alien img {
        margin: 0 5px 10px;
    }

    body .main-col .howto-header {
        height: auto;
        padding: 3px 0 0 0 !important;
        position: relative;
        z-index: 0;
    }

    body .main-col .howto-header p {
        font-size: 14px;
        margin-bottom: 5px;
        padding-left: 270px;
    }

    body .main-col .howto-header ul {
        margin-bottom: 30px;
        padding-left: 270px;
    }

    body .main-col .howto-order-success {
        box-sizing: border-box;
        margin: 30px 0 25px 105px;
        width: 425px !important;
    }

    body .main-col h2.step {
        box-sizing: border-box;
        width: 420px;
    }

    .profile-wrapper.details .comment textarea {
        box-sizing: border-box;
        width: 100%;
    }

    .profile-wrapper.details .info {
        margin-right: 0;
        width: 100%;
    }

    .profile-wrapper.details .info > div {
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 12px;
    }

    .main-col iframe {
        max-width: 100%;
    }

    .about ol {
        text-align: center;
    }

    .main-col .about ol li {
        display: inline-block;
        float: none;
        height: auto;
        margin: 0 10px 20px;
        vertical-align: top;
        width: 120px;
    }

    .main-col .reviews form {
        float: left;
        margin-right: 20px;
        width: 300px;
    }

    #vendor-list {
        column-count: 3 !important;
        width: 100%;
    }

    #cart-plate .wrapper {
        width: 100%;
        max-width: 1000px;
    }

    #cart-plate .order-status .button {
        position: absolute;
        left: 67px;
        bottom: 12px;
    }

    #cart-plate .order-status {
        width: 172px;
    }

    .profile-wrapper .main-col {
        width: 533px;
    }

    .product-photos .photo img {
        max-height: 300px;
        max-width: 100%;
        object-fit: cover;
    }

    .vk-comments {
        display: block;
    }

    .product-bundles .bundle-item .items {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        width: 448px;
    }

    .product-bundles .bundle-item .items div {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .product-bundles .bundle-item .info {
        width: 215px;
    }

    body .page-cbundle-cart .cbundle-info {
        float: left;
        width: 345px;
    }

    .categories .main-col {
        width: 100%;
    }

    #cat-items.list > div {
        padding-left: 12px;
        padding-right: 12px;
    }

    #c2 {
        width: 100%;
    }

    .block-audio .jp-audio {
        box-sizing: border-box;
        width: 100%;
    }

    .block-audio .jp-playlist-select {
        box-sizing: border-box;
        width: 100%;
    }

    #vk_comments {
        display: block;
        max-width: 100%;
    }
}


@media (max-width: 900px) {
    .main-col img {
        height: auto;
    }
}


@media (max-width: 780px) {
    /*change*/

    .body-menu-active jdiv {
        display: none !important;
    }

    header .navigation-mobile {
        display: block;
    }

    header .navigation-mobile .user-block .center,
    header .navigation-mobile .user-block ul {
        display: block !important;
    }

    header .navigation-mobile .user-block {
        width: 100%;
        display: flex;
        margin: 0 auto;
        max-width: 500px;
    }

    #catalog-button {
        display: none;
    }

    .navigation .brands {
        display: none;
    }

    .autocomplete-suggestions {
        width: calc(100% - 34px) !important;
    }

    section .tabs .tab a {
        font-size: 12px;
        font-weight: 500;
        padding-left: 4px;
        padding-right: 4px;
    }

    .rr-content .tab-title .category-title .tablinks span {
        font-size: 12px !important;
        font-weight: 500 !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .rr-content .tab-title .category-title .tablinks {
        width: 136px !important;
        margin-bottom: 0 !important;
        min-width: 136px !important;
        box-sizing: border-box !important;
    }

    .rr-content .tab-title .category-title .tablinks:first-child {
        margin-right: 16px !important;
    }

    #promo-slider a {
        height: 240px;
    }
    #brands-slider-prev span {
        left: -14px;
        top: 62%;
    }

    #brands-slider-next span {
        right: -14px;
        top: 62%;
    }

    section .tab {
        width: 136px;
        margin-right: 0;
    }

    section .tab:first-child {
        margin-right: 16px;
    }

    #promo-slider img {
        height: 240px;
    }

    .navigation .search input {
        width: 68%;
        height: 42px;
    }

    .navigation .search button {
        width: 32%;
        height: 42px;
        line-height: 42px;
    }

    .navigation .search button span {
        line-height: 40px;
    }

    .navigation nav {
        position: relative;
        width: 100%;
        z-index: 10;
    }

    .navigation .search {
        float: none;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

    .city_selector_approval span {
        display: none;
    }

    header .header {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 16px;
        padding-bottom: 16px;
        position: relative;
        border-top: 0;
        width: 100%;
        box-sizing: border-box;
    }

    .navigation {
        padding-right: 0;
        padding-left: 0;
    }

    header.new-year--hide:before {
        height: 207px;
    }

    .nav-block {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 899px) {
    .product-info {
        width: 100%;
        position: relative;
        right: auto;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
        margin-top: 42px;
        padding-top: 0;
    }

    .product-info .button {
        background-position: calc(50% - 95px) 15px;
        width: 338px;
    }

    .product-info .button.button--basket {
        width: 368px;
    }

    .product-info .cart_but--active {
        width: 68px;
    }

    .product-info .button.btn-under-order {
        background-position: calc(50% - 83px) 15px;
        width: 338px;
    }

    .unknown .unknown__wrapper {
        width: 220px;
    }

    .unknown h1 {
        padding-top: 0;
    }

    .unknown:before {
        width: 340px;
        height: 340px;
    }

    .unknown {
        min-height: 340px;
    }

    .unknown .unknown__wrapper a:first-child {
        margin-bottom: 16px;
    }

    .left-col ul.dropdown-menu-list {
        padding-bottom: 16px;
    }

    .main-col {
        width: 100%;
    }

    section {
        min-height: auto;
    }

    .left-col h2 {
        margin-bottom: 16px;
        padding-left: 0;
    }

    .left-col ul:hover,
    .left-col ul:active {
        border: none;
    }

    .left-col.menu {
        display: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        padding: 0;
        background-color: #fff;
        height: 100%;
    }

    .bottom-block li:not(:last-child) {
        border-bottom: none;
    }

    .left-col.menu--active {
        display: block;
    }

    .left-col ul {
        border: none;
        border-radius: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .left-col ul li a {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 0;
    }

    .left-col .block {
        margin-bottom: 24px;
    }

    .left-col .active > a:before {
        display: none;
    }

    .left-col .dropdown-menu-button {
        top: 4px;
        right: 16px;
    }

    .basic-menu li:not(:last-child):not(:first-child) {
        border-bottom: none;
    }

    .page- .menu-navigation-button {
        display: block;
    }

    .page-bundle .menu-navigation-button {
        display: block;
    }

    .main-col--hide {
        display: none;
    }
}

@media (max-width: 831px) {
    .product-added-message .window-message {
        margin-left: 16px;
        margin-right: 16px;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 24px;
        padding-bottom: 24px;
        display: block;
        width: calc(100% - 32px);
        margin-top: 16px;
        margin-bottom: 16px;
        overflow: auto;
        max-height: calc(100% - 32px);
    }

    .product-added-message .window-message-close {
        top: 11px;
        right: 16px;
    }

    .product-added-message .window-message-title {
        font-size: 18px;
        margin-bottom: 24px;
        padding-right: 24px;
        text-align: left;
    }
}

@media (max-width: 767px) {
    .categories.subcategories .main-col #cat-items li {
        width: 170px;
    }

    .navigation nav {
        display: none;
    }

    .additional-picture img {
        width: 768px;
        height: 52px;
        position: relative;
        left: calc(50% - 384px);
        top: 0;
    }

    section .tabs .more svg,
    .brands-slider-block .more svg {
        display: none;
    }

    .payment-select .select2-results__option[aria-selected] {
        padding-right: 6px;
    }

    .img-payment-select {
        margin-right: 6px;
    }

    .panel .select2-container--default .select2-selection--single {
        width: 100%;
        font-size: 12px;
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .panel .select2-container {
        width: 100% !important;
    }

    .about-page__picture {
        margin-bottom: 8px;
    }

    .about-page__title-first div:first-child {
        font-size: 25px;
        padding-right: 12px;
    }

    .about-page__title-first div:first-child:before {
        height: 22px;
        width: 2px;
    }

    .about-page__title-first div:last-child {
        font-size: 14px;
        font-weight: 500;
    }

    .main-col h2.about-page__title-first {
        margin-bottom: 16px;
    }

    .main-col .about-page__paragraf {
        font-size: 14px;
        width: 95%;
    }

    .main-col .about-page__paragraf div {
        border-radius: 4px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .about-page__advantages {
        flex-wrap: wrap;
    }

    .about-page__advantages > div {
        width: 100%;
    }

    .about-page__advantage div:nth-child(2) {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 20px;
        font-size: 26px;
        margin-bottom: 14px;
    }

    .about-page__advantage div:nth-child(3) {
        padding-bottom: 16px;
        font-size: 18px;
        padding-left: 24px;
        padding-right: 24px;
    }

    span.about-page__year {
        font-weight: 500;
        font-size: 40px;
    }

    .about-page__advantage div:nth-child(2):before {
        left: 24px;
        bottom: -6px;
    }

    .about-page__advantages > div:first-child {
        margin-bottom: 16px;
    }

    .about-page__advantage > div {
        display: block;
        max-height: 156px;
        overflow: hidden;
    }

    .main-col h3.about-page__title-second {
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 124%;
    }

    .main-col ul.about-page__list li {
        width: 100%;
        font-size: 14px;
        margin-bottom: 8px;
    }

    .main-col ul.about-page__list li:before {
        display: none;
    }

    .main-col ul.about-page__list {
        margin-bottom: 8px;
    }

    span.about-page__slider-title {
        font-size: 18px;
        line-height: 124%;
    }

    div.about-page__slider-title {
        font-size: 18px;
        line-height: 124%;
    }

    .about-page__slider-title div:first-child {
        display: none;
    }

    .about-page__slider-title div:nth-child(2) {
        display: inline-block;
    }

    span.about-page__slider-title.about-page__slider-title--last {
        font-size: 14px;
    }

    .cart_ny2020_link {
        margin-bottom: 32px;
    }

    #product .video-preview {
        max-width: 100%;
    }

    #about-slider-prev,
    #about-slider-next {
        display: none;
    }

    .fotorama__wrap {
        width: 100% !important;
        height: 100% !important;
    }

    .fotorama--fullscreen {
        background-color: #fff;
    }

    .fotorama__stage {
        width: 100% !important;
        height: calc(100% - 70px) !important;
    }

    .fotorama__fullscreen-icon {
        top: 16px;
    }

    .fotorama__stage__frame {
        padding-top: 140px;
        padding-left: 16px;
        padding-right: 16px;
    }

    img.fotorama__img {
        max-width: 288px !important;
        max-height: 288px !important;
    }

    .fotorama__nav-wrap {
        width: 68%;
    }

    .fotorama__arr--prev {
        left: 16px;
        bottom: -38px;
    }

    .fotorama__arr--next {
        right: 16px;
        bottom: -38px;
    }

    .fotorama .fotorama__thumb-border {
        height: 44px !important;
        width: 44px !important;
        border-radius: 6px;
    }

    .fotorama .fotorama__nav--thumbs .fotorama__nav__frame {
        width: 44px;
        height: 44px;
    }

    .fotorama__thumb {
        width: 44px;
        height: 44px;
        border-radius: 6px;
    }

    .fotorama__thumb .fotorama__img {
        max-width: 34px !important;
        max-height: 34px !important;
    }

    .new-year-picture {
        border-radius: 0;
    }

    .border-gray__detail--first,
    .border-gray__detail--third {
        background-position: 32px 24px;
        background-size: 60px 60px;
    }

    .border-gray__detail--second {
        background-position: 32px 24px;
        background-size: 70px auto;
    }

    .border-gray__detail {
        padding-top: 108px;
        padding-left: 32px;
        padding-right: 32px;
    }

    .new-year-picture img {
        left: calc(50% - 384px);
    }

    .categories .per_page,
    .categories .sort {
        font-size: 14px;
    }

    .categories .per_page > a,
    .categories .sort > a {
        font-size: 14px;
    }

    #per_page li a,
    #sort li a {
        font-size: 14px;
    }

    .button.button--basket {
        font-size: 12px;
    }

    .button.button--active {
        font-size: 13px;
    }

    .payment-basket {
        position: static;
        width: calc(100% + 5px);
        margin-top: 24px;
    }

    .payment-basket__wrapper div {
        margin-bottom: 5px;
        width: 68px;
        height: 48px;
    }

    .payment-basket__wrapper img {
        width: 68px;
        height: 48px;
    }

    .payment-basket__wrapper div:not(:last-child) {
        margin-right: 5px;
    }

    .cart-order .cart-order-price div {
        margin: 0;
    }

    .cart-order .cart-order-price span.cart-order-price-second {
        font-size: 12px;
    }
    .filter-new-year label {
        font-size: 16px;
	}
    .cart-order-payment {
        width: 100%;
    }

    .successful-order__wrapper {
        width: 100%;
    }

    #chronopay_topay button {
        width: 100%;
    }

    .tranquility__list li:last-child .tranquility__tooltip {
        top: 39px;
    }
    .tranquility__tooltip {
        width: calc(100% + 24px);
        right: -12px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 16px;
    }

    .stock .tranquility__tooltip {
        width: 288px;
        right: -65px;
    }

    .tranquility__tooltip p {
        margin-top: -10px;
        padding-right: 19px;
    }

    .tranquility__list {
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 24px;
        margin-bottom: 8px;
        flex-direction: column;
        padding-bottom: 4px;
    }

    .tranquility__list li {
        font-size: 13px;
        line-height: 132%;
        padding-left: 30px;
        padding-right: 8px;
        padding-top: 0;
        background-position: 0 center;
        display: flex;
        align-items: center;
    }

    .tranquility__list li:nth-child(2) {
        margin-left: 0;
        padding-top: 12px;
        margin-top: 12px;
        border-top: 1px solid rgba(45, 45, 45, 0.05);
        padding-bottom: 12px;
    }

    .share.tranquility__list li:nth-child(2) {
        border-top: none;
    }

    .tranquility__list li:first-child:before {
        display: none;
    }

    .black {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
        margin-top: 22px;
        margin-bottom: 22px;
        padding-top: 50px;
        padding-bottom: 56px;
        padding-left: 16px;
        padding-right: 16px;
    }

    #countdown .col-xs-6:nth-child(2) .time {
        background-position: 99% center;
    }

    #countdown {
        margin-bottom: 0;
    }

    #countdown .time {
        font-size: 42px;
    }

    .black__time span {
        font-size: 12px;
    }

    .black__content {
        width: 100%;
        order: 2;
    }

    .black__timer {
        height: 172px;
        width: 100%;
        order: 1;
    }

    .black__content a {
        width: 100%;
        background-position: calc(50% - 67px) center;
    }

    .black__content span {
        font-size: 400;
    }

    .black__content h3 {
        font-size: 31px;
        margin-bottom: 28px;
    }

    .black:after {
        width: 42px;
        height: 42px;
        right: 0;
        top: 34px;
        background-image: url("/static/images/black-1-mobile.png");
    }

    .black::before {
        left: 24px;
        top: 38px;
    }

    .black__timer::before {
        display: none;
    }

    .black__timer::after {
        width: 28px;
        height: 28px;
        display: block;
        position: absolute;
        background-image: url(/static/images/black-3-mobile.png);
        background-size: contain;
        background-position: 0 0;
        background-repeat: no-repeat;
        filter: drop-shadow(10px 20px 32px rgba(209, 150, 32, 0.12));
        left: 39%;
        top: 207px;
        content: "";
    }

    footer .copyright-mobile {
        padding-bottom: 48px;
    }

    .product jdiv {
        opacity: 0 !important;
    }

    jdiv.__jivoMobileButton {
        bottom: 61px !important;
    }

    .attention a {
        margin-top: 24px;
        padding-top: 13px;
        padding-bottom: 13px;
    }

    header .header .info {
        display: none;
    }

    .panel-cart select#payment_mode {
        width: 100%;
        background-position: 96% 18px;
    }

    .auth-page.remind button {
        width: 100%;
    }

    .auth-page input {
        max-width: 100%;
    }

    .main-col .order-form .cont-l.cont-l-wrapper,
    .main-col .order-form .cont-r.cont-r-wrapper {
        width: 100%;
    }

    .categories .categories-slider a {
        margin-bottom: 24px;
    }

    #cat-items:first-child {
        margin-bottom: 32px;
    }

    .wrap_526.scroll {
        opacity: 0 !important;
    }

    .buttons .cart_form {
        position: static;
    }

    .buttons .cart_form.cart_but--scroll {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        padding: 16px;
        padding-bottom: 81px;
        box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.07);
        border-radius: 8px 8px 0 0;
        background-color: #fff;
        box-sizing: border-box;
    }

    .product-info .buttons.buttons-scroll {
        margin-top: 0;
        margin-bottom: 8px;
    }

    header {
        position: relative;
        width: 100%;
    }

    header.page-header--scroll {
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 100;
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.10);
    }

    header .header .logo {
        margin-top: 0;
    }

    .attachment-tooltip h3 {
        font-size: 13px;
    }

    .attachment-tooltip p {
        font-size: 12px;
    }

    ._show_359.wrap_abe {
        z-index: 1 !important;
    }
    .attachment-mobile {
        display: block;
    }

    .attachment-tooltip.attachment-tooltip--active {
        display: block;
        animation: bounce 1.2s;
    }

    ._show_307.wrap_526 {
        z-index: 1 !important;
    }

    a.close-ok {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 14px;
    }

    .analogs__wrapper {
        display: none;
    }

    .product-info .button.btn-under-order {
        width: 100%;
    }

    #next-banner,
    #prev-banner {
        display: none !important;
    }

    #brands-slider-prev, #brands-slider-next {
        display: none;
    }

    #brands-slider a {
        width: 124px;
    }

    .main-page .news-link p {
        font-weight: 400;
    }

    .slider-buttons {
        display: none;
    }

    .news-main .col-wrapper {
        justify-content: space-between;
    }

    .news-main .col:first-child {
        margin-bottom: 38px;
    }

    .news-main .col {
        width: 100%;
    }

    .pages-icon--first {
        display: inline-block;
    }

    .main-col iframe {
        max-width: 100%;
        max-height: 200px;
        width: 100%;
    }

    .iframe-wrapper {
        width: 100%;
    }

    body .contacts-block .contacts-departments,
    body .contacts-block #contacts_form {
        width: 100%;
        box-sizing: border-box;
    }

    body .contacts-block #contacts_form {
        padding-left: 0;
        padding-right: 0;
    }

    .contacts.contacts-form input, .contacts.contacts-form textarea {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .contacts.contacts-form textarea {
        height: 80px;
    }

    .contacts.contacts-form button {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .pager .pages-link {
        display: none;
    }

    .pager .pagination__item-show {
        display: inline-block;
    }

    .unknown {
        min-height: auto;
        margin-top: 24px;
    }

    .unknown .unknown__wrapper {
        position: relative;
    }

    .unknown .unknown__wrapper:after {
        display: block;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-image: url("/static/images/404.png");
        background-size: contain;
        position: absolute;
        content: "";
        width: 288px;
        height: 288px;
        left: calc(50% - 144px);
        top: 165px;
        display: none;
    }

    .search-results .unknown .unknown__wrapper:after {
        background-image: url("/static/images/not-found.png");
        display: none;
    }

    .unknown:before {
        display: none;
    }

    .unknown h1 {
        padding-top: 0;
        margin-bottom: 16px;
        max-width: 100%;

    }

    .unknown p {
        font-size: 14px;
    }

    .unknown .unknown__wrapper {
        width: 100%;
    }

    .unknown__wrapper a {
        width: 100%;
    }

    .fullscreen .wrap_abe {
        display: none;
    }

    .interview {
        display: none;
    }

    .auth-page:before {
        width: 288px;
        height: 288px;
        top: calc(100% - 288px);
        right: calc(50% - 144px);
    }

    .auth-page {
        min-height: auto;
        margin-left: 0;
        padding-bottom: 340px;
    }

    .auth-page.remind {
        width: 100%;
    }

    .auth-page.remind form {
        width: 100%;
        float: none;
    }

    .auth-page p {
        font-size: 14px;
        width: 100%;
    }

    .auth-page h2 {
        width: 100%;
        padding-top: 0;
    }

    .auth-page a {
        width: 100%;
        background-image: none;
        padding-left: 0;
    }

    .confirm-animation__wrapper {
        height: 125px;
        margin-bottom: 0;
    }

    #confirm-animation {
        width: 400px;
        height: 280px;
        left: calc(50% - 199px);
    }

    #password-recovery {
        width: 400px;
        height: 280px;
        left: calc(50% - 199px);
    }

    #application-success {
        width: 400px;
        height: 280px;
        left: calc(50% - 199px);
    }

    .form-buttons button {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .confirm-animation__title {
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 24px;
    }

    .confirm-animation__title.recovery-title {
        font-weight: 500;
        font-size: 18px;
    }

    #profile_edit_div input.phone {
        width: calc(100% - 112px);
    }

    #profile_edit_div {
        padding-bottom: 264px;
        background-position: center 100%;
        background-size: 234px 214px;
    }

    #profileedit-window-cont #profile_edit_div {
        padding-bottom: 0;
    }

    #profile_edit_div p {
        font-size: 14px;
        margin-top: -8px;
    }

    #profile_edit_div input {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    #profile_edit_div .edit-row {
        width: 100%;
    }

    #profile_edit_div .form-buttons {
        margin-top: 24px;
        width: 100%;
        margin-bottom: 0;
    }

    #profile_edit_div button {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .rr-widget {
        margin-top: 0;
    }

    .breadcrumbs a {
        font-size: 13px;
        padding-top: 4px;
        display: block;
    }

    .breadcrumbs {
        margin: 0 0 10px 16px;
    }

    .breadcrumbs li:before {
        display: block;
        background-image: url("/static/images/breadcrumbs.svg");
        background-size: 8px 10px;
        width: 8px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 2px;
        background-position: center;
        background-repeat: no-repeat;
        content: "";
    }

    .breadcrumbs li:after {
        display: none;
    }

    .breadcrumbs li {
        display: none;
        padding-left: 12px;
        margin-bottom: 0;
    }

    .breadcrumbs li:nth-last-child(2) {
        display: block;
    }

    #vk_comments {
        width: 100% !important;
    }

    .date_published.item-information {
        margin-bottom: 32px;
        position: relative;
    }

    .item-information-date {
        max-width: 50%;
        position: absolute;
        display: block;
        right: 0;
        min-height: 42px;
        top: 0;
        padding-top: 10px;
    }

    .author-wrapper {
        width: 100%;
    }

    .author-wrapper-picture {
        margin-right: 10px;
    }

    .author-wrapper .author-wrapper {
        width: calc(100% - 62px);
    }

    .main-col .news h1 {
        margin-bottom: 16px;
        width: 95%;
    }

    .information-wrapper {
        position: static;
        margin-bottom: 16px;
    }

    .main-col img {
        height: auto;
    }

    .news-wrapper .news-content {
        min-height: auto;
    }

    .news .news-wrapper article:first-child .news-content {
        margin-bottom: 16px;
    }

    .news-link h2,
    .news .news-wrapper article:first-child h2 {
        margin-bottom: 8px;
        width: 100%;
    }

    .news-link p {
        font-weight: 500;
        margin-bottom: 12px;
        width: 100%;
    }

    .news .news-wrapper article:first-child .news-link p {
        margin-bottom: 12px;
    }

    .main-col.news-main {
        padding-left: 0;
        padding-right: 0;
    }

    .news .news-wrapper article:first-child a.img {
        width: 288px;
        height: 195px;
        margin-bottom: 16px;
    }

    .main-col .news article .img {
        width: 288px;
        height: 195px;
        border-radius: 12px;
        margin-bottom: 16px;
    }

    .articles-news__title {
        margin-bottom: 16px;
    }

    .main-col .news #articles-news article .img {
        width: 100%;
        height: 170px;
        border-radius: 16px;
        margin-bottom: 16px;
    }

    .news .news-wrapper article:first-child {
        flex-direction: column;
    }

    .news .news-wrapper article:first-child a {
        width: 100%;
    }

    .news .news-wrapper article {
        width: 100%;
    }

    .news .news-wrapper article {
        margin-bottom: 42px;
    }

    .captcha-form .captcha {
        width: 100%;
    }

    .main-col .reviews form textarea {
        height: 45px;
    }

    .main-col .reviews form textarea {
        width: 100%;
    }

    .main-col .reviews article h3 .hide_name-DJSTORE {
        padding-left: 48px;
    }

    .main-col .reviews article h3 .answer-review {
        padding-left: 48px;
        margin-bottom: 16px;
    }

    .main-col .reviews article .answer {
        padding-left: 0;
    }

    .main-col .reviews article h2 {
        padding-left: 48px;
        margin-bottom: 16px;
    }

    .main-col .reviews .header {
        margin-bottom: 16px;
    }

    .main-col .reviews article p:not(:last-child) {
        margin-bottom: 16px;
    }

    .main-col .reviews article .review-date {
        margin-left: 0;
        display: block;
        width: 100%;
        margin-top: 8px;
    }

    .reviews article .first-letter {
        left: 0;
    }

    .main-col .reviews article {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
    }

    #register .social a, .main-col .reviews .social a {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 46%;
        padding-left: 52px;
    }

    #register .social a.vk:before, .social.review-social a.vk:before {
        top: 8px;
        left: 10px;
    }

    #register .social a.fb:before, .social.review-social a.fb:before {
        top: 8px;
        left: 10px;
    }

    .main-col .reviews .social p.social-wrap {
        margin-bottom: 0;
    }

    .main-col .reviews input {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    [id$="-box"] button, #register button, .main-col .reviews button {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    #addform_review {
        margin-bottom: 20px;
    }

    .main-col .reviews .head > p {
        width: 100%;
        font-size: 13px;
    }

    .page-reviews .main-col h1 {
        width: 100%;
    }

    .main-col h1 {
        margin-bottom: 24px;
        margin-right: 0;
    }

    .main-col .reviews .social {
        position: static;
        width: 100%;
    }

    .main-col .reviews button {
        margin-bottom: 32px;
    }

    .city-selection-input {
        margin-top: 16px;
        margin-bottom: 22px;
        font-size: 14px;
        letter-spacing: -0.02em;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 36px;
        background-size: 16px 16px;
        background-image: url("/static/images/search.svg");
        background-position: 12px 8px;
    }

    .city-selection-button {
        top: 10px;
    }

    #page_wrap {
        min-width: 288px;
    }

    .product-description .product-tabs {
        display: none;
        margin-top: 15px;
        animation: bounce 1.2s;
    }

    .product-description .product-tabs--active {
        display: block;
    }

    .product-description .mobile-tab {
        display: block;
        width: 100%;
        font-weight: 500;
        font-size: 18px;
        border: none;
        color: rgba(43, 45, 58, 0.6);
        background-image: url("/static/images/arrow_down.svg");
        background-repeat: no-repeat;
        background-size: 24px 24px;
        background-position: 100% center;
        background-color: transparent;
        padding: 0;
        margin: 0;
        padding-right: 24px;
        padding-top: 9px;
        padding-bottom: 9px;
        text-align: left;
    }

    .product-description .mobile-tab--active {
        color: var(--main-color-seventh);
        background-image: url("/static/images/arrow_up.svg");
    }

    .super-header {
        display: none;
    }

    .goods-wrapper td.parcel span {
        display: inline-block;
    }

    .goods-wrapper td.ta-c span {
        display: inline-block;
    }

    .details.order-page .goods .art-parcel {
        margin-bottom: 0;
    }
    .profile-wrapper.details table a {
        font-weight: 500;
        font-size: 14px;
    }

    .details.order-page .goods div.availability {
        width: fit-content;
        margin-bottom: 0;
    }

    .goods-wrapper td {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .goods-wrapper td.pic {
        float: left;
        width: 120px;
        padding-bottom: 12px;
        padding-top: 16px;
    }

    .profile-wrapper.details tbody td:nth-of-type(3) {
        text-align: left;
    }

    .profile-wrapper.details tbody td:nth-of-type(4) {
        text-align: left;
        font-size: 18px;
        padding-top: 8px;
        padding-bottom: 12px;
    }

    .goods-wrapper td.name {
        display: block;
        padding-left: 132px;
        padding-top: 12px;
    }

    .goods-wrapper td.ta-c {
        display: block;
        padding-left: 132px;
    }

    .goods-wrapper td.cart-order-price {
        display: block;
        padding-left: 132px;
    }

    .goods-wrapper td.parcel {
        display: block;
        padding-left: 132px;
    }

    .profile-wrapper.details .comment textarea {
        margin-bottom: 24px;
    }

    #inquiry-order div.name {
        margin-bottom: 6px;
    }

    #inquiry-order div.message {
        margin-bottom: 16px;
    }

    .profile-wrapper.details .comment h2 {
        font-size: 20px;
        margin-top: 42px;
    }

    #inquiry-order div {
        margin-bottom: 24px;
    }

    .goods-wrapper .totals-information td:last-child {
        padding-left: 14px;
    }

    .goods-wrapper .totals-information {
        margin-top: 12px;
    }

    .profile-wrapper.details tfoot table td {
        font-size: 16px;
    }

    .goods-wrapper thead {
        display: none;
    }

    .details.order-page .goods h2 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .profile-wrapper.details .comment button {
        width: 100%;
    }

    .details.order-page h3 {
        margin-bottom: 4px;
    }

    .profile-wrapper.details .payment div {
        width: 100%;
        min-height: auto;
    }

    .profile-wrapper.details h2 {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .profile-wrapper.details h1 {
        margin-bottom: 24px;
    }

    .profile-wrapper.details.order-page .info {
        width: 100%;
        padding-right: 0;
        margin-bottom: 0;
    }

    .profile-wrapper.details.order-page .payment {
        width: 100%;
        margin-bottom: 42px;
    }

    #profileedit-window-confirm-cont .confirmation-title {
        font-size: 18px;
        line-height: 132%;
        margin-bottom: 24px;
    }

    .confirmation-buttons a {
        width: 47%;
        padding-top: 12px;
        padding-bottom: 12px;
        border-radius: 4px;
        font-size: 14px;
    }

    .window-message-header .window-message-close {
        top: 8px;
        right: 16px;
    }

    .kupivcredit-window input {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .kupivcredit-window button {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 14px;
    }

    #profileedit-window-cont #profile_edit_div input.phone {
        width: calc(100% - 112px);
    }

    .personal-area .orders-information .status-date-wrapper {
        text-align: left;
    }

    .personal-area .parcel-information .status-date-wrapper {
        text-align: left;
        width: 25%;
    }

    .profile-header .name {
        font-weight: 500;
        font-size: 24px;
    }

    .profile-header .name span {
        font-weight: 500;
        font-size: 16px;
    }

    .personal-area .orders-information h3 {
        padding-top: 24px;
        width: 33%;
    }

    .personal-area .parcel-information h3 {
        padding-top: 24px;
        width: 33%;
    }

    .personal-area .orders-information a {
        font-weight: 600;
        font-size: 14px;
    }

    .personal-area .orders-information div:first-child {
        margin-bottom: 12px;
    }

    .personal-area .orders-information span {
        padding-bottom: 8px;
        padding-top: 8px;
        width: 33%;
    }


    .personal-area .parcel-information a {
        font-weight: 600;
        font-size: 12px;
    }

    .personal-area .parcel-information div:first-child {
        margin-bottom: 12px;
    }

    .personal-area .parcel-information span {
        padding-bottom: 8px;
        padding-top: 8px;
        width: 33%;
    }

    .profile-wrapper.personal-area h2 {
        min-height: 20px;
        margin-bottom: 16px;
    }

    .profile-wrapper h2 {
        background-size: 20px 20px;
        padding-left: 32px;
    }

    .profile-wrapper .left-col h3 {
        margin-bottom: 4px;
    }

    .profile-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .personal-area .orders-information .number-order {
        display: none;
    }

    .personal-area .orders-information .status-order-wrapper {
        display: none;
    }

    .personal-area .orders-information .status-pay-wrapper {
        display: none;
    }

    .personal-area .parcel-information .number-order {
        display: none;
    }

    .personal-area .parcel-information .status-order-wrapper {
        display: none;
    }

    .personal-area .parcel-information .status-pay-wrapper {
        display: none;
    }

    .personal-area .parcel-information .status-service-wrapper {
        display: none;
    }

    .profile-wrapper.personal-area .main-col {
        width: 100%;
    }

    .personal-area .orders-information {
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 32px;
        padding-bottom: 12px;
    }

    .personal-area .parcel-information {
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 32px;
        padding-bottom: 12px;
    }

    footer {
        position: relative;
    }

    footer .info {
        position: static;
    }

    footer .ya-market-reviews {
        top: 55px;
        right: 16px;
    }

    footer .news-subscribe input {
        width: 100%;
        box-sizing: border-box;
    }

    footer .news-subscribe button {
        width: 100%;
    }

    .product-photos .photo img {
        max-width: 100% !important;
    }

    .content.cart.empty-basket:before {
        display: none;
    }

    .content.cart.empty-basket h1 {
        margin-top: 0;
        padding-top: 0;
    }

    .content.cart.empty-basket p {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .content.cart.empty-basket .empty-basket-button {
        width: 100%;
        height: 44px;
        line-height: 44px;
        background-position: calc(50% - 75px) 11px;
        position: relative;
    }

    .product-colors-gallery-link {
        width: 40px;
        height: 42px;
        border-radius: 6px;
        margin-right: 7px;
    }

    .product-colors-gallery-link img {
        max-width: 40px;
        max-height: 40px;
    }

    .product-info .btn-not-produced {
        width: 100%;
    }

    .product-info .button {
        background-position: calc(50% - 92px) 15px;
        width: calc(100% - 32px);
    }

    .product-info .button.button--basket {
        width: 100%;
    }

    .product-info .cart_but--active {
        width: 68px;
    }

    .product-added-message .cart-items-buttons a span.order-btn--modile {
        display: inline-block;
    }

    .bundle-item .info .button {
        width: 100%;
    }

    .product-bundles h3, .bundle-item .info .price {
        font-weight: 500;
        font-size: 14px;
        line-height: 142%;
        margin-bottom: 8px;
    }

    .bundle-item .info p {
        margin-bottom: 24px;
    }

    .product-description .text ul.files li a {
        position: relative;
        width: 100%;
        margin-right: 0;
    }

    .product-description .text ul.files li {
        width: 100%;
    }

    #chronopay_topay button {
        width: 100%;
        max-width: 100%;
    }

    .profile #kupivcredit-window-toggler, #kupivcredit-window-toggler {
        width: 100%;
        background-position: calc(50% - 80px) 16px;
        margin-top: 0;
        max-width: none;
    }

    .score-qiwi-button, .score-button {
        width: 100%;
        margin-top: 0;
    }

    .pickup-tab-2 .boxberry-wrapper, .pickup-tab-2 .cdek-wrapper {
        width: 100%;
    }

    .cart-order tbody tr:not(:last-child) {
        border-bottom: none;
    }

    .cart-order tbody tr:not(:first-child) {
        border-top: 1px solid rgba(43, 45, 58, 0.1);
    }

    .cart-order #delivery-list tbody tr:not(:first-child) {
        border-top: none;
    }

    .successful-order a.successful-order__link-first {
        width: 100%;
        margin-bottom: 12px;
        margin-right: 0;
    }

    .successful-order a.successful-order__link-second {
        width: 100%;
    }

    .border-gray__detail:not(:last-child) {
        margin-bottom: 16px;
    }

    .border-gray__detail {
        width: 100%;
        min-height: 234px;
    }

    .border-gray__detail--first,
    .border-gray__detail--second {
        margin-right: 0;
    }

    .border-gray__detail h3 {
        font-size: 18px;
    }

    .border-gray__detail p {
        font-size: 16px;
        line-height: 152%;
    }

    .panel-cart select.way-payment {
        background-position: 95% 17px;
        width: 100%;
        font-size: 14px;
    }

    .panel-cart textarea.comments-basket {
        width: 100%;
    }

    .electronic-certificate-сontent {
        right: 0;
        width: 288px;
    }

    .electronic-certificate-сontent button {
        left: 239px;
    }

    #delivery_mode_shop + label::after, #delivery_mode_shop_msk + label::after {
        top: 2px;
    }

    .pickup-tab-1 .pickup-adress--first {
        margin-bottom: 12px;
    }

    .panel-cart #pickup-tabs {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #cart_content .panel-cart .btn.btn-default {
        width: 100%;
        margin-right: 0;
    }

    #cart_content .panel-cart .btn.btn-default:not(:last-child) {
        margin-bottom: 12px;
    }

    .electronic-certificate-button span.electronic-certificate-mobile {
        display: inline-block;
    }

    .electronic-certificate-button span.electronic-certificate-desktop {
        display: none;
    }

    .panel-cart .row .label.electronic-certificate {
        margin-top: 32px;
    }

    .electronic-certificate-button {
        font-size: 10px;
        letter-spacing: -0.01em;
        width: 170px;
        padding-top: 4px;
    }

    .panel-cart .btn.btn-default {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .electronic-certificate-button svg {
        margin-right: 4px;
    }

    .panel-cart input[type="text"].basket-telephone {
        width: calc(100% - 122px);
        padding-left: 12px;
        padding-right: 12px;
    }


    .panel-cart select {
        padding-top: 12px;
        padding-bottom: 12px;
        background-position: 100px 19px;
    }

    .cart-order .cart-items tbody tr {
        display: block;
        padding: 10px 0 0;
        position: relative;
        clear: both;
    }

    .cart-order .name a {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 8px;
    }

    .cart-order .pic img {
        margin-top: 0;
        margin-bottom: 0;
    }

    .cart-order .counts {
        width: 78px;
    }

    .cart-items .counts .minus, .cart-items .counts .plus {
        height: 22px;
        width: 22px;
    }

    .cart-order .name .art {
        display: none;
    }

    .cart-order .cart-order-cost {
        display: none;
    }

    .cart-order .cart-items .pic {
        float: left;
        margin-bottom: 10px;
    }

    .cart-order .cart-items .pic {
        width: 120px;
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .cart-order .pic img {
        width: 100px;
        height: auto;
    }

    .cart-order .cart-items .ta-c.cart-delete {
        position: absolute;
        right: 0;
        padding: 0;
        bottom: 20px;
        display: block;
    }

    .section_cart .cart-order tbody td.name {
        padding: 0;
        display: block;
        padding-left: 132px;
    }

    .section_cart .cart-order tbody td.counts {
        display: block;
        padding-left: 132px;
        position: absolute;
        left: 0;
        bottom: 0;
        padding-bottom: 20px;
    }

    .section_cart .cart-order tbody td.cart-order-price {
        display: block;
        padding-left: 132px;
        text-align: left;
        padding-bottom: 65px;
        padding-right: 24px;
        padding-top: 6px;
        margin-top: 14px;
    }

    .cart-order .cart-order-price div.cart-order-price__wrapper {
        margin: 0;
    }

    .panel-cart h3 {
        font-size: 16px;
        max-width: 100%;
    }

    .promotional_code_wrap {
        width: 100%;
        margin-bottom: 16px;
    }
    .promotional_code_wrap input {
        padding-top: 12px;
        padding-bottom: 12px;
        width: 62%;
        font-weight: 500;
    }

    .promotional_code_wrap input::placeholder {
        font-weight: 500;
    }

    .promotional_code_wrap #promocode_button {
        padding-top: 13px;
        padding-bottom: 13px;
        padding-left: 11px;
        padding-right: 11px;
        font-size: 13px;
        width: 100%;
        display: block;
        height: 44px;
    }

    .stock .tranquility__tooltip:before {
        left: 190px;
    }

    .promotional_code_wrap .btn-group--success button {
        width: 100%;
        height: 44px;
        padding-bottom: 3px;
    }

    .promotional_code_wrap .btn-group {
        width: 38%;
    }

    .section_cart .footer-basket {
        width: 100%;
        box-sizing: border-box;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 32px;
        padding-bottom: 92px;
        border-radius: 0;
    }

    body.section_cart header .header {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .footer-basket h3 {
        font-size: 12px;
        margin-bottom: 16px;
        width: 100%;
    }

    .section_cart .mobile-menu-open {
        background-position: 0 center;
    }

    .cart-order-note {
        position: static;
        max-width: 100%;
        margin-top: 12px;
    }

    .cart-order-note img {
        width: 100%;
        height: auto;
        max-width: 354px;
    }

    .panel-cart input[type="text"], .panel-cart input[type="email"] {
        width: 100%;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .basket-submit {
        width: 100%;
        padding-top: 13px;
        padding-bottom: 12px;
    }

    body.section_cart header {
        margin-bottom: 24px;
    }

    .content.cart h1, .content.cart .title_last {
        font-size: 24px;
        margin-bottom: 24px;
        margin-top: 0;
    }

    .content.cart h1 {
        margin-top: 45px;
        margin-bottom: 30px;
    }

    .section_cart header .header .logo {
        margin-top: 0;
    }

    body .ui-tooltip {
        margin-left: 16px;
        margin-right: 16px;
    }

    .product-photos .photo a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    a .fa-djicon {
        right: 16px;
    }

    .analogs h3 {
        font-size: 18px;
    }

    .product-info .analogs__slider .button {
        background-position: calc(50% - 43px) 8px;
    }

    .product-photos-gallery-thomann > a {
        width: 40px;
        height: 42px;
        border-radius: 6px;
        margin-right: 7px;
    }

    .fa-youtube-play:before {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }

    .product-photos-gallery-thomann > a > span > img, .product-photos-gallery-thomann > a > span > i {
        max-width: 40px;
        max-height: 40px;
    }

    .product-photos-gallery-thomann {
        width: calc(100% + 7px);
    }

    .card_wrapper {
        width: 100%;
    }

    .product-photos, .product-info {
        width: 100%;
    }

    .product-photos .photo {
        width: 100%;
        height: auto;
    }
    .product section h1 {
        margin-bottom: 12px;
    }

    .pager .pages-link a:hover {
        border: none;
    }

    .subheader {
        margin-left: 0;
        margin-top: 12px;
        margin-bottom: 16px;
    }

    .pager .pages-link a:active {
        color: var(--main-color);
    }

    .pager .pages-link a {
        min-width: 28px;
        min-height: 44px;
        padding: 12px 0;
    }

    #sort li a {
        padding-left: 8px;
        padding-right: 8px;
        display: block;
    }

    .pager .pages-link {
        margin: 0 4px;
    }

    .pager > span:first-of-type {
        margin-bottom: 16px;
    }

    .pager .pages-inactive {
        margin-bottom: 16px;
    }

    .categories.subcategories .main-col {
        width: 100%;
    }

    .cat-view .tile {
        background-image: url("/static/images/grid-mobile.svg");
    }

    .search-results .cat-view .tile {
        background-image: url("/static/images/grid-mobile.svg");
    }

    .cat-view .tile.active {
        background-image: url("/static/images/grid-active-mobile.svg");
    }

    .search-results .cat-view .tile.active {
        background-image: url("/static/images/grid-active-mobile.svg");
    }

    .cat-view .list {
        background-image: url("/static/images/table-mobile.svg");
    }

    .cat-view .list.active {
        background-image: url("/static/images/table-active-mobile.svg");
    }

    .cat-view .sort-button-wrapper {
        display: flex;
    }

    .cat-view .view {
        position: absolute;
        right: 0;
        top: 6px;
    }

    .categories .main-col .cat-view {
        margin-right: 0;
        width: 100%;
        position: relative;
    }

    .main-col .search-results .cat-view {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .main-col .search-results .cat-view span {
        margin-right: 8px;
        display: inline-block;
    }

    .categories .per_page {
        width: 100%;
        margin-top: 16px;
        display: none;
        animation: bounce 1.2s;
    }

    .categories .sort {
        width: 100%;
        margin-right: 0;
        margin-top: 32px;
        padding-bottom: 16px;
        border-bottom: 0.75114px solid rgba(0, 0, 0, 0.1);
        display: none;
        animation: bounce 1.2s;
    }

    .categories .sort--show,
    .categories .per_page--show {
        display: block;
    }

    .categories .sort > a {
        border: none;
        padding-left: 0;
        width: calc(100% - 131px);
        padding-right: 17px;
        margin-left: 8px;
    }

    #sort {
        width: calc(100% - 126px);
        box-shadow: 0 8px 12px 0 rgba(0,0,0,0.16);
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .categories .sort > a svg {
        right: 0;
    }

    .categories .per_page > a {
        border: none;
        padding-left: 0;
        width: calc(100% - 104px);
        padding-right: 17px;
        margin-left: 8px;
    }

    #per_page {
        width: calc(100% - 96px);
        box-shadow: 0 8px 12px 0 rgba(0,0,0,0.16);
        padding-top: 4px;
        padding-bottom: 4px;
    }

    #per_page li a {
        padding-left: 8px;
        padding-right: 8px;
        display: block;
    }

    .categories .sort a.sort-default,
    .categories .per_page a.per_page-default {
        color: rgba(43, 45, 58, 0.6);
    }

    .categories .per_page > a.per_page-default-show,
    .categories .sort > a.sort-default-show {
        color: var(--main-color);
    }


    .categories .per_page > a svg {
        right: 0;
    }

    .cat-view .sort-button {
        display: block;
    }

    .categories .per_page > a.per_page-default-show,
    .categories .per_page > a:hover,
    #per_page,
    .categories .sort > a.sort-default-show,
    #sort,
    .categories .sort > a:hover {
        border: none;
    }

    #cat-items > div .desc {
        display: none;
    }

    #cat-items > div .h3 a {
        font-weight: 400;
    }

    #cat-items.list > div .h3 {
        margin-bottom: 6px;
    }

    #cat-items .availability {
        margin-bottom: 8px;
    }

    #cat-items.list .availability {
        margin-top: 6px;
    }

    #cat-items.list > div {
        padding-left: calc(12px + 37%);
        padding-right: 12px;
        display: block;
    }

    #cat-items.list > div .list-center {
        width: 100%;
    }

    #cat-items.list > div .img {
        width: 37%;
        position: absolute;
        left: 0;
        top: 0;
    }

    #cat-items.list > div img {
        max-width: 95px;
    }

    #cat-items.list > div .list-right {
        width: 100%
    }

    #cat-items.list .list-right-wrapper {
        position: static;
        justify-content: flex-end;
        margin-top: 8px;
    }

    .list .list-right-wrapper {
        min-height: auto;
    }
    .list-right .button {
        background-image: none;
        padding-left: 0;
        width: calc(100% - 16px);
    }

    .btn-not-produced {
        width: calc(100% - 16px);
    }

    #cat-items > div .img {
        width: 100%;
    }

    #cat-items > div img {
        max-width: 130px;
    }

    #cat-items.tile > div {
        width: 41%;
        margin-right: 0;
    }

    .categories .main-col #cat-items {
        justify-content: space-between;
    }

    .categories-all article {
        width: 100%;
        margin: 0;
    }

    .category__wrapper,
    .categories-all article > ul {
        margin-bottom: 24px;
    }

    #register .social a.vk:before {
        top: 14px;
        left: 11%;
    }
    #register .social a {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    #register .social a.fb:before {
        left: 11%;
        top: 11px;
    }

    #register .social a {
        width: 46%;
        padding-left: 18%;
    }

    #register button {
        margin-top: 24px;
        margin-bottom: 42px;
    }

    #register input {
        padding-top: 12px;
        padding-bottom: 12px;
        font-weight: 400;
    }
    #register form {
        margin-right: 0;
    }

    .register-title {
        margin-bottom: 28px;
    }

    .review-title {
        margin-bottom: 24px;
        font-size: 18px;
        line-height: 132%;
        width: 200px;
    }

    .cart-items .cart-order-price-count {
        vertical-align: middle;
    }

    .cart-items .cart-delete {
        vertical-align: middle;
    }

    .cart-items .name {
        min-width: 90px;
        vertical-align: middle;
    }

    .cart-order .pic {
        width: 62px;
    }
    .product-added-message .cart-itogo {
        margin-top: 16px;
    }

    .product-added-message .cart-items-buttons a span {
        display: none;
    }
    .cart-items-buttons {
        width: 100%;
    }

    .product-added-message .cart-items-buttons a {
        width: 47%;
    }

    .cart-itogo-wrapper {
        display: none;
    }

    .cart-items-buttons a {
        padding-top: 11px;
        padding-bottom: 11px;
    }

    .product-added-message .name a {
        font-size: 14px;
        margin-top: 10px;
    }

    .cart-order .name .art, .product-added-message .name .art {
        font-weight: 400;
    }

    #brands-slider a img {
        width: 124px;
        height: 63px;
    }

    section .tabs {
        margin-top: 42px;
    }

    .banner-main-first {
        margin-top: 42px;
        margin-bottom: 42px;
    }

    .brands-slider-block {
        margin-top: 42px;
        margin-bottom: 42px;
    }

    .banner-main-second {
        margin-bottom: 42px;
        margin-top: 36px;
    }

    .main-page .about {
        width: 100%;
        margin-top: 42px;
    }

    .banner-main-fourth {
        margin-top: 42px;
        margin-bottom: 42px;
    }

    .rr-widget .slick-prev {
        display: none !important;
    }

    .rr-widget .slick-next {
        display: none !important;
    }

    .slider-border-btn {
        display: none;
    }

    .button {
        background-position: 30px center;
    }

    .slider .product_item {
        width: 180px;
    }

    .slider .product_item:not(:last-child) {
        margin-right: 16px !important;
    }

    .rr-widget .rr-item {
        width: 180px !important;
    }

    .rr-widget .rr-item:not(:last-child) {
        margin-right: 16px !important;
    }

    .rr-widget .item-title, .rr-widget .item-price {
        text-align: left !important;
    }

    section .tabs .more {
        font-weight: 500;
        font-size: 14px;
        color: var(--main-color);
        padding-right: 0;
        padding-top: 8px;
    }

    section .tabs .more span, .brands-slider-block .more {
        display: none !important;
    }

    section .tabs .more:after {
        display: none !important;
    }

    .promo-slider-block {
        padding-top: 16px;
        padding-bottom: 0;
    }

    .banner-main-first a img, .banner-main-second a img, .banner-main-third a img {
        height: 100px;
    }

    .banner-main-fourth a {
        width: 100%;
    }

    .banner-main-fourth a:first-child {
        margin-bottom: 24px;
    }

    .banner-main-fourth a img {
        height: 100px;
    }

    #catalog-button {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    #catalog-button:after {
        padding-top: 4px;
    }

    .cart .status-panel {
        width: 418px;
    }

    footer .service-menu .service-item {
        width: 100%;
        border-bottom: 1px solid rgba(63, 71, 107, 0.1);
    }

    footer .service-info {
        padding-top: 0;
    }

    footer .service-menu .h3 {
        position: relative;
        padding-right: 24px;
        cursor: pointer;
    }

    footer .service-menu .h3:after {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url("/static/images/arrow_down.svg");
        background-repeat: no-repeat;
        background-size: 24px 24px;
        background-position: 0 0;
        content: "";
        position: absolute;
        top: 14px;
        right: 0;
    }

    footer .service-menu .h3-active:after {
        background-image: url("/static/css/../images/arrow_up.svg");
    }

    footer .service-menu ul {
        display: none;
        animation: bounce 1.2s;
    }

    footer .service-menu ul.menu-bottom-active {
        display: block;
        padding-bottom: 12px;
    }

    .bg-wrapper,
    .container {
        width: 100%;
    }

    .navigation nav ul div {
        width: 422px;
        column-count: 2;
    }

    .city_selector_approval {
        left: 60% !important;
    }

    header .header .info aside ul {
        bottom: 0;
        left: 20px;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 595px;
        display: none;
    }


    .dj-icons-top li {
        margin: 0 1% 10px;
        max-width: 25%;
        padding: 0;
    }

    .dj-icons-top li a.dj-icons {
        height: 25px;
        line-height: 26px;
    }

    .main-page .about ol {
        margin: 0 auto;
        width: 560px;
    }

    .main-page .news-block .reviews {
        position: relative;
        width: 578px;
    }

    .main-page .news-block .news {
        border-right: 0 none;
        border-top: 0 none;
        width: 337px;
    }

    .main-page .news-block > div:last-of-type {
        border-top: 0 none;
        margin-right: 0;
    }

    footer .service-info::after {
        clear: both;
        content: " ";
        display: block;
    }

    footer .service-info .payment-methods .footer-payment-systems span.br {
        clear: both;
        display: block;
    }

    .main-col {
        width: 100%;
    }

    body .main-col .companies {
        margin: 40px 0 25px;
    }

    body .main-col .companies .figure:nth-of-type(3n),
    body .main-col .companies .figure:last-of-type,
    body .main-col .companies .figure {
        margin: 0 43px 10px;
    }

    body .gallery img {
        height: 101px;
        width: 147px;
    }

    .contacts-block .contacts-block-mode {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .contacts-block #map_canvas {
        width: 100% !important;
    }

    body .main-col .howto-header p {
        padding-left: 345px;
    }

    body .main-col .howto-header ul {
        padding-left: 345px;
    }

    body .main-col h2.step {
        width: 510px;
    }

    body .main-col .howto-order-success {
        width: 515px !important;
    }

    body .cb-articles-footer {
        width: 520px;
    }

    body .page-cbundle-cart .cbundle-info {
        width: 100%;
    }

    .page-cbundle-cart .product-info {
        box-sizing: border-box;
        width: 100%;
    }

    #bundle-product-dynamic {
        box-sizing: inherit;
    }

    .profile-wrapper.personal-area .left-col {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%;
    }

    .profile-wrapper .main-col {
        width: 100%;
        margin-bottom: 10px;
    }

    .kupivcredit-window .window-message {
        left: 0;
        top: 0;
        width: calc(100% - 32px);
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 24px;
        padding-bottom: 24px;
        margin-top: 16px;
        margin-bottom: 16px;
        overflow: auto;
        max-height: calc(100% - 32px);
        margin-left: 16px;
        margin-right: 16px;
    }

    .kupivcredit-window .window-message-title {
        font-size: 18px;
    }

    .kupivcredit-window {
        display: flex;
        align-items: center;
    }

    #cart-plate .wrapper {
        width: 620px;
    }

    #scrolltop a {
        font-size: 0;
        padding: 7px 0;
    }

    #cart-plate .order-status {
        padding: 7px 5px;
        width: 140px;
    }

    .gifts_wrap {
        padding: 10px 5px 10px 5px;
    }
    .gifts_wrap_active {

    }
    .gifts_wrap > div {

    }
    .gifts_wrap .gift-preview {

    }
    .gifts_wrap .gift-preview img {

    }
    .gifts_wrap .gift-name {
        width: 61%;
    }
    .gifts_wrap .gift-name a {

    }
    .gifts_wrap .gift-note {

    }
    .gifts_wrap .gift-price {
        width: 113px;
    }
    .gifts_wrap .gift-icon {

    }

    .product-bundles .bundle-item .items {
        width: 270px;
    }

    .left-col {
        box-sizing: border-box;
        overflow: hidden;
        padding: 5px 20px;
        width: 100%;
    }

    .left-col .catalog-filter {
        display: none;
    }

    .left-col .catalog-filter.catalog-filter--active {
        display: block;
        width: 100%;
        height: 100%;
        max-height: 100%;
        overflow: auto;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 1001;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
        padding-bottom: 142px;
        padding-top: 28px;
    }

    .filer-catalog-buttons {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.07);
        border-radius: 8px 8px 0 0;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 16px;
        padding-bottom: 20px;
        box-sizing: border-box;
        background-color: #fff;
        z-index: 1002;
    }

    .filter-button {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .filter-reset {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 0;
    }

    .catalog-filter .brands-collector {
        margin-top: 24px;
        margin-bottom: 70px;
    }

    .filter-button-mobile {
        display: block;
        position: relative;
        padding-top: 9px;
        padding-bottom: 10px;
        padding-left: 46px;
        padding-right: 22px;
        width: max-content;
        border-radius: 8px;
        background-color: var(--main-color);
        font-weight: 500;
        font-size: 14px;
        color: #fff !important;
        box-sizing: border-box;
        z-index: 70;
        border: none;
        margin-right: 16px;
    }

    .categories.subcategories .left-col {
        margin-left: 0;
        margin-right: 0;
        width: auto;
    }

    .filter-button-mobile::after {
        content: "";
        width: 16px;
        height: 16px;
        background-image: url("/static/images/filter.svg");
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: 0 0;
        left: 22px;
        top: 10px;
        display: block;
        position: absolute;
    }

    .body--hide {
        overflow: hidden;
    }

    .body--hide .wrap_abe {
        display: none;
    }

    .catalog-filter__wrapper {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 32px;
    }

    .catalog-filter__wrapper h2 {
        padding: 0;
        margin: 0;
        font-weight: 600;
        font-size: 24px;
        width: calc(100% - 140px);
    }

    .catalog-filter__wrapper button {
        border: 0;
        background-color: transparent;
        display: block;
        padding: 0;
        margin: 0;
        top: 16px;
        right: 24px;
        background-image: url("/static/images/x.svg");
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

    .catalog-filter__wrapper button:active {
        background-image: url("/static/images/x-active.svg");
    }

    .filter-reset-mobile {
        display: block;
        position: absolute;
        right: 48px;
        top: 32px;
        width: 101px;
        box-sizing: border-box;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: -0.01em;
        margin: 0;
        padding: 0;
        background-color: transparent;
        border: none;
        color: var(--main-color);
    }

    .filter-reset-mobile:active {
        color: var(--main-color-hover);
    }

    .catalog-filter .h2 {
        font-size: 16px;
        padding-bottom: 8px;
    }

    .left-col .filter-item ul li a {
        font-size: 14px;
        line-height: 130%;
    }

    .left-col .filter-item ul li a span:last-child {
        font-size: 14px;
    }

    .categories .main-col {
        width: 100%;
    }

    .cat-vendors-select {
        font-size: 14px;
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .catalog-filter div.filter-item {
        margin-top: 4px;
    }

    #price-amount-f, #price-amount-t {
        width: 136px;
        padding-top: 12px;
        padding-bottom: 12px;
        margin-top: 38px;
    }

    .irs-slider {
        width: 28px;
        height: 28px;
    }

    .irs-bar {
        top: 14px;
    }

    #price-amount-f {
        margin-right: 12px;
    }

    .categories.subcategories .main-col {
        width: 100%;
    }

    .cat-desc {
        display: none;
    }

    #cart-plate .wrapper .cart a {
        background: none;
        padding-left: 50px;
    }

    .product_item .button.btn-under-order {
        width: 100%;
        box-sizing: border-box;
    }

    footer #cart-amount {
        margin: 0 5px;
        padding: 0 10px;
    }

    footer #cart-total {
        margin-left: 5px;
    }

    .cart-wrap {
        width: 100%;
    }

    .cart-order .pic {
        padding: 5px 0 5px 10px;
    }

    .cart-submit-order-field > div {
        margin: 0 auto !important;
    }

    .main-col .cat-view > a:first-of-type,
    .main-col > a:first-of-type {
        display: none;
    }

    .container.categories.subcategories .banner {
        display: none;
    }
}

@media (max-width: 639px) {
    .attention {
        padding-top: 24px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 24px;
    }

    .mobile-menu.active + header {
        position: fixed;
        top: 0;
        left: 0;
        background-color: var(--main-color-eleventh);
        z-index: 1000;
    }

    body.section_cart .mobile-menu.active + header {
        padding-bottom: 30px;
        background-image: none;
        background-color: var(--main-color-eleventh);
    }

    .navigation {
        padding-bottom: 12px;
    }

    header .header .logo {
        margin: 0 auto;
    }

    header .header .info {
        display: block;
    }

    header .header {
        justify-content: flex-start;
    }
    #logged-block-ul .logout {
        display: block;
    }

    .body-menu-active,
    .body-menu-active .bg-wrapper,
    .body-menu-active .container {
        overflow: hidden;
        height: calc(100vh - 100px);
    }

    .body-menu-active .container {
        overflow: auto;
    }

    .body-menu-active .new-year-picture {
        display: none;
    }


    .body-menu-active header .navigation-mobile {
        display: none;
    }

    .body-menu-active .wrap_abe {
        display: none;
    }

    .mobile-menu.active {
        display: block;
    }

    nav:hover #catalog-button:after, #catalog-button.active:after {
        background: url("/static/images/catalog_icon.svg");
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: center;
    }

    .cart .status-panel::before {
        display: none;
    }

    .cart .status-panel {
        font-size: 14px;
        width: 100%;
        padding: 0 15px;
        margin: 0 0 10px;
        box-sizing: border-box;
    }

    .cart .border-gray {
        padding: 20px 10px 15px;
        padding-bottom: 0;
    }

    .text-gray-wrapper {
        padding-left: 5px !important;
    }

    .bg-wrapper,
    .container {
        width: 100%;
        overflow: hidden;
    }

    header aside li:not(:first-child) {
        display: none;
    }

    .image-404,
    .top-menu {
        display: none;
    }

    body .city_selector_link {
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        padding-top: 17px;
        min-height: initial;
    }

    header > div.center {
        display: inline-block;
        position: relative;
        vertical-align: middle;
    }

    body .city_selector_approval {
        background: #fff none repeat scroll 0 0;
        border: 0 none;
        display: none;
        height: 22px;
        left: 0 !important;
        margin: 0 0 0 10px;
        padding: 0;
        position: relative;
        vertical-align: middle;
        width: 130px;
        box-shadow: 0 0 0;
    }

    .city_selector_panel_wrapper {
        margin: 0;
    }

    .city_selector_panel .city_selector_country {
        display: none;
    }

    .city_selector_cities ul {
        margin: 0 !important;
        width: 100% !important;
    }


    header .user-block {
        width: 44px;
        box-sizing: border-box;
        display: block;
        margin-left: auto;
    }

    header .header .info .phone.info-phone-main {
        margin-bottom: 0;
        margin-right: 0;
    }

    header .user-block .center,
    header .user-block ul {
        display: none !important;
    }

    header .user-block .cart-button {
        display: none;
        font-size: 0;
        width: 44px;
        height: 44px;
        line-height: 44px;
        position: relative;
        box-sizing: border-box;
        border-radius: 6px;
        margin-bottom: 0;
        background-color: var(--main-color);
    }

    header .navigation-mobile .user-block .cart-button {
        display: block;
    }

    .cart-button-content {
        display: none;
    }

    header .user-block .cart-button .cart-wrapper {
        width: auto;
        height: auto;
    }

    header .user-block .cart-button > div {
        background-size: 24px 24px;
        padding-left: 0;
        background-image: url("/static/images/basket.svg");
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 0;
    }

    header .user-block .cart-button img {
        margin: 18px 8px;
    }

    header .user-block .cart-button .cart-wrapper span {

    }

    header .user-block .cart-button .cart-wrapper span.cart-amount {
        font-size: 12px;
        background: #E4666E;
        color: #FFFFFF;
        position: absolute;
        left: 24px;
        top: -3px;
        line-height: 25px;
        font-weight: normal;
        border-radius: 50%;
        padding: 1px 3px;
        text-align: center;
        display: block;
        width: 26px;
        height: 26px;
        box-sizing: border-box;
    }

    .logo img {
        width: 174px;
        height: auto;
    }

    header .header .info {
        padding-left: 0;
        width: 36px;
        padding-bottom: 0;
        position: absolute;
        right: 16px;
        bottom: 16px;
    }

    header .header .info-phone-wrapper {
        width: max-content;
    }

    header .header .info .phone {
        display: none;
    }

    header .header .info .info-phone-main {
        display: block;
        width: max-content;
    }

    header .header .info .info-phone-main a {
        display: block;
        font-size: 0;
        background-image: url("/static/images/phone-blue.svg");
        width: 44px;
        height: 44px;
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 6px;
        box-sizing: border-box;
    }

    header .header .info .phone strong {
        display: block;
    }

    header .header .info .phone span {
        display: none;
    }

    .dj-icons-top li {
        margin: 0 0 10px;
        max-width: 50%;
        padding: 0;
        width: 50%;
    }

    .mobile-menu-close {
        display: block !important;
    }

    .mobile-menu-open {
        display: flex !important;
    }

    .navigation nav > ul > li > a::before {
        display: none;
    }

    .navigation nav > ul > li > a {
        padding: 0 10px;
        background-position: 96% center;
    }

    /*#promo-slider-nav,*/
    /*.promo-slider-block {*/
    /*    width: 100%;*/
    /*}*/

    .promo-slider-under-block {
        margin: 35px 10px;
        display: none;
    }

    section .tabs {
        padding-left: 0;
    }

    .navigation nav ul div {
        column-count: 1;
        left: -1px;
        position: relative;
        width: 278px;
        display: none !important;
    }

    .main-page .news-block .reviews {
        border-right: 1px solid #d6d6d6;
        position: relative;
        width: 258px;
    }

    .main-page .news-block .news {
        border-right: 1px solid #d6d6d6;
        border-top: 0 none;
        width: 258px;
    }

    .main-page .news-block .vk {
        width: 258px;
    }

    .main-page .news-block .vk #vk_groups {
        margin: 0 auto;
    }

    .main-page .about ol {
        margin: 0 auto;
        width: 260px;
    }

    #cart-plate .wrapper {
        height: 42px;
        width: auto;
    }

    #cart-plate .wrapper > div {
        float: left;
    }

    #cart-plate .wrapper .order {
        display: none;
    }

    #cart-plate .order-status {
        display: none;
    }

    body .main-col .companies {
        padding: 20px 15px 0;
    }

    body .main-col .companies h2 {
        padding: 0;
    }

    body .text_full > div:first-of-type {
        float: none !important;
        margin: 0 auto 20px !important;
    }

    body .gallery img {
        height: 96px;
        width: 140px;
    }

    body .gallery div > span:nth-of-type(4n) {
        margin-right: 0;
    }

    body .main-col dt::before {
        left: 15px;
    }

    body .main-col dt {
        padding: 13px 35px;
    }

    body .main-col dd {
        margin-inline-start: 0;
        margin: 0;
    }

    body .main-col .order-form .cont-l,
    body .main-col .order-form .cont-r {
        float: left;
        padding: 15px 10px 30px;
        width: 280px;
    }

    body .main-col .order-form label {
        text-align: left;
    }

    body .main-col .order-form input,
    body .main-col .order-form textarea {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
    }

    body .main-col .order-form .cont-r {
        padding: 15px 10px 30px;
        width: 300px;
        box-sizing: border-box;
    }

    body .main-col .order-form button {
        width: 100%;
    }

    body iframe {
        max-width: 100%;
    }

    body .main-col .howto-header img {
        position: relative;
    }

    body .main-col .howto-header p {
        padding-left: 0;
    }

    body .main-col .howto-header ul {
        padding-left: 0;
    }

    body .main-col h2.step em {
        box-sizing: border-box;
        font-size: 14px;
        height: auto;
        left: 0;
        line-height: 24px;
        margin-bottom: 5px;
        margin-top: -5px;
        padding: 5px 10px;
        position: relative;
        top: 0;
        width: 100%;
    }

    body .main-col h2.step {
        font-size: 14px;
        height: auto;
        line-height: 24px;
        margin: 30px 0 15px;
        padding: 5px 0;
        position: relative;
        width: 100%;
    }

    body .main-col .howto-order-success {
        margin: 30px 0 10px !important;
        width: 100% !important;
        font-size: 14px;
        padding: 0 25px;
    }

    body .main-col .howto-order-success::before {
        display: none;
    }

    body .main-col dt {
        font-size: 12px;
    }

    body .main-col dt .img {
        display: none;
    }

    #my_order_table th:nth-child(1),
    #my_order_table th:nth-child(5),
    #my_order_table th:nth-child(6),
    #my_order_table td:nth-child(1),
    #my_order_table td:nth-child(5),
    #my_order_table td:nth-child(6) {
        display: none;
    }

    .profile-coll.parcels th:nth-child(4),
    .profile-coll.parcels th:nth-child(5),
    .profile-coll.parcels th:nth-child(6),
    .profile-coll.parcels th:nth-child(7),
    .profile-coll.parcels td:nth-child(4),
    .profile-coll.parcels td:nth-child(5),
    .profile-coll.parcels td:nth-child(6),
    .profile-coll.parcels td:nth-child(7) {
        display: none;
    }


    .products-under-order .window-message {
        width: calc(100% - 32px);
        padding-top: 24px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 24px;
        overflow: auto;
        max-height: calc(100% - 32px);
    }

    .products-under-order-form input[type="text"], .products-under-order-form input[type="password"], .products-under-order-form textarea, .products-under-order-form select {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .products-under-order-form .submit {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .products-under-order .window-message-title {
        font-size: 18px;
    }

    .products-under-order .window-message-inner {
        padding: 0 20px;
    }

    .products-under-order-form .captcha_td_input .captchainput {
        width: 55px;
    }

    #credit-box.form-open {
        width: calc(100vw - 32px);
        padding-top: 24px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 24px;
    }

    #credit-box h2 {
        font-size: 18px;
        margin-bottom: 16px;
    }

    #tinkoff button[type="submit"] {
        height: max-content;
        max-width: 81%;
    }

    #tinkoff button[type="submit"] img {
        max-width: 90%;
    }

    #pos-credit-link img {
        max-width: 90%;
    }

    #credit-box .credit-window-cont {
        padding: 25px 20px 40px;
    }

    #credit-box .credit-window-cont .credit-icon {
        float: none;
        margin: 0 auto 20px;
        padding-top: 33px;
        width: 100px;
    }

    #credit-box .credit-window-cont form,
    #credit-box .credit-window-cont form table {
        width: 100% !important;
    }

    body .cb-articles-footer {
        width: 300px;
    }

    #register form,
    #register .social {
        float: left;
        margin-bottom: 20px;
        width: 100%;
    }

    #register .captcha .c-right {
        float: none;
        width: 100%;
    }

    .main-col .reviews .our-rating {
        float: none;
        margin: 0 0 20px 50px;
    }

    .main-col .reviews form {
        float: left;
        margin: 0 0 10px;
        width: 100%;
    }

    #vendor-list {
        column-count: 1 !important;
        width: 100%;
    }

    .orders.profile-coll,
    .profile-wrapper .main-col > div {
        margin-bottom: 20px;
        overflow-x: auto;
    }

    .profile-coll > table,
    .profile-wrapper .main-col > div table {
        margin-bottom: 10px;
        white-space: nowrap;
        width: 100%;
    }

    .profile-coll > table th,
    .profile-wrapper .main-col > div th,
    .profile-coll > table td,
    .profile-wrapper .main-col > div td {
        padding: 5px;
    }

    #auth-box {
        width: calc(100vw - 40px);
        padding-top: 24px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 24px;
    }

    #order-status-box {
        width: 100%;
        padding-top: 24px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 24px;
    }

    #order-status-box .h2 {
        font-size: 18px;
        margin-bottom: 16px;
    }

    #order-status-box p {
        font-size: 12px;
        margin-top: -4px;
    }

    #auth-box .h2 {
        font-size: 18px;
        margin-bottom: 16px;
    }

    #auth-box h2 {
        font-size: 18px;
        margin-bottom: 16px;
    }

    #auth-box p {
        font-size: 12px;
    }

    #auth-box .social {
        width: 248px;
    }

    [id$="-box"] input, [id$="-box"] textarea {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .hint-wrapper input:focus {
        padding-bottom: 6px;
    }

    [id$="-box"] input[type="password"] {
        margin-bottom: 12px;
    }

    [id$="-box"] button, #register button {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    #auth-box .registration {
        padding-top: 24px;
        margin-top: 24px;
        margin-bottom: 0;
    }

    .fancybox-close {
        top: 11px;
        right: 16px;
    }

    #auth-box button {
        margin: 5px 0;
        width: 100%;
    }

    .product-info {
        width: 100%;
    }

    .product-info .art {
        margin-top: 10px;
    }

    .product-bundles .bundle-item .items {
        display: none;
    }

    .product-bundles .bundle-item .info:before,
    .product-bundles .bundle-item .info:after {
        display: none;
    }

    .product-bundles .bundle-item .info {
        box-sizing: border-box;
        padding: 0;
        width: 100%;
        border: 0;
    }

    .product-added-message .cart-items {
        width: 100%;
    }

    .product-added-message .cart-order-summa {
        font-size: 18px;
    }

    .product-added-message th:first-of-type {
        padding-left: 5px;
    }

    .product-added-message .cart-items th:nth-child(2),
    .product-added-message .cart-items th:nth-child(3) {
        display: none;
    }

    .product-added-message .cart-order-cost,
    .product-added-message .counts {
        display: none;
    }

    .product-added-message .cart-items-buttons a {
        margin: 0 3px 10px;
    }

    #credit-menu, #credit-form {
        padding: 45px 20px 65px;
    }

    .cart-items thead {
        display: none;
    }

    .panel-cart .row .label {
        width: 100%;
        text-align: left;
    }

    .panel-cart .row .labeled {
        width: 100%;
    }

    .labeled > img {
        height: auto;
        max-width: 100%;
    }

    .labeled > input[name="code"] {
        width: 130px !important;
    }

    .panel-cart .btn-group {
        width: 100%;
    }

    .cart-order .panel-cart .btn-group .btn {
        width: 100%;
        box-sizing: border-box;
    }

    .panel-cart .cart-order-summa {
        margin-right: 0;
    }

    .panel-cart textarea {
        width: 100%;
    }

    .product-photos .photo img {
        max-width: 100%;
    }

    .orphus {
        display: none;
    }
}

@media (max-width: 414px) {
    .gifts_wrap .gift-name {
        width: 60%;
    }
    .gifts_wrap .gift-price {
        display: none;
    }
}

@media (max-width: 374px) {
    .border-gray__detail--first,
    .border-gray__detail--third {
        background-size: 40px 40px;
        background-position: 24px 16px;
    }

    .border-gray__detail--second {
        background-size: 46px 40px;
        background-position: 24px 16px;
    }

    .border-gray__detail {
        padding-top: 64px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .border-gray__detail {
        min-height: min-content;
    }

    .mobile-menu {
        padding-top: 0;
    }

    .button.button--basket {
        font-size: 11px;
    }

    .button.button--active {
        font-size: 12px;
    }

    .tranquility__list li {
        font-size: 11px;
	}
    .filter-new-year label {
        font-size: 14px;
    }

    header.new-year--hide:before {
        height: 175px;
    }

    header .navigation-mobile {
       padding-left: 14px;
        padding-right: 14px;
    }

    section .tabs .more {
        display: none !important;
    }

    header .header .info {
        bottom: 20px;
    }

    .attachment-tooltip h3 {
        font-size: 10px;
    }

    .attachment-tooltip p {
        font-size: 10px;
    }
    .panel-cart select.way-payment {
        font-size: 12px;
    }

    .cart-items .cart-order-price-count {
        min-width: 87px;
    }

    .personal-area .parcel-information h3 {
        width: 40%;
    }

    .profile-wrapper.personal-area h2 {
        width: 33%;
        padding-top: 0;
    }
    .profile-wrapper.personal-area h2 span {
        font-size: 12px;
    }

    .profile-wrapper.personal-area .left-col h2 {
        width: 100%;
    }

    header .user-block .cart-button > div {
        background-size: 18px 18px;
    }

    #delivery-list tbody tr:not(:last-child) {
        margin-right: 16px;
    }

    #delivery-list thead {
        margin-right: 14px;
    }

    #delivery-list {
        padding-left: 12px;
        padding-right: 12px;
    }

    .section_cart .mobile-menu-open {
        background-position: 0 10px;
    }

    .mobile-menu .mobile-menu-open {
        background-position: 0 0;
    }

    #register .social a.fb:before {
        top: 8px;
    }

    #register .social a.vk:before {
        top: 11px;
    }

    #register .social a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mobile-menu ul li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .cart-items td.cart-delete {
        display: none;
    }

    header .user-block {
        width: 36px;
    }

    .logo img {
        width: 141px;
        height: auto;
    }

    header .header .info .info-phone-main a {
        width: 36px;
        height: 36px;
        background-size: 24px 24px;
    }

    header .user-block .cart-button {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }

    header .user-block .cart-button .cart-wrapper span.cart-amount {
        left: 18px;
        top: -7px;
    }

    .gifts_wrap .gift-name {
        width: 50%;
    }
    .gifts_wrap .gift-price {
        display: none;
    }
}