@media screen and (min-width: 1920px) {

    .good-kart .prd-counter-box {

        .prd-counter {
            order: 1;
        }

        a {
            order: 2;
        }

    }

}

@media screen and (max-width: 1919px) {
    .container {
        margin: 0 auto;
    }

    .log-reg-block {
        margin: 0 -30px;
    }

    h1, .slider .item .text {
        font-size: 64px;
    }

    .good-kart-details .price-box .price {
        font-size: 30px;
    }

    .good-kart-details .price-box .price.without-price {
        font-size: 30px;
    }

    h2, .tabs-block .tab-links > a.active, .good-kart-title {
        font-size: 36px;
    }

    .good-kart-title {
        min-width: auto;
        min-height: auto;
    }

    .dd-content .dd-title, .price-box .price, .h1-small {
        font-size: 32px;
    }

    h3, .header__catalog-item .title, .palette #palette-name,
    .good-kart-details .reg-price .price-box .price, .prd-counter input {
        font-size: 24px;
    }

    .h2 {
        font-size: 20px;
    }

    .checkbox, .radio, .palette-details p,
    .good-kart-content, .good-kart-content *, .side-menu a, .filter .btn {
        font-size: 18px;
    }

    h6, .advantages-item h6, .prd-link, .footer-top div, .catalog-item-btn,
    .footer div, .reg-order-box .total-box .font-grey div, .filter-title, .total-box .font-grey,
    .prd-card, .select-selected, .select-items div, .filter .dropdown-click a, input, .btn, .btn-bordered,
    .good-kart-right .info-item-prd-link .prd-link {
        font-size: 16px;
    }

    .h3, .more, .index-item .middle .text, .filter .checkbox, .filter .radio, .checkbox, .radio {
        font-size: 16px;
        line-height: normal;
    }

    .copyright-text, #palette-name, #palette-ral, #palette-pantone, .good-kart-details div, .ui-widget-content {
        font-size: 14px;
        line-height: normal;
    }


    .good-kart .prd-counter-box .btn {
        padding-top: 12px;
        padding-bottom: 14px;
        max-width:254px;
    }

    .header .dd-content {
        padding: 38px 30px 30px;
    }

    .header__catalog {
        margin-right: 40px;
    }

    .header__catalog-item .img {
        height: 105px;
    }

    .header__catalog-item .links a {
        font-size: 20px;
        line-height: 36px;
    }

    .header .lk > a::before {
        margin: 0;
    }

    .header .lk > a {
        font-size: 0;
        height: 32px;
        width: 32px;
    }

    .header .lk > a::before, .header .lk > a::after {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .header .lk > a::after {
        content: '';
    }

    .header__logo-text {
        padding-left: 20px;
        margin-left: 20px;
    }

    .header .location .fade-content {
        margin-right: 0;
    }

    .header .location .fade-content-scrolled {
        padding-right: 0;
    }

    .js-city-select-toggler {
        font-size: 20px;
    }

    /* .slider-block {margin-bottom: 70px;} */
    /* .slider {height: 500px;} */
    .slider .item a {
        padding: 80px;
    }

    .slick-prev, .slick-next {
        width: 142px;
    }

    .slick-dots button {
        height: 6px;
        width: 6px;
        margin: 0px 15px;
    }

    .js-city-select-form .flex-row {
        justify-content: space-between;
    }

    .js-city-select-form .flex-row .radio-row {
        flex: none;
    }

    .country-content-item {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }

    .catalog-item .img {
        height: 160px;
    }

    .catalog-title {
        height: 52px;
        line-height: 52px;
        font-size: 20px;
        padding: 0 25px;
    }

    .catalog-item-btn svg {
        margin-left: 15px;
        width: 30px;
    }

    .tabs-block .tab-links > a.active::before {
        width: 100%;
    }

    .tabs-block .tab-links > a {
        height: 50px;
    }


    .prd-card .img-box a {
        height: 242px;
    }

    .prd-card .buy, .prd-card .btn-ozon {
        padding: 13px 20px;
    }

    .prd-card .buy svg {
        margin-right: 12px;
        height: 18px;
    }

    .prd-link svg {
        height: 18px;
    }

    .prd-counter-box {
        flex-wrap: nowrap;
    }

    .prd-counter-box .btn {
        padding: 10px 20px;
    }



    .price-box {
        margin: 0 0 20px 0;
    }


    .advantages-item {
        flex-direction: column;
        padding: 20px 5px 10px;
        flex-wrap: nowrap;
        align-items: center;
    }

    .advantages-item img {
        max-height: 40px;
        margin-bottom: 20px;
    }

    .info-item .img {
        height: 150px;
        margin-bottom: 30px;
    }

    .footer-bottom .cards {
        max-width: 330px;
    }

    .footer-bottom .cards * {
        max-height: 30px;
    }

    .footer-block-title {
        margin-bottom: 24px;
    }

    .footer hr {
        margin: 30px 0;
    }

    .palette-details {
        width: calc(50% - 30px);
    }



    .good-kart-slider {
        margin-bottom: 30px;
    }

    .good-kart-slider-right {
        width: calc(100% - 110px);
    }



    .good-kart-details-size .radio {
        height: 30px;
    }


    .good-kart-details .info-item {
        align-items: flex-start;
    }

    .good-kart-details .reg-price {
        display: flex;
        align-items: center;
    }

    .good-kart-details .prd-counter input {
        width:40px;
    }

    .help::before {
        height: 20px;
        width: 20px;
        font-size: 14px;
        margin-right: 6px;
    }

    .prd-counter-minus svg, .prd-counter-plus svg {
        height: 15px;
        width: 15px;
    }

    .basket-table .right-block > div:last-child {
        text-align: right;
        flex: none;
        margin-left: 20px;
    }

    .basket-table .img {
        height: 64px;
        width: 81px;
    }

    .m-bottom-100 {
        margin-bottom: 60px;
    }

    .m-bottom-40 {
        margin-bottom: 30px;
    }

    .m-bottom-80 {
        margin-bottom: 60px;
    }

    .reg-order-box .right-block-inner {
        padding: 40px 20px;
    }

    .reg-order-box .search-form-input {
        height: 50px;
        font-size: 16px;
    }

    .form-input:focus ~ .form-label, .form-input.valid ~ .form-label, .form-label.active {
        font-size: 16px;
        top: -8px;
    }

    .log-reg-inner {
        margin-left: 33.33%;
    }

    .hidden-1920 {
        display: none;
    }

    .visible-1920 {
        display: block;
    }

    .basket-table .prd-counter input {
        width: 53px;
    }

    .good-kart-details .reg-price .price-box .price a {
        position: relative;
        bottom: auto;
        left: auto;
        font-size: 16px;
        margin-left: 10px;
    }

    .zakaz-table .item-top .btn {
        font-size: 16px;
        padding: 20px 27px;
    }

    .compare-wrap-inner {
        width: 100%;
    }

    .compare-wrap-inner .left-block {
        width: 217px;
    }

    .compare-slider-nav {
        top: -67px;
    }

    .compare-slider-nav .slick-prev, .compare-slider-nav .slick-next {
        width: 106px;
        height: 40px;
    }

    .compare-slider .prd-title {
        margin-bottom: 0;
    }

    .compare-slider .price-box {
        margin: 10px 0 15px;
    }

    .compare-slider .bottom-btn {
        height: 37px;
        margin-bottom: 140px;
    }

    .compare-list li {
        font-size: 16px;
        position: relative;
    }

    .flex-wrap-2 > div.tech-details-title {
        width: calc(100% * 7 / 12 - 30px);
    }

    .flex-wrap-2 > div.tech-details {
        width: calc(100% * 5 / 12 - 30px);
    }

    .tooltip {
        margin-left: 5px;
    }

    .info-item .title {
        font-size: 14px;
        margin-bottom: 5px;
    }


    .good-kart-right-top, .good-kart-details {
        width: 100%;
    }


    .good-kart-right .stars, .good-kart-right .info-item-color, .good-kart-right .info-item-prd-link {
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
        left: auto;
        bottom: auto;
    }

    .good-kart-right .prd-link {
        margin: 0 20px 20px 0;
    }

    .good-kart-right .info-item-prd-link, .good-kart-right .info-item-avail {
        display: block;
    }
    .good-kart-right .info-item-prd-link{
        display: flex;
    }

    .good-kart-details-avail {
        margin: 0 0 10px;
    }

    .good-kart-right .info-item-color .modal-wrap > a {
        padding: 16px 85px; /* border: 1px solid #1A1919; */
        border: 1px solid #474a51;
        display: block;
    }

    .good-kart-right .stars {
        margin: 0 0 20px;
    }

    .slick-slide {
        margin: 0 15px;
    }

    .slick-list {
        margin: 0 -15px;
    }

    .prd-card .img-box,
    .good-kart-details-color {
        margin-bottom: 28px;
    }

    .prd-wrap.flex-wrap-4 > div {
        width: calc(100% / 3 - 30px);
    }

    .good-kart-right .info-item-avail {
        margin-top: 16px;
    }

    .good-kart-details .btn-bordered {
        /*max-width: 243px;*/
    }

    .good-kart-details .price-box, .good-kart-details .reg-price {
        max-width: none;
    }

    .gallery-slider .item {
        height: 490px;
    }

    .gallery-slider-nav {
        width: 125px;
    }

    .gallery-slider-nav .item {
        height: 77px;
    }

    .gallery-slider-wrap .slick-prev, .gallery-slider-wrap .slick-next {
        height: 52px;
        width: 52px;
        bottom: calc(50% - 26px);
        background-size: 50%;
    }

    .goods-wrap > .left-block {
        margin-right: 40px;
    }


    /* ============================================================================================ */
    .lk-item {
        height: 340px;
    }

    .lk-item .inner {
        padding-top: 20px;
    }

    .lk-item h4 {
        font-size: 24px;
        margin: 0 0 10px;
    }

    .lk-item .img {
        height: 120px;
    }

    .lk-item-bottom .img {
        height: 80px;
    }

    .lk-item .subtitle {
        font-size: 18px;
    }

    .lk-item div {
        font-size: 16px;
        line-height: 26px;
    }

    .lk-item-bottom div {
        font-size: 14px;
        line-height: 20px;
    }

    .lk-wrap .basket-table .num {
        text-align: left;
        width: auto;
    }

    .lk-wrap .basket-table .img {
        height: 80px;
        width: 105px;
    }

    .basket-table.favorites .btn-reset {
        font-size: 0;
        padding: 0;
        height: 20px;
        width: 20px;
        display: inline-flex;
    }

    .basket-table.favorites .btn-reset-block {
        position: absolute;
        right: 25px;
        bottom: calc(50% - 10px);
    }

    .basket-table.favorites .right-block > div:last-child {
        margin-right: 85px;
    }

    .thanks-block {
        background-size: 130%;
        background-position-x: 100%;
    }

    .thanks-block-inner {
        margin-left: 50%;
    }

    .thanks-block .title {
        font-size: 40px;
    }

    .thanks-block .subtitle {
        font-size: 28px;
    }


}


@media screen and (max-width: 1919px) and (min-width: 1360px) {
    /*.compare-slider .prd-card, .compare-slider .compare-list li {padding: 0 110px 0 0;}*/
    .compare-wrap-inner .left-block {
        margin-right: 110px;
    }
}


@media screen and (max-width: 1919px) and (min-width: 1024px) {
    .basket-table .item {
        padding: 40px 0;
    }

    .lk-wrap .basket-table .num svg {
        width: 15px;
    }
}



@media screen and (max-width: 1650px) {
    .footer-bottom {
        padding-right: 42px;
    }

}

@media screen and (max-width: 1599px) {
    .contacts-wrap {
        display: block;
    }

    .contacts-wrap > .left-block {
        display: flex;
    }

    .contacts-wrap > .left-block > div {
        flex: 1;
    }

    .contacts-wrap > .left-block, .contacts-wrap > .right-block, .map-wrap > .right-block, .callback {
        width: 100%;
    }
}

@media screen and (max-width: 1600px) {
    .container {
        margin: 0 30px;
    }
}

@media screen and (max-width: 1023px) and (min-width: 760px) {
    .footer-block-2 {
        display: block;
        margin: 0;
    }

    .footer-block-2 > div {
        width: 100%;
        margin: 0;
    }

    .footer-block-2 > div:first-child {
        border-bottom: 1px solid #EC6807;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .footer-top .container {
        padding-top: 50px;
    }
}


@media screen and (max-width: 1359px) and (min-width: 1024px) {
    .goods-wrap .flex-wrap-3.js-items-wrap > div, .prd-wrap.flex-wrap-4 > div {
        width: calc(33.3% - 30px);
    }

    .catalog-item .img {
        height: 140px;
    }
}


@media screen and (max-width: 1359px) and (min-width: 760px) {
    .reg-order-box .total-box {
        -webkit-column-count: 2;
        -webkit-column-gap: 90px;
        -moz-column-count: 2;
        -moz-column-gap: 90px;
        column-count: 2;
        column-gap: 90px;
    }
}


@media screen and (max-width: 1023px) and (min-width: 760px) {
    .compare-wrap .left-block-btn .btn-reset {
        position: absolute;
        top: 20px;
        left: calc(100% + 20px);
    }
}


@media screen and (max-width: 1359px) {

    .prd-card a.btn-buy.in-basket .buy__in-basket span {
        font-size: 16px;
    }

    h1, .slider .item .text {
        font-size: 54px;
    }

    .tabs-block .tab-links > a.active {
        font-size: 40px;
    }

    .tabs-block .tab-links > a.active {
        font-size: 36px;
    }

    h2 {
        font-size: 32px;
    }

    .dd-content .dd-title {
        font-size: 28px;
    }

    .header__phone a {
        font-size: 24px;
    }

    .popup__title {
        font-size: 20px;
    }

    .palette-header-item {
        font-size: 18px;
    }

    h6, .basket-top, .basket-top div, .basket-top p, .checkbox, .radio,
    .palette-details p, .good-kart-content, .good-kart-content *,
    .select-selected, .select-items div, .filter .checkbox, .filter .radio,
    .filter .dropdown-click a, .tab-links.log-reg-links > a, label.error, .side-menu a, .prd-card div {
        font-size: 16px;
    }

    .city-list, .city-list ul > li.active {
        font-size: 16px;
        line-height: 32px;
    }

    .header__phone, ul.crumbs > li {
        font-size: 14px;
    }

    .log-reg-bottom div {
        font-size: 12px;
    }

    .header__call, .header__link-descr {
        font-size: 0;
    }

    .header__link-basket {
        transform: translateX(-10px);
    }

    .header__link-descr {
        margin-left: 0;
    }

    .header__call {
        display: block;
        width: 27px;
        height: 27px;
        background: url(../img/call.svg) center no-repeat;
        background-size: contain;
    }

    .header__bottom {
        height: 50px;
    }

    .header .header-search {
        height: 50px;
        margin-right: 0;
    }

    .header__catalog {
        height: 50px;
        margin-right: 50px;
    }

    .header__catalog .flex-wrap-4 > div {
        width: calc(100% / 3 - 30px);
    }

    .header__logo-text {
        display: none;
    }

    .js-city-input {
        width: 384px;
    }

    .js-city-select-form .flex-row {
        justify-content: flex-start;
    }

    .js-city-select-form .flex-row > div {
        flex: none;
    }

    .js-city-select-form .flex-row .radio-row {
        margin-left: 30px;
    }

    .slider { /* height: 383px; */
        max-height: calc(100vh - 226px);
    }

    .slick-prev, .slick-next {
        width: 106px;
    }

    .brands-slider {
        height: 75px;
    }

    .brands-item {
        height: 75px;
    }

    .catalog-title {
        height: 45px;
        line-height: 45px;
        padding: 0 18px;
    }

    /*
        .prd-card .img-box a {
            height: 242px;
        }*/
    /*.prd-wrap-slider {*/
    /*    height: 658px;*/
    /*}*/
    .advantages-block .flex-wrap-6 > div {
        width: calc(100% / 6 - 30px);
    }

    .info-block .flex-wrap-4 > div {
        width: calc(50% - 30px);
        margin-bottom: 60px;
    }

    .info-item .img {
        height: 215px;
    }

    .footer .social > a {
        margin: 0 0 0 50px;
    }

    .footer-bottom .cards {
        max-width: 170px;
    }

    .footer-bottom .cards > * {
        width: calc(50% - 20px);
    }

    .footer-block-3 .flex-wrap-6 > div {
        width: calc(100% / 3 - 30px);
    }

    .footer-logo img {
        margin-bottom: 50px;
    }

    .js-city-select-form .radio {
        font-size: 20px;
    }

    .checkbox span, .radio span {
        margin-right: 20px;
    }

    .good-kart-slider-wrap {
        flex-direction: column-reverse;
    }

    .good-kart-slider-right {
        width: 100%;
    }


    .good-kart-slider-nav {
        width: auto;
        height: 95px;
        margin: 20px 0 0;
    }

    .good-kart-slider-nav .item {
        float: left;
    }

    .good-kart-slider-nav .slick-slide {
        margin: 0 24px 0 0
    }

    .good-kart-details #palette-color {
        margin: 0 30px 14px 0;
    }

    .good-kart-details > div {
        margin-top: 20px;
    }

    /* .goods-wrap > .left-block {width: calc(100% / 3 - 30px);} */
    .goods-wrap > .left-block {
        margin-right: 50px;
    }

    .catalog-section-info {
        position: absolute;
        top: -80px;
        right: 0;
    }

    .catalog-section-info > div, .catalog-section-info .select-selected {
        height: 50px;
    }

    .catalog-section-view {
        width: 50px;
    }

    .catalog-section-info .custom-select {
        width: 200px;
    }

    .select-selected {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .prd-card .buy, .prd-card .btn-ozon {
        padding: 15px 30px;
    }

    .params .tooltip::before {
        width: 50px;
        height: 50px;
    }

    .palette-details {
        width: calc(50% - 75px);
        margin-left: 45px;
    }

    .reg-order-box {
        display: block;
    }

    .reg-order-box > .right-block {
        width: 100%;
        margin-left: 0;
    }

    .reg-order-box .right-block-inner {
        position: relative;
        top: auto;
        padding: 50px;
        margin-top: 60px;
    }

    .log-reg-inner {
        padding: 60px 70px 130px 0;
    }

    .tab-links.log-reg-links > a {
        height: 50px;
        line-height: 50px;
    }

    .compare-wrap-inner .left-block .compare-list {
        margin-right: 0;
    }

    .compare-slider .bottom-btn {
        margin-bottom: 30px;
    }

    #profileForm .flex-wrap-3 > div {
        width: calc(50% - 30px);
    }

    .flex-wrap-2 > div.tech-details-title {
        width: calc(75% - 30px);
    }

    .flex-wrap-2 > div.tech-details {
        width: calc(25% - 30px);
    }

    .popup {
        max-width: 529px;
        padding: 50px 70px;
    }

    .zakaz-table .item-top .btn {
        font-size: 0;
        padding: 25px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .zakaz-table .item-top .btn-edit {
        background-image: url(../img/edit-white.svg);
    }

    .zakaz-table .item-top .btn-repeat {
        background-image: url(../img/repeat-white.svg);
    }

    .order-total-info {
        max-width: 50%;
    }

    .footer-logo img {
        margin: 15px 0 30px 0;
    }

    .footer-bottom .flex-row {
        align-items: flex-end;
    }

    .footer-block-2-right {
        width: auto;
    }



    .good-kart-details > div:last-child {
        margin-left: 0;
    }



    .good-kart-right .prd-link {
        margin: 0 20px 0 0;
    }

    .params .tooltip .tooltip-text {
        bottom: 63px;
    }

    .flex-wrap-4 .gallery-card {
        width: calc(100% / 3 - 30px);
    }

    .prd-card .img-box {
        margin-bottom: 20px;
    }

    .stars span {
        height: 20px;
        width: 20px;
        margin-right: 5px;
    }

    .prd-link-wrap {
        margin-top: 20px;
    }

    .advantages-block .flex-wrap-6 {
        margin: -8px;
    }

    .advantages-block .flex-wrap-6 > div {
        width: calc(100% / 6 - 16px);
        margin: 8px;
    }

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

    .map-wrap .search-form-input {
        height: 50px;
    }

    .map-wrap .search-form-input button {
        width: 50px;
    }

    /* ============================================================================================ */
    .lk-wrap .flex-wrap-3 > div {
        width: calc(50% - 30px);
    }

    .lk-item-bottom .img {
        height: 101px;
        width: auto;
        flex: 1;
    }

    .lk-wrap .basket-table .btn {
        font-size: 0;
        padding: 0;
        height: 50px;
        width: 50px;
        justify-content: center;
    }

    .lk-wrap .basket-table .btn svg {
        margin: 0;
    }

    .basket-table.viewed .left-block {
        width: 65%;
    }

    .basket-table.viewed .right-block {
        width: 35%;
    }

    .basket-table.favorites .left-block {
        width: 60%;
    }

    .basket-table.favorites .right-block {
        width: 40%;
    }

    .lk-wrap .basket-table div, .lk-wrap .basket-table p {
        font-size: 16px;
    }

    .goods-wrap.lk-wrap > .left-block {
        width: 261px;
        margin-right: 50px;
    }

    .list-item div {
        font-size: 16px;
        line-height: 30px;
    }

    .thanks-block {
        height: 400px;
    }

    .thanks-block .title {
        font-size: 32px;
    }

    .thanks-block .subtitle {
        font-size: 24px;
    }
}


@media screen and (max-width: 1279px) {
    .footer-block-1 {
        display: none;
    }

    .footer-block-1 + hr {
        display: none;
    }
}



@media screen and (min-width: 1024px) {
    #filter {
        position: relative;
    }
}

@media screen and (max-width: 900px) {
    .good-kart-details {
        display: block;
    }
    .good-kart-details__first {
        max-width:none;
    }
    .good-kart-details__first,
    .good-kart-details__two{
        width: 100%;
    }
}

@media screen and (max-width: 1023px) {
    h1, .slider .item .text {
        font-size: 36px;
    }

    h2 {
        margin: 40px 0 20px 0;
    }

    h2, h3, .good-kart-title, .tabs-block .tab-links > a.active {
        font-size: 28px;
    }

    h4, .price-box .price {
        font-size: 24px;
    }

    .js-city-select-form .radio, .palette-color-item label {
        font-size: 18px;
    }

    .js-city-select-toggler, .palette-header-item, .basket-table p {
        font-size: 16px;
    }

    .filter-title, .good-kart-details-avail, .modal-wrap a, .checkbox, .reg-order-box > .left-block .checkbox div, .total-box .font-grey {
        font-size: 14px;
    }

    .good-kart-details #palette-name, .good-kart-details #palette-ral, .good-kart-details #palette-pantone, .ui-tooltip-content {
        font-size: 14px;
        line-height: 16px;
    }

    .copyright-text {
        font-size: 12px;
    }

    .header__phone, #filter, .hidden-760 {
        display: none;
    }

    .header .search-form-input button {
        width: 100px;
    }

    .header__catalog {
        width: 220px;
        margin-right: 20px;
    }

    .header__link {
        margin-left: 45px;
    }

    .header__catalog-item .img {
        height: 90px;
    }

    .header__catalog-item .title {
        margin: 10px 0;
        font-size: 20px;
        line-height: 24px;
    }

    .header__catalog-item .links a {
        font-size: 18px;
        line-height: 32px;
    }

    .header .dd-content, .dd-full-screen {
        padding: 30px;
    }

    .country-content-item {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .location form {
        margin-bottom: 40px;
    }

    .js-city-input, .map-wrap > .left-block {
        width: 100%;
    }

    .hidden-1024 {
        display: none;
    }

    .js-city-select-form .flex-row, .visible-1024, .map-wrap {
        display: block;
    }

    .js-city-select-form .flex-row .radio-row {
        margin: 25px 0 0;
    }


    .slider .item a {
        padding: 50px 60px
    }

    .slick-slider {
        margin-bottom: 50px;
    }

    .brands-slider {
        margin-bottom: 30px;
    }

    .slick-dots button {
        height: 5px;
        width: 5px;
        margin: 0px 8px;
    }

    .slick-prev, .slick-next {
        width: 77px;
        background-size: 50%;
    }

    .slick-prev, .slick-next, .slick-dots {
        height: 40px;
        bottom: -45px;
    }

    .catalog-block .flex-wrap-4 > div, .reg-order-box .flex-wrap-3 > div {
        width: calc(50% - 30px);
    }

    .brands-block .flex-wrap-6 > div {
        width: calc(100% / 3 - 30px);
    }

    /*.prd-wrap-slider {*/
    /*    height: 500px;*/
    /*}*/
    .prd-wrap-slider.slick-slider {
        margin-bottom: 80px;
    }

    .prd-link {
        font-size: 12px;
        margin-right: 10px;
    }

    .prd-link svg {
        margin-right: 5px;
    }

    .prd-card .buy {
        padding: 10px 20px;
        font-size: 14px;
    }

    .prd-card .btn-ozon {
        width: 50px;
        height: 36px;
    }

    .prd-card .btn-wb:hover,
    .prd-card a.btn-wb {
        width: 48px;
        height: 36px;
    }

    .prd-card .btn-ym:hover,
    .prd-card a.btn-ym {
        width: 48px;
        height: 36px;
    }

    .prd-card .buy svg {
        height: 15px;
    }

    .prd-card .img-box a {
        height: 200px;
    }

    .prd-label-wrap {
        font-size: 14px;
    }

    .advantages-block .flex-wrap-6 {
        margin: -10px;
    }

    .advantages-block .flex-wrap-6 > div {
        width: calc(100% / 3 - 20px);
        margin: 10px;
    }

    .info-item .img {
        height: 156px;
        margin-bottom: 20px;
    }

    .info-block .flex-wrap-4 > div {
        margin-bottom: 20px;
    }

    .footer .social {
        flex-wrap: wrap;
    }

    .footer .social > a {
        width: 50%;
        margin: 0;
        text-align: right;
        font-size: 28px;
    }

    #palette-color {
        height: 227px;
    }

    .good-kart-tabs {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .good-kart-tabs .tab-links-box {
        display: none;
    }

    .good-kart-tab-item__name {
        display: block;

    }

    .good-kart-tab-item__content .tab-content {
        display: block;
        overflow: visible;
        height: auto;
    }

    .good-kart-tab-item__content {
        border-top: 1px solid #C4C4C4;
        padding: 20px 0 30px;
        display: none;
    }


    .good-kart-tab-item--active .good-kart-tab-item__content {
        display: block;
    }

    .good-kart-tab-item--active .good-kart-tab-item__name:after {
        transform: rotate(180deg);
    }

    .good-kart-tab-item:last-child {
        border-bottom: 1px solid #C4C4C4;
    }

    .good-kart-tab-item__content .tab-content p:first-child {
        margin-top: 0;
    }

    .good-kart-details > div {
        margin-top: 20px;
    }

    .good-kart-slider {
        margin-bottom: 15px;
    }

    .good-kart-slider-right .good-kart-slider .item {
        height: 310px;
    }



    .good-kart-details #palette-color {
        margin: 0 20px 14px 0;
    }


    .dd-full-screen {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        z-index: 99;
        background-color: #FFFFFF;
    }

    .goods-wrap .flex-wrap-3.js-items-wrap {
        margin-left: calc(-50% - 15px);
    }

    .good-kart-right {
        /*margin-left: 20px;
        width: calc(66% - 20px);*/
        margin-left: 0;
        width: 100%;
    }

    .palette-details {
        width: calc(50% - 50px);
        margin-left: 20px;
    }

    .basket-table .img {
        margin-right: 16px;
    }

    .reg-order-box .left-block > div .form-input {
        margin-bottom: 0;
    }

    .reg-order-box .total-box .total {
        margin: 50px 0 40px;
    }

    .log-reg-inner {
        padding: 60px 0;
        margin: 0 90px;
    }

    .compare-slider-nav {
        top: 10px;
    }

    .compare-wrap-inner .right-block {
        width: calc(100% * 2 / 3 - 30px);
        margin-top: 100px;
    }

    .compare-slider .bottom-btn {
        height: 50px;
    }

    .compare-wrap-inner .left-block .compare-list li {
        padding-left: 26px;
    }

    .zakaz-table div {
        font-size: 16px;
    }

    .zakaz-table .item {
        padding: 40px;
    }

    .zakaz-table .order-total-price h3 {
        font-size: 24px;
    }

    .zakaz-table .order-total-price h3.total {
        font-size: 18px;
    }

    .zakaz-table .order-total-info > .flex-row > div:last-child, .zakaz-table .order-total-price > .flex-row > div:last-child {
        margin-left: 80px;
        width: 130px;
    }

    .flex-wrap-2 > div.tech-details-title {
        width: calc(100% * 10 / 12 - 30px);
    }

    .flex-wrap-2 > div.tech-details {
        width: calc(100% * 2 / 12 - 30px);
    }

    .order-total-info, .reg-order-box .search-form-input {
        max-width: none;
    }

    .map-wrap .custom-select, .catalog-block .flex-wrap-4 > div {
        margin-bottom: 30px;
    }

    .catalog-block .flex-wrap-4 {
        margin-bottom: -30px;
    }

    .catalog-block .flex-wrap-3 > div {
        width: calc(50% - 30px);
    }

    .good-kart-details-avail {
        margin: 0 0 15px;
    }

    .gallery-wrap .news-card {
        width: calc(100% / 3 - 30px);
    }

    .catalog-title {
        height: 50px;
        line-height: 50px;
    }

    .prd-card .prd-title a {
        height: 67px;
        overflow: hidden;
        display: inline-block;
    }

    .goods-wrap {
        display: block;
    }

    .flex-wrap-4 .gallery-card {
        width: calc(50% - 30px);
    }

    .goods-wrap .right-block .filter-title {
        position: absolute;
        top: 0;
        left: calc(100% / 3 + 10px);
    }

    .gallery-wrap {
        flex-direction: column-reverse;
    }

    .gallery-slider {
        margin-bottom: 0;
    }

    .gallery-slider-nav {
        width: 100%;
        margin: 25px 0 0;
    }

    .gallery-slider-nav .item {
        margin: 0 7px;
    }

    .gallery-slider-wrap .slick-prev {
        left: 20px;
    }

    .gallery-slider-wrap .slick-next {
        right: 20px;
    }

    .compare-slider .prd-card .img-box a {
        height: 200px;
    }

    .gallery-slider-wrap .slick-prev, .gallery-slider-wrap .slick-next {
        height: 40px;
        width: 40px;
        bottom: calc(50% - 20px);
    }

    .tab-links {
        margin: 50px 0 30px;
    }

    .m-bottom-80 {
        margin-bottom: 40px;
    }

    /* ============================================================================================ */
    .lk-item h4 {
        font-size: 20px;
    }

    .lk-item-bottom div {
        font-size: 12px;
    }

    .lk-wrap .basket-table .img {
        height: 90px;
        width: 115px;
    }

    .basket-table .right-block > div:last-child {
        margin-right: 50px;
    }

    .basket-table.favorites .btn-reset-block {
        right: 0;
    }

    .basket-table.favorites .btn-reset {
        height: 15px;
        width: 15px;
    }

    .basket-table.favorites .right-block > div:last-child {
        margin-right: 75px;
    }

    #side-menu-content {
        display: none;
        box-shadow: 0 0 20px rgba(169, 169, 169, 70%);
        position: absolute;
        background-color: rgb(255, 255, 255);
        top: 111px;
        right: 0;
        padding: 30px;
    }

    #side-menu-content::before {
        content: '';
        position: absolute;
        right: 62px;
        top: -20px;
        border: 10px solid transparent;
        border-bottom: 10px solid #FFFFFF;
    }

    .side-menu {
        width: 260px;
    }

    .goods-wrap__bottom {
        margin-left: -50%;
    }

    .pagination-box ul.crumbs a {
        height: 50px;
        width: 50px;
    }

    .goods-wrap > .left-block {
        height: 52px;
    }

    .btn {
        padding: 14px 50px;
        font-size: 16px;
    }

    .thanks-block {
        background-size: 200%;
        background-position-x: 85%;
    }

    .thanks-block-inner {
        width: 390px;
        margin-left: 33.337%;
    }

    .prd-buttons {
        flex-wrap: wrap;
        align-items: center;
    }

    .prd-buttons a {
        margin-bottom: 10px;
    }

}


@media screen and (max-width: 850px) {
    .good-kart-details .price-box {
        padding: 0;
    }

    .good-kart-details .price-box .price {
        font-size: 20px;
    }

    .good-kart-details .reg-price {
        padding: 0;
    }

    .good-kart-details .reg-price:after {
        content: ' ';
        clear: both;
    }

    .good-kart-details .reg-price .font-orange {
        float: left;
    }
}

@media screen and (max-width: 773px) {
    .prd-card .prd-title {
        height: auto;
    }

    .prd-card .prd-title a {
        height: auto;
    }
}

@media screen and (max-width: 759px) {

    h1, .slider .item .text, .good-kart-details .price-box .price {
        font-size: 32px;
    }
    .good-kart-details .price-box .price{
        font-size: 24px
    }

    .good-kart-details .price.without-price {
        font-size: 24px;
    }


    h2, .h1-small {
        margin: 0 0 20px;
    }

    .h1-small, .good-kart-title {
        font-size: 28px;
    }

    h2, h3, .tabs-block .tab-links > a.active, .dd-content .dd-title {
        font-size: 24px;
    }

    .m-bottom-40 {
        margin-bottom: 15px;
    }

    .price-box .price {
        font-size: 22px;
    }

    .catalog-title, .tabs-block .tab-links > a, .gallery-card h5 {
        font-size: 18px;
    }

    input, .info-item .text, .btn, .tab-links > a, .checkbox, .radio {
        font-size: 16px;
    }

    .footer div, ul.crumbs li, h6, .basket-top, .basket-top div, .basket-top p, .palette-details p,
    .good-kart-content, .good-kart-content *, .select-selected, .select-items div,
    .filter .checkbox, .filter .radio, .filter .dropdown-click a,
    .tab-links.log-reg-links > a, label.error, .js-city-select-toggler,
    .palette-header-item, .basket-table p {
        font-size: 14px;
    }

    .advantages-item h6, .palette-color-item label, .good-kart-details-avail,
    .good-kart-content *, .news-card .desc {
        font-size: 14px;
        line-height: 20px;
    }

    .container {
        margin: 0 15px;
    }

    ul.crumbs {
        margin: 24px 0;
    }

    ul.crumbs li {
        margin-right: 15px;
    }

    .flex-wrap-2, .flex-wrap-3, .flex-wrap-4, .flex-wrap-6 {
        margin: 0;
    }

    .flex-wrap-2 > div, .flex-wrap-4 > div,
    .catalog-block .flex-wrap-3 > div,
    .catalog-block .flex-wrap-4 > div,
    .catalog-block .flex-wrap-6 > div, .prd-wrap.flex-wrap-4 > div {
        margin: 0 0 20px;
        width: 100%;
    }

    .header {
        padding: 15px 0 7px;
        position: relative;
    }

    .header__top {
        height: 58px;
        padding: 0 15px;
        justify-content: center;
        position: relative;
    }

    .header__top .lk {
        position: absolute;
        right: 18px;
        top: 17px;
    }

    .header__top .header__social {
        position: absolute;
        right: 54px;
    }



    .header .lk > a {
        height: 25px;
        width: 25px;
    }


    .header .header__call, #menu-content, .prd-card .buy svg, .basket-top,
    .header__catalog-img, #menu-content .header__link svg {
        display: none;
    }

    .header__link-basket {
        transform: translateX(0);
    }

    .palette, .good-kart, .goods-wrap, .radio-row, .visible-320,
    .footer-bottom, .footer-row-menu a {
        display: block;
    }

    .location {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s;
    }

    #menu.active ~ .location {
        opacity: 1;
        visibility: visible;
    }

    .slider-block {
        margin-bottom: 15px
    }

    .slider { /* height: 210px; */
        max-height: calc(100vh - 132px);
    }

    .slider .item a {
        padding: 20px;
    }

    .brands-slider {
        margin-bottom: 15px;
    }

    .catalog-item-btn {
        height: 170px;
    }

    .tabs-block {
        margin-bottom: 30px;
    }

    .tab-links {
        margin: 20px 0 30px;
    }

    .tabs-block .tab-links > a {
        height: 40px;
    }

    .btn {
        width: 100%;
        padding: 14px 0;
    }

    .btn-more {
        padding: 14px 30px;
    }

    .prd-wrap-slider, .prd-card {
        height: auto;
    }

    .prd-card {
        margin-bottom: 40px;
    }

    .prd-card .img-box a {
        height: 155px;
        padding: 20px;
    }

    .prd-card .img-box {
        height: 155px;
        width: 155px;
        margin-bottom: 5px;
        float: left;
    }

    .prd-label {
        padding: 9px 12px;
        font-size: 12px;
    }

    .prd-wrap .prd-card .price-box, .prd-wrap .prd-link-wrap {
        position: absolute;
        left: 187px;
    }

    .prd-wrap .prd-card .price-box {
        top: 0;
        margin: 0;
    }

    .prd-wrap .prd-link-wrap {
        top: 40px;
        flex-direction: column;
    }


    .prd-wrap .prd-card .prd-buttons {
        float: left;
        padding-left: 32px;
        padding-top: 119px;
    }

    .prd-wrap .prd-card .btn-ozon {
        position: relative;
    }


    .prd-link {
        margin: 0 0 15px;
    }

    .prd-link svg {
        height: 14px;
    }

    .advantages-block .flex-wrap-6, .footer-block-3 .flex-wrap-6 {
        margin: 0 -10px;
    }

    .footer-block-3 .flex-wrap-6 > div {
        width: calc(50% - 20px);
        margin: 10px;
    }

    .advantages-block .flex-wrap-6 > div {
        width: 100%;
    }

    .advantages-item {
        height: 120px;
        padding: 16px 0;
    }

    .advantages-item img {
        max-height: 30px;
        margin-bottom: 10px;
    }

    .info-item .img {
        height: 130px;
    }

    .info-block .flex-wrap-4 > div {
        width: 100%;
        margin-bottom: 40px;
    }

    .index-info-block .flex-wrap-4 > div:last-child {
        margin-bottom: 0;
    }

    .footer {
        padding: 34px 0 70px;
    }

    .footer-block-2 > div {
        flex: 1;
    }

    .footer-logo img {
        height: 17px;
        margin: 10px 0 20px;
    }

    .footer-bottom {
        position: relative;
        padding-bottom: 50px;
    }

    .footer-bottom .copyright {
        font-size: 12px;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .footer .social {
        justify-content: space-between;
        margin: 0 0 40px;
    }

    .footer .social > a {
        width: auto;
    }

    .footer-bottom .cards {
        max-width: none;
        margin: 0 0 40px;
    }

    .footer-bottom .cards > * {
        width: auto;
        margin: 0;
    }

    .palette .radio-row {
        justify-content: space-between;
    }

    .palette .radio {
        margin-right: 0;
    }

    div::-webkit-scrollbar {
        width: 3px;
        height: 3px;
    }

    .palette-content {
        height: 160px;
    }

    .palette-color-item label {
        width: 90px;
    }

    .palette-details {
        width: 100%;
        margin: 40px 0 0;
    }

    .palette-header {
        margin: 0 0 20px;
    }

    #palette-color {
        height: 177px;
    }

    .good-kart-left {
        position: relative;
        width: 100%;
        top: auto;
    }

    .good-kart-slider-wrap {
        flex-direction: row-reverse;
    }

    .good-kart-slider-nav {
        width: 60px; /*height: auto;*/
        margin: 0 0 0 20px;
    }

    .good-kart-slider-nav .item {
        width: 60px;
        height: 60px;
    }

    .good-kart-slider-nav .slick-slide {
        margin: 0 0 20px;
    }

    .good-kart-slider {
        margin-bottom: 10px;
    }

    .good-kart-slider-right {
        width: calc(100% - 80px);
    }

    .good-kart-slider-right .good-kart-slider .item {
        height: 400px;
        padding:8px;
    }
    .good-kart-slider-right .good-kart-slider .item .img {
        background-size:contain;
    }


    .params .tooltip::before {
        width: 45px;
        height: 45px;
    }

    .good-kart-right {
        margin: 40px 0 0;
        width: 100%;
    }

    .good-kart-details-color .radio input ~ label::after {
        transform: rotate(-45deg) scale(0.6);
    }

    .btn-bordered {
        padding: 10px 0;
    }

    .js-buy-oneclick {
        width: 243px;
    }

    .log-reg-block, .goods-wrap {
        margin: 0;
    }

    .log-reg-inner {
        padding: 30px 20px 40px;
        margin: 0;
    }

    .tab-links.log-reg-links {
        display: block;
        margin: 0 0 25px;
    }

    .tab-links.log-reg-links > a {
        font-size: 14px;
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .log-reg-bottom {
        display: block;
        margin-top: 0;
    }

    .log-reg-bottom .btn {
        margin: 0 0 5px;
        font-size: 14px;
    }

    .log-reg-block .form-input:focus ~ .form-label, .log-reg-block .form-input.valid ~ .form-label, .log-reg-block .form-label.active {
        font-size: 14px;
        top: 0px;
    }

    .form-input {
        padding: 10px 20px;
    }

    .catalog-section-info {
        position: relative;
        top: auto;
        right: auto;
    }

    .goods-wrap > .left-block {
        width: 100%;
        margin-right: 0;
        padding-top: 40px;
    }

    .goods-wrap > .left-block .filter-title {
        font-size: 0;
    }

    .goods-wrap > .right-block .filter-title {
        position: absolute;
        top: 0;
        left: 0;
    }

    .goods-wrap .flex-wrap-3.js-items-wrap {
        margin: 0;
        display: block;
    }

    .goods-wrap .flex-wrap-3.js-items-wrap > div {
        width: 100%;
        margin: 0 0 40px;
    }

    .filter-click {
        width: 22px;
    }

    .catalog-section-view {
        width: 35px;
        margin-left: 10px;
    }

    .catalog-section-view svg {
        width: 16px;
    }

    .catalog-section-info {
        position: absolute;
        top: 32px;
        right: 0;
    }

    .catalog-section-info > div, .catalog-section-info .select-selected {
        height: 35px;
    }

    .catalog-section-info .select-selected, .catalog-section-info .select-items {
        padding: 0 30px 0 40px;
    }

    .catalog-section-info .custom-select {
        width: 155px;
        margin-right: 0;
    }

    .select-selected::before, .same-as-selected::before {
        width: 12px;
        height: 8px;
        top: calc(50% - 4px);
    }

    .same-as-selected::before {
        left: -24px;
    }

    .select-selected::before {
        left: 15px;
    }

    .select-selected::after {
        top: calc(50% - 3.5px);
        right: 10px;
        width: 14px;
        height: 7px;
    }

    .prd-card .buy.in-basket::after {
        background-size: 15%;
    }

    .header .dd-content, .dd-full-screen {
        padding: 15px;
    }

    .dd-content .dd-title {
        margin: 20px 0;
    }

    .dd-content .close-btn {
        position: absolute;
        right: 15px;
        bottom: -44px;
        height: 18px;
        width: 18px;
        background-image: url(../img/close.svg)
    }

    .filter h6 {
        font-size: 16px;
        line-height: 30px;
    }

    .filter .dropdown-click a {
        padding: 14px 20px;
    }

    .filter .checkbox, .filter .radio, .filter .dropdown-click a, .filter .btn {
        font-size: 18px;
    }

    .filter-bottom {
        display: block;
        margin: 0;
    }

    .filter-bottom > div {
        margin: 20px 0 0;
    }

    .btn-reset {
        height: 18px;
        line-height: 18px;
        display: inline-block;
    }

    .basket-table .prd-counter input {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .basket-table .item {
        display: block;
        position: relative;
    }

    .basket-table .prd-name {
        margin-right: 0;
    }

    .basket-table div, .reg-order-box > .left-block div, .js-city-select-form .radio,
    .palette-color-item label {
        font-size: 16px;
    }

    .basket-table .left-block {
        width: calc(100% - 40px);
    }

    .basket-table .right-block {
        width: 100%;
        margin-top: 15px;
    }

    .basket-table .right-block > div:last-child {
        margin-left: 0;
        position: absolute;
        top: 40px;
        right: 0;
    }

    .m-bottom-100 {
        margin-bottom: 40px;
    }

    .m-bottom-80 {
        margin-bottom: 25px;
    }

    .radio-row .radio, .checkbox, .radio {
        margin: 0 0 20px;
    }

    .reg-order-box .flex-wrap-3 > div {
        width: 100%;
        margin: 0 0 20px;
    }

    .reg-order-box .jq-selectbox__select {
        height: 46px;
        line-height: 46px;
        padding-left: 20px;
    }

    .search-form-input button {
        width: 60px;
    }

    .reg-order-box > .left-block .checkbox div {
        font-size: 12px;
    }

    .reg-order-box .right-block-inner {
        padding: 20px;
    }

    .reg-order-box .total-box .font-grey div {
        font-size: 14px;
    }

    .reg-order-box .total-box .total .price {
        font-size: 24px;
    }

    .header__top #menu {
        position: absolute;
        left: 16px;
        top: 23px;
    }

    #menu-content {
        box-shadow: 0 0 20px rgba(169, 169, 169, 70%);
        position: absolute;
        background-color: rgb(255, 255, 255);
        top: 73px;
        left: 0;
        right: 0;
        height: 100vh;
        padding: 0px 15px 15px;
        margin: 5px 15px 0 15px;
        border-radius: 20px;
    }

    #menu-content::before {
        content: '';
        position: absolute;
        left: 18px;
        top: -20px;
        border: 10px solid transparent;
        border-bottom: 10px solid #FFFFFF;
    }

    .header__bottom {
        display: block;
        height: auto;
        position: relative;
        margin-top: 22px;
        padding: 56px 35px 0;
    }

    .header__catalog {
        width: 100%;
        margin-right: 0;
    }

    .header__catalog, .header__catalog > a {
        display: inline-block;
        height: auto;
    }

    .header .header-search, .header .header-search form, .search-form-input {
        height: auto;
    }

    .header .header-search {
        position: absolute;
        top: 0;
        left: 15px;
        width: calc(100% - 30px);
    }

    .header .search-form-input { /* border-bottom: 1px solid #000000; */
        border-bottom: 1px solid #474a51;
    }

    .header .search-form-input input {
        border: none;
        line-height: 36px;
        height: 36px;
    }

    .header .search-form-input button {
        width: auto;
        background: none;
    }

    .header .search-form-input button svg {
        width: 16px;
        height: 16px;
    }

    .header .search-form-input button svg path { /* fill: #1A1919; */
        fill: #474a51;
    }

    .header__catalog {
        background: none;
        margin: 0 0 20px;
    }

    #menu-content .header__phone {
        display: flex;
        align-items: flex-start;
        margin: 20px 0;
        line-height: normal;
    }

    #menu-content .header__phone, #menu-content .header__phone a {
        color: #1A1919;
    }

    #menu-content .header__phone a {
        font-size: 24px;
        line-height: normal;
    }

    .header__catalog > a {
        color: #1A1919;
        line-height: 36px;
    }

    .header__catalog .flex-wrap-4 > div {
        width: 100%;
        margin: 0 0 20px;
    }

    #menu-content .header__link {
        margin: 0 0 20px;
    }

    #menu-content .header__link a {
        align-items: center;
        flex-direction: row-reverse;
        width: 100%;
        justify-content: space-between;
    }

    #menu-content .header__link .count {
        position: relative;
        bottom: auto;
        right: auto;
    }

    #menu-content .header__link-descr, #menu-content a {
        font-size: 20px;
        line-height: 36px;
    }

    .location .dropdown-click {
        margin: 0 -18px;
    }

    .location {
        position: absolute;
        top: 430px;
        z-index: 1;
        left: 30px;
        right: 30px;
    }

    .city-check {
        top: 60px;
    }

    .js-city-input {
        font-size: 14px;
        padding: 17px 18px;
    }

    .header .location .fade-content, .header .location .fade-content-scrolled {
        height: 40vh;
    }

    .city-list > div:first-child {
        width: 30px;
    }

    .js-city-select-form .flex-row .radio-row {
        display: flex;
        overflow-x: auto;
    }

    .js-city-select-form .flex-row .radio-row .radio {
        margin: 0 30px 0 0;
    }

    .checkbox span, .radio span {
        margin-right: 10px;
    }

    .country-content-item {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .city-list, .city-list ul > li.active {
        font-size: 14px;
        line-height: 28px;
    }

    .js-city-select-toggler {
        justify-content: space-between;
        width: 100%;
        background-color: #EC6807;
        color: #FFFFFF;
        font-size: 16px;
        height: 60px;
        padding: 0 20px;
        border-radius: 20px;
    }

    .js-city-select-toggler:after {
        border: none;
        margin-left: 0;
        width: 7px;
        height: 14px;
        background: url(../img/angle-right-white.svg) center no-repeat;
        background-size: contain;
    }

    /* .menu-bottom-wrapper {z-index: 99; position: relative;} */
    .menu-bottom-wrapper {
        z-index: 206;
        position: relative;
    }

    .menu-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 20px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0; /* background: #1A1919; */
        background: #474a51;
    }

    .menu-bottom svg, .header__call {
        height: 20px;
    }

    .menu-bottom svg * {
        stroke: #FFFFFF;
    }

    .menu-bottom svg circle {
        fill: #FFFFFF;
    }

    .menu-bottom .header__link {
        margin: 0;
    }

    .log-reg-block label.error {
        position: relative;
        top: auto;
        left: auto;
    }

    label.error {
        padding-left: 23px;
    }

    .hidden-320 {
        display: none;
    }

    .compare-slider .prd-card, .compare-wrap div, .compare-list li, .compare-wrap-inner .left-block-btn .btn {
        font-size: 14px;
    }

    .compare-slider .slick-list {
        margin: 0;
    }

    ul.compare-list {
        margin: 0 !important;
    }

    .compare-list li {
        min-height: 40px;
        border-bottom: none;
    }

    .compare-list li:before {
        content: '';
        position: absolute;
        left: -15px;
        bottom: 0;
        width: calc(100% + 30px);
        height: 1px;
        background: #c4c4c4;
    }

    .compare-wrap-inner {
        display: block;
    }

    .compare-wrap-inner .left-block {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .compare-wrap-inner .left-block-btn {
        display: flex;
        align-items: center;
        height: auto;
        margin-bottom: 0;
    }

    .compare-wrap-inner .right-block {
        width: 100%;
        margin-top: 78px;
    }

    .compare-slider-nav {
        top: 120px;
        left: 0;
        justify-content: space-between;
    }

    .compare-slider-nav .slick-prev, .compare-slider-nav .slick-next {
        width: 76px;
    }

    .compare-slider .prd-card .img-box {
        height: 132px;
        width: auto;
        margin-bottom: 10px;
    }

    .compare-slider .prd-card .img-box a {
        height: 132px;
    }

    .compare-slider .prd-title {
        height: 80px;
        margin-bottom: 10px;
    }

    .stars span, .compare-slider .stars span {
        height: 13px;
        width: 13px;
        margin-right: 3px;
    }

    .compare-slider .bottom-btn {
        height: 34px;
        margin: 0 -5px 25px;
    }

    .compare-slider .bottom-btn a {
        margin: 0 5px;
    }

    .compare-slider .prd-card .buy svg {
        display: block;
    }

    .compare-slider .price-box {
        margin: 10px 0;
    }

    .compare-slider .price-box .price {
        font-size: 18px;
    }

    .compare-wrap-inner .left-block-btn > div {
        margin-bottom: 0;
    }

    .compare-wrap-inner .left-block-btn .btn {
        width: 160px;
        margin-right: 18px;
    }

    .compare-wrap .custom-select {
        margin-bottom: 20px;
    }

    .select-selected {
        padding-top: 0;
        padding-bottom: 0;
    }

    .zakaz-table .item {
        padding: 15px;
        margin: 0 -15px 40px;
        border-left: none;
        border-right: none;
    }

    .zakaz-table .item-top {
        flex-wrap: wrap;
    }

    .zakaz-table .item-top > div:first-child {
        width: 100%;
        margin-bottom: 20px;
    }

    .zakaz-table .item-top > div:last-child {
        display: flex;
    }

    .zakaz-table .item-top .btn {
        padding: 20px;
    }

    .zakaz-table .order-total-info > .flex-row > div:last-child, .zakaz-table .order-total-price > .flex-row > div:last-child {
        margin-left: 20px;
        width: calc(50% - 20px);
    }

    #profileForm .flex-wrap-3 > div {
        width: 100%;
        margin: 0 0 20px;
    }

    .good-kart-content .flex-wrap-2 {
        margin: 0 -10px;
    }

    .good-kart-content .flex-wrap-2 > div {
        margin: 0 10px;
    }

    .flex-wrap-2 > div.tech-details-title {
        width: calc(75% - 20px);
        border-bottom: none;
    }

    .flex-wrap-2 > div.tech-details {
        width: calc(25% - 20px);
    }

    .popup {
        padding: 50px 60px;
        min-height: 303px;
    }

    .order-total-info div {
        font-size: 14px;
    }

    .order-total-price .flex-row > div:last-child {
        flex: 1;
        width: auto;
    }

    .gallery-slider-nav .item {
        height: 40px;
    }

    .prd-card .prd-title {
        height: auto;
        display: none;
    }

    .prd-card .prd-title2 {
        display: block;
        clear: both;
    }

    .prd-card:after {
        content: ' ';
        clear: both;
    }

    .main .tabs-block .txt-center {
        margin-top: 20px;
    }

    /* ============================================================================================ */
    .lk-item {
        height: 307px;
    }

    .lk-wrap .flex-wrap-3 > div {
        width: 100%;
        margin: 0 0 30px;
    }

    .lk-item .img {
        height: 108px;
    }

    .lk-item-bottom .img {
        height: 90px;
    }

    .lk-item h4 {
        font-size: 18px;
    }

    .lk-wrap .basket-table div, .lk-wrap .basket-table p {
        font-size: 14px;
    }

    .lk-wrap .basket-table .left-block {
        width: 100%
    }

    .lk-wrap .basket-table .left-block {
        display: block;
    }

    .lk-wrap .basket-table .right-block {
        display: block;
        margin-left: 100px;
        width: calc(100% - 100px);
    }

    .basket-table .right-block > div:last-child {
        margin: 0;
        position: relative;
        top: auto;
        right: auto;
        text-align: left;
    }

    .lk-wrap .basket-table .img {
        height: 80px;
        width: 80px;
        margin-right: 20px;
        float: left;
    }

    .lk-wrap .basket-table .item {
        min-height: 120px;
    }

    .lk-wrap .basket-table .btn {
        font-size: 14px;
        padding: 8px 20px;
        height: auto;
        width: auto;
    }

    .lk-wrap .basket-table .num, .lk-wrap .basket-table .btn svg {
        display: none;
    }

    .basket-table.favorites .btn-reset-block {
        bottom: 28px;
    }

    #side-menu-content {
        top: 73px;
        left: 0;
    }

    #side-menu-content::before {
        content: '';
        position: absolute;
        right: 34px;
        top: -20px;
        border: 10px solid transparent;
        border-bottom: 10px solid #FFFFFF;
    }

    .side-menu {
        width: 100%;
    }

    .goods-wrap > .left-block, .goods-wrap__top {
        height: auto;
    }

    .list-item .num {
        width: 20px;
    }

    .list-item div {
        font-size: 14px;
        line-height: 20px;
    }

    .list-item .img {
        height: 66px;
        width: 66px;
        margin-right: 16px;
    }

    .list-item h5 {
        font-size: 18px;
        margin: 0 0 40px;
    }

    .goods-wrap__bottom, .goods-wrap__bottom .pagination-box {
        margin-left: 0;
    }

    .list-item .text {
        margin-left: -102px
    }

    .pagination-box {
        display: block;
    }

    .pagination-box .btn {
        width: auto;
    }

    .pagination-box ul.crumbs {
        margin-top: 40px;
    }

    .pagination-box ul.crumbs a {
        height: 43px;
        width: 43px;
    }

    .goods-wrap ul.crumbs li, .goods-wrap ul.crumbs li a {
        font-size: 16px;
    }

    .btn {
        font-size: 14px;
    }

    .payment-price {
        font-size: 24px;
    }

    .payment-price svg {
        margin-left: 10px;
        width: 10px;
    }

    .payment-block-top img {
        height: 16px;
    }

    .payment-block-inner {
        padding: 18px;
    }

    .payment-block h5 {
        font-size: 18px;
    }

    .payment-block .flex-wrap-2 {
        margin: 0 -5px;
    }

    .payment-block .flex-wrap-2 > div {
        margin: 0 5px;
        width: calc(50% - 10px);
    }

    .payment-block .checkbox label > div {
        display: flex;
    }

    .payment-block .flex-wrap-2.payment-block-bottom {
        margin-top: 10px;
    }

    .payment-logos img {
        width: 46px;
    }

    .thanks-block {
        align-items: flex-start;
        background-size: 350%;
        background-position: center 0;
    }

    .thanks-block-inner {
        width: 100%;
        margin: 50px 50px 0;
    }

    .thanks-block .title {
        font-size: 28px;
    }

    .thanks-block .subtitle {
        font-size: 18px;
    }

    .good-kart-slider-right .good-kart-slider .item {
        padding: 20px;
    }

    .good-kart-slider-nav .item {
        padding: 8px;
    }

    .contacts-wrap h3, .contacts-wrap h3.map {
        margin: 0;
        font-size: 16px;
    }

    .contacts-wrap > .left-block > div {
        font-size: 12px;
        line-height: 20px;
    }

    .map-wrap .search-form-input, .map-wrap .custom-select {
        margin-bottom: 15px;
    }

    #map {
        height: 280px;
    }

    .tab-links.good-kart-links {
        margin: 30px 0;
    }

    .info-item-color .modal-wrap > a {
        width: 100%;
        text-align: center;
        padding: 14px 0;
    }

    .modal-wrap {
        width: 100%;
    }

    .tooltip.help .ui-tooltip-content::before {
        border-bottom: 13px solid #E5E5E5;
        border-left-color: transparent;
        top: -26px;
        left: calc(50% - 6.5px);
    }

    .modal-popup {
        width: calc(100% - 60px);
        top: 30px;
        left: 30px;
        bottom: 30px;
        right: 30px;
        margin-left: 0;
        margin-top: 0;
        padding: 30px 10px 10px;
    }

    .modal-popup .good-kart-details-color .radio {
        width: calc(100% / 5 - 4px);
    }

    .params .tooltip .tooltip-text {
        bottom: 58px;
        white-space: normal;
    }

    .news-wrap {
        margin: 0;
    }

    .news-wrap > .news-card {
        width: 100%;
        margin: 0 0 20px;
    }

    .slider .item .text {
        font-weight: 400;
    }

    .catalog-block .flex-wrap-4 {
        margin: 0;
    }

    .catalog-item .img {
        height: 137px;
    }

    .catalog-title {
        height: 42px;
        line-height: 42px;
    }

    .gallery-slider .item {
        height: 200px;
        display: flex;
        align-items: center;
    }

    .gallery-slider .item, .gallery-slider-nav .item {
        margin: 0 4px;
    }

    .gallery-slider .item img {
        width: 100%;
        height: auto;
    }

    .map-wrap .search-form-input {
        height: 40px;
    }

    .map-wrap .search-form-input button {
        width: 40px;
    }

    .contacts-wrap > .left-block {
        display: block;
    }

    .contacts-wrap > .left-block > div {
        margin: 0 0 20px;
    }

    .good-kart-details .btn-bordered {
        margin-bottom: 10px;
    }

    .breadcrumbs-box ul.crumbs {
        flex-wrap: wrap;
        white-space: break-spaces;
    }

    .breadcrumbs-box ul.crumbs li:after {
        content: '/';
        display: inline;
        margin-left: 15px;
    }

    .breadcrumbs-box ul.crumbs li:last-child:after {
        displaY: none;
    }

}

@media screen and (max-width: 684px) {
     .header__logo {
         position: absolute;
         left: 55px;
     }
}

@media screen and (max-width: 539px) {
    .prd-wrap .prd-card .price-box, .prd-wrap .prd-link-wrap {
        left: 167px;
    }

    .prd-wrap .prd-card .price-box {
        flex-wrap: wrap;
    }

    .prd-card .img-box {
        margin-bottom: 16px;
    }

    .prd-wrap .prd-link-wrap {
        top: 35px;
    }

    .prd-link {
        margin: 0 0 10px;
    }
}

@media screen and (max-width: 539px) {
    .prd-wrap .prd-card .prd-buttons {
        clear: both;
        padding-top: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 494px) {
    .header__logo img {
        height: 16px;
    }
}

@media screen and (max-width: 440px) {
    .header__logo img {
        height: 13px;
    }
    .header__top .header__social {
        gap: 8px;
        right: 46px;
    }

    .header__social  a:nth-child(1) svg,
    .header__social  a:nth-child(2) svg {
        width:16px;
        height:16px;
    }

    .header__social  a:nth-child(3) img {
        width: 22px;
    }

    .header .lk > a {
        height: 20px;
        width: 19px;
        top: 2px;
    }


}