/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 1910px) {
    .item-select__value {
        padding: 0 8px;
        gap: 10px;
    }
    .item-select__value {
        height: 37px;
    }
}
@media only screen and (max-width : 1800px) {
    .slider-catalog .slick-slide {
        padding: 10px;
    }
    .slider-catalog .slick-list {
        margin: -10px;
    }
    .container {
        padding-right: 40px;
    }
    .item-catalog {
        padding: 6px;
    }
    .item-catalog__title {
        font-size: 13px;
    }
    .availability-catalog {
        font-size: 12px;
    }
    .item-catalog__prices {
        padding-top: 12px;
    }
    .sidebar {
        width: 320px;
        padding: 28px;
        padding-right: 15px;
        padding-bottom: 27px;
    }
    .wrapper {
        padding-left: 320px;
    }
    .wrapper + .footer {
        margin-left: 320px;
    }
    .menu > li > a {
        padding: 11px;
        gap: 8px;
        font-size: 13px;
    }
    .menu__icon {
        width: 20px;
        height: 22px;
    }
    .price-main {
        font-size: 13px;
    }
    .price-old {
        font-size: 12px;
    }
    .item-catalog .btn-main {
        height: 31px;
        font-size: 11px;
    }
    .btn-main.btn-main_add {
        font-size: 13px;
    }
    .status-badge {
        top: 10px;
        left: 6px;
        padding: 2px 8px;
        font-size: 11px;
    }
    .btn-like {
        width: 36px;
        height: 36px;
        top: 2px;
        right: 2px;
    }
    .btn-like::after, .btn-like::before {
        width: 18px;
        height: 18px;
    }
    .catalog-wrapper {
        gap: 25px;
    }
    .basket-sidebar__content {
        padding: 8px;
        width: 295px;
    }
    .catalog-wrapper.active .catalog-content {
        width: calc(100vh - 295px);
    }
    .catalog-wrapper.active .basket-sidebar {
        width: 295px;
    }
    .item-basket {
        padding: 4px 0;
        font-size: 12px;
    }
    .basket-sidebar__title {
        font-size: 18px;
        padding-bottom: 6px;
        margin-bottom: 3px;
    }
    .basket-sidebar__close {
        width: 16px;
        height: 16px;
        top: 11px;
        right: 13px;
    }
    .total-basket {
        font-size: 14px;
        gap: 6px;
    }
    .total-basket .btn-main {
        padding: 0 14px;
        height: 38px;
        font-size: 12px;
    }
    .item-basket__number {
        font-size: 14px;
    }
    .remove-basket {
        font-size: 15px;
    }
    .item-basket__content {
        padding-right: 10px;
        gap: 8px;
    }
    .quantity-button {
        width: 20px;
    }
    .slick-arrow {
        width: 33px;
        height: 33px;
        font-size: 14px;
    }
    .title-section {
        font-size: 28px;
        margin-bottom: 26px;
    }
    .contacts__map {
        margin-right: 10px;
    }
    .location-contact__head {
        padding: 20px 20px;
        font-size: 17px;
    }
    body {
        font-size: 14px;
    }
    .location-contact__content {
        padding: 20px 20px;
        padding-top: 0;
    }
    #map {
        height: 400px;
    }
    .footer__nav_big, .footer__title {
        font-size: 14px;
    }
    .footer {
        font-size: 13px;
    }
    .phone-main {
        font-size: 14px;
    }
    .footer .phone-main {
        margin: 22px 0;
    }
    .footer__right .btn-main {
        font-size: 14px;
        margin-top: 28px;
        padding: 0 20px;
        height: 40px;
    }
    .footer .logo img {
        width: 200px;
    }
    .logo img {
        width: 210px;
    }
    .sidebar__top {
        margin-bottom: 35px;
    }
    .slider-partners {
        padding: 0 40px;
    }
    .item-partner {
        height: 125px;
    }
    .slider-accordion {
        gap: 10px;
    }
    .title-small {
        font-size: 17px;
    }
    .item-accordion__number {
        width: 48px;
        height: 48px;
        margin-bottom: 5px;
        font-size: 20px;
    }
    .item-accordion__head {
        padding: 25px 0;
        width: 95px;
    }
    .item-accordion__inner {
        padding: 37px 25px;
    }
    .item-accordion__inner .title-small {
        margin-bottom: 28px;
    }
    .row.row_advantages > div {
        padding: 0 12px;
        margin-top: 22px;
    }
    .row.row_advantages {
        margin: 0 -12px;
    }
    .item-advantage {
        padding: 22px 23px;
    }
    .item-advantage__head {
        margin-bottom: 18px;
        gap: 13px;
    }
    .icon-page {
        height: 48px;
        width: 48px;
        padding: 7px;
    }
    .billbord__block .title-small {
        max-width: 334px;
    }
    .title-big {
        font-size: 29px;
    }
    .billbord__block .title-big {
        max-width: 680px;
        margin-bottom: 25px;
    }
    .billbord__block {
        height: 540px;
        padding: 70px;
    }
    .billbord__block .btn-main {
        height: 54px;
        font-size: 14px;
        padding: 0 24px;
    }
    .slider-billbord .slick-dots {
        bottom: 29px;
        padding-left: 67px;
    }
    .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 4px;
    }
    .slick-dots li button {
        width: 10px;
        height: 10px;
    }
    .nav {
        gap: 8px;
    }
    .header-search {
    margin: 0 28px;
    }
    .header__center {
        gap: 30px;
    }
    .btn-main {
        height: 52px;
        padding: 0 30px;
        font-size: 13px;
    }
    .header {
        padding: 14px 0;
        font-size: 13px;
    }
    .header-buttons {
        gap: 11px;
    }
    .btn-header {
        width: 42px;
        height: 42px;
    }
    .btn-header img {
        width: 21px;
    }
    .open-search, .btn-search {
        font-size: 21px;
        height: 42px;
        width: 42px;
    }
    .location-main__value {
        gap: 8px;
    }
    .header-search input {
        height: 55px;
    }
    .header-search.active .header-search__form {
        width: 535px;
    }
    .menu__dropdown {
        padding: 12px 20px;
        font-size: 13px;
    }
    .title-card {
        font-size: 20px;
        margin-bottom: 24px;
        max-width: 700px;
    }
    .card-content {
        font-size: 13px;
        margin-left: -48px;
    }
    .feature__title {
        width: 51%;
    }
    .features-wrap {
        margin: 30px 0;
    }
    .quantity.quantity_main {
        width: 115px;
        height: 46px;
    }
    .quantity input {
        font-size: 15px;
        flex: 0.7;
    }
    .quantity.quantity_main .quantity-button {
        background-size: 22px auto;
    }
    .prices-card .price-main {
        font-size: 21px;
        min-width: 93px;
    }
    .prices-card {
        margin-bottom: 10px;
        gap: 16px;
    }
    .card-bottom .btn-main.btn-main_add,
    .card-actions .btn-main {
        height: 46px;
    }
    .card-actions {
        gap: 12px;
    }
    .article-card {
        padding: 7px 13px;
        margin-bottom: 11px;
    }
    .image-card {
        height: 376px;
    }
    .wrap-image-card .btn-like {
        top: 15px;
        right: 12px;
    }
    .tabs a {
        height: 48px;
        padding: 0 27px;
    }
    .tabs {
        margin-bottom: 20px;
    }
    .features-wrap_main {
        margin: 0;
    }
    .main-filter {
        gap: 3px;
    }
    .item-select {
        font-size: 12px;
    }
    .main-filter .btn-main {
        padding: 0 12px;
        height: 34px;
        font-size: 11px;
    }
    .item-select__value {
        padding: 0 6px;
        gap: 7px;
    }
    .view-catalog {
        margin-left: 50px;
    }
    .sorting-catalog .jq-selectbox__dropdown li, .sorting-catalog .jq-selectbox__select-text {
        font-size: 12px;
    }
    .catalog-wrapper.active .row.row_catalog > div {
        padding: 0 12px;
        margin-bottom: 25px;
    }
    .catalog-wrapper.active .row.row_catalog {
        margin: 0 -12px;
        margin-bottom: -25px;
    }
    .row.row_catalog > div {
        padding: 0 16px;
        margin-bottom: 25px;
    }
    .row.row_catalog {
        margin: 0 -16px;
        margin-bottom: -25px;
    }
    .pager {
        gap: 100px;
        margin-top: 38px;
    }
    .item-select__dropdown {
        padding: 18px 21px;
        width: 264px;
    }
    .radio-main, .checkbox-main {
        font-size: 13px;
    }
    .range-controls {
        margin-bottom: 7px;
        gap: 12px;
    }
    .range-controls input {
        height: 39px;
        padding: 0 13px;
        border-radius: 6px;
        font-size: 12px;
    }
    .breadcrumbs {
        padding-top: 18px;
        padding-bottom: 21px;
        font-size: 13px;
    }
    .item-catalog .features-wrap {
        font-size: 12px;
    }
    .item-catalog.item-catalog_list {
        gap: 17px;
        margin-bottom: 20px;
    }
    .item-catalog .features-wrap_main .feature__title {
        width: 36%;
    }
    .item-catalog__articul {
        font-size: 13px;
    }
    .item-catalog_list .item-catalog__image {
        height: 120px;
    }
    .item-catalog__left {
        padding-top: 14px;
        padding-right: 11px;
    }
    .item-catalog_unit .item-catalog__content {
        max-width: 463px;
    }
    .catalog-wrapper:not(.active) .item-catalog_unit .item-catalog__content .badges-wrap {
        margin-left: 19px;
    }

    .item-catalog-simple {
        padding: 8px 18px;
        gap: 15px;
        max-width: 640px;
        font-size: 13px;
    }
    .reviews-card {
        padding: 22px 20px;
        margin-top: 40px;
    }
    .item-review__date {
        font-size: 13px;
    }
    .reply-review {
        padding: 16px;
        padding-bottom: 0;
    }
    .form-reviews .btn-main {
        height: 37px;
        padding: 0 30px;
    }
    .checkbox {
        font-size: 12px;
    }
    .checkbox label > span {
        padding-left: 28px;
    }
    .descr-about {
        font-size: 18px;
    }
    .text-about {
        font-size: 16px;
    }
    .billbord-about .breadcrumbs {
        padding-top: 32px;
        padding-bottom: 80px;
    }
    .billbord-about__content {
        max-width: 600px;
    }
    .billbord-about {
        padding: 0 65px;
        min-height: 550px;
    }
    .item-step {
        padding: 25px 22px;
        gap: 22px;
        margin-bottom: 22px;
    }
    .item-step__number {
        width: 48px;
        height: 48px;
        font-size: 20px;
    }
    .item-step__title {
        padding: 11px 0;
        margin-bottom: 20px;
        font-size: 18px;
    }
    .billbord-about_dealers .billbord-about__content {
        max-width: 550px;
    }
    .row.row_news > div {
        padding: 0 8px;
        margin-bottom: 16px;
    }
    .row.row_news {
        margin: 0 -8px;
        margin-bottom: -16px;
    }
    .item-news__content {
        min-height: 120px;
    }
    .item-news__title {
        font-size: 18px;
    }
    .item-news__date {
        font-size: 13px;
    }
    .page-news .pager {
        margin-top: 44px;
    }
    .slider-catalog .slick-prev {
        left: -13px;
    }
    .slider-catalog {
        padding-left: 15px;
    }
    .item-catalog__image {
        height: 135px;
    }
    .text-block {
        padding: 22px 24px;
        margin: 28px 0;
        font-size: 14px;
    }
    .article-content h2 {
        font-size: 18px;
        margin-top: 26px;
        margin-bottom: 16px;
    }
    .article-content {
        font-size: 13px;
    }
    .article-content img {
        margin: 26px 0;
    }
    .modal-wrap {
        width: 425px;
    }
    .personal-info .row > div {
        padding: 0 5px;
    }
    .personal-info .row {
        margin: 0 -5px;
    }
    .td-button {
        width: 210px;
    }
    .table-page table {
        font-size: 13px;
    }
    .checkbox-main.checkbox-main_page {
        font-size: 15px;
    }
    .checkbox-main.checkbox-main_page label > span span {
        font-size: 12px;
        margin-top: 5px;
        max-width: 155px;
    }
    .checkbox-main.checkbox-main_page label > span {
        padding-left: 35px;
    }
    .bottom-new-order .btn-main {
        height: 52px;
    }
    .payment-main {
        padding: 25px;
    }
    .personal-sale {
        padding: 14px 16px;
        gap: 16px;
        margin-top: 16px;
        font-size: 17px;
    }
    .personal-sale__value {
        font-size: 35px;
    }
    .row.row_personal > div {
        padding: 0 12px;
        margin-bottom: 24px;
    }
    .row.row_personal {
        margin: 0 -12px;
        margin-bottom: -24px;
    }
    .personal-info {
        padding: 25px;
    }
    .page-personal .jq-selectbox__dropdown {
        min-width: 166px;
    }
    .comment-wrap {
        padding: 16px;
    }
    .delivery-order {
        margin-top: 15px;
        gap: 60px;
    }
    .billbord-about_suppliers .breadcrumbs {
        padding-bottom: 120px;
    }
    .item-accordion {
        height: 300px;
    }
    .item-news {
        height: 330px;
    }
    .info-dropdown__head {
        padding: 15px;
        font-size: 18px;
    }
    .info-dropdown__content {
        padding: 15px;
        font-size: 12px;
    }
    .info-cart__value {
        font-size: 13px;
    }
    .info-cart__total {
        padding: 12px;
        padding-bottom: 9px;
        font-size: 18px;
    }
    .info-cart .btn-main {
        font-size: 11px;
    }
    .info-dropdown__content p {
        margin-bottom: 10px;
    }
    body .basket-checkout-block-btn {
        padding-left: 25px;
    }
    body .basket-checkout-block-total-price {
        padding-left: 17px;
    }
    body .basket-coupon-block-total-price-current {
        font-size: 26px;
    }
    body .basket-items-search-field,
    body .basket-coupon-section {
        width: 290px;
    }

    .table-basket table {
        font-size: 13px;
    }
    .table-basket table td,
    .table-basket table th {
        padding-left: 10px;
        padding-right: 10px;
    }
    .table-basket table th {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .table-basket table td:first-child {
        padding-right: 30px;
    }
    .name-basket-td {
        max-width: 230px;
    }
    .recommendations-basket {
        padding-top: 90px;
    }
    .recommendations-basket .title-section {
        padding-bottom: 25px;
    }
    .contacts-block .btn-main {
        font-size: 15px;
    }
    /*Информация о заказе*/
    .total-order {
        min-width: 305px;
    }
    .information-order_value {
        font-size: 12px;
    }
    .information-order__line {
        margin-bottom: 16px;
    }
    .information-order {
        margin-bottom: 65px;
    }
    .information-order__title {
        min-width: 210px;
    }
    .total-order__line {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .total-order .btn-main {
        margin-top: 10px;
    }

    .thanks-buttons {
    margin-top: 120px;
    }
    .thanks-buttons .btn-main {
        height: 50px;
        padding: 0 32px;
    }
    .thanks-buttons .btn-main.btn-main_default {
        padding: 0 38px;
    }
  .steps-suppliers .form-page .col-lg-6 .btn-main {
      margin-top: 7px;
}
}

@media only screen and (max-width : 1500px) {
    .sidebar {
        width: 275px;
        padding: 16px;
        padding-right: 10px;
        padding-bottom: 24px;
    }
    .wrapper {
        padding-left: 275px;
    }
    .wrapper + .footer {
        margin-left: 275px;
    }
    .container {
        padding-right: 30px;
    }
    .header {
        padding: 14px 0;
        font-size: 11px;
    }
    .phone-main {
        font-size: 12px;
    }
    .header__center {
        gap: 20px;
    }
    .nav {
        gap: 6px;
    }
    .header-search {
        margin: 0 22px;
    }
    .header__right {
        gap: 12px;
    }
    .header-buttons {
        gap: 7px;
    }
    .btn-header {
        width: 36px;
        height: 36px;
    }
    .btn-header img {
        width: 18px;
    }
    .open-search, .btn-search {
        height: 36px;
        width: 36px;
    }
    .btn-search i, .open-search i {
        font-size: 14px;
    }
    .header .btn-main {
        padding: 0 13px;
        height: 37px;
    }
    .btn-main {
        height: 48px;
        padding: 0 26px;
        font-size: 12px;
    }
    .menu > li > a {
        padding: 10px;
        gap: 5px;
        font-size: 12px;
    }
    .billbord__block {
        height: 440px;
        padding: 50px;
        padding-bottom: 70px;
    }
    .title-big {
        font-size: 27px;
    }
    body {
        font-size: 13px;
    }
    .title-small {
        font-size: 15px;
    }
    .item-accordion__inner {
        padding: 30px 15px;
    }

    .slider-catalog .slick-slide {
        padding: 5px;
    }
    .slider-catalog .slick-list {
        margin: -5px;
    }
    .basket-sidebar__title {
        font-size: 16px;
    }
    .catalog-wrapper.active .slider-catalog .slick-slide {
        padding: 3px;
    }
    .catalog-wrapper.active .slider-catalog .slick-list {
        margin: -3px;
    }
    .basket-sidebar__content,
    .catalog-wrapper.active .basket-sidebar {
        width: 265px;
    }
    .catalog-wrapper {
        gap: 15px;
    }
    .title-section {
        font-size: 25px;
        margin-bottom: 24px;
    }
    .total-basket {
        font-size: 12px;
        gap: 4px;
    }
    .total-basket .btn-main {
        padding: 0 12px;
        height: 35px;
        font-size: 11px;
    }
    .total-basket .btn-main {
        padding: 0 12px;
        height: 35px;
        font-size: 11px;
    }
    .location-contact__head {
        font-size: 15px;
        padding: 15px;
    }
    .location-contact__content {
        padding: 15px;
        padding-top: 0;
    }
    #map {
        height: 350px;
    }
    .footer__wrapper {
        gap: 50px;
    }
    .header-search.active .header-search__form {
        width: 400px;
    }
    .header-search input {
        height: 50px;
    }
    .menu__dropdown {
        padding: 10px 16px;
        font-size: 12px;
        margin-top: 6px;
    }
    .menu__dropdown li {
        margin-bottom: 9px;
    }
    .title-card {
        font-size: 17px;
        margin-bottom: 22px;
        max-width: 589px;
    }
    .card-content {
        font-size: 11px;
    }
    .feature__title {
        width: 48%;
    }
    .quantity.quantity_main {
        width: 100px;
        height: 40px;
    }
    .card-actions {
        gap: 6px;
    }
    .card-bottom .btn-main.btn-main_add, .card-actions .btn-main {
        height: 40px;
    }
    .features-wrap {
        margin: 20px 0;
    }
    .image-card {
        height: 330px;
    }
    .breadcrumbs {
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 13px;
    }
    .breadcrumbs li::after {
        margin: 0 5px;
    }
    .main-filter {
        gap: 5px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .main-filter .btn-main {
        margin: 0;
    }
    .catalog-wrapper.active .col-catalog {
        width: 25%;
    }
    .catalog-wrapper.active .col-catalog:nth-child(25) {
        display: none;
    }
    .pager {
        gap: 70px;
        margin-top: 34px;
    }
    .item-select {
        flex-grow: initial;
    }
    .item-select__value {
        padding: 0 10px;
        gap: 14px;
    }
    .item-catalog .features-wrap {
        font-size: 10px;
    }
    .item-catalog.item-catalog_list {
        gap: 5px;
    }
    .item-catalog_list .features-wrap_main .feature__value {
        max-width: 200px;
    }
    .item-catalog .features-wrap {
        max-width: 360px;
    }
    .item-catalog__left {
        width: 19%;
    }
    .item-catalog__info {
        width: 22%;
    }
    .catalog-wrapper:not(.active) .item-catalog__info {
        width: 33%;
    }
    .item-catalog_unit .item-catalog__content {
        max-width: 320px;
    }
    .catalog-wrapper:not(.active) .item-catalog_unit .item-catalog__content .badges-wrap {
        margin-left: 7px;
    }
    .item-catalog_unit .item-catalog__left {
        gap: 8px;
    }
    .item-catalog_unit .item-catalog__info {
        width: 40%;
    }
    .item-catalog-simple {
        max-width: 585px;
    }
    input.form-control,
    .item-form input {
        height: 50px;
    }
    .form-reviews__title {
        font-size: 18px;
    }
    .billbord-about {
        padding: 0 40px;
        min-height: 500px;
    }
    .descr-about {
        font-size: 17px;
    }
    .text-about {
        font-size: 15px;
    }
    .billbord-about__content {
        max-width: 558px;
    }
    .advantages .row.row_advantages > div {
        margin-bottom: 8px;
        padding: 0 4px;
        margin-top: 0;
    }
    .advantages .row.row_advantages {
        margin: 0 -4px;
        margin-bottom: -8px;
    }
    .advantages .item-advantage__head {
        margin-bottom: 12px;
        gap: 8px;
    }
    .advantages .item-advantage {
        padding: 18px 15px;
    }
    .advantages {
        padding-top: 42px;
        padding-bottom: 50px;
    }
    .item-step__title {
        padding: 9px 0;
        margin-bottom: 15px;
        font-size: 17px;
    }
    .billbord-about_dealers .billbord-about__content {
        max-width: 515px;
    }
    .title-form {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .form-page {
        padding: 17px;
        padding-top: 21px;
        padding-bottom: 22px;
    }
    .row.row_news > div {
        padding: 0 5px;
        margin-bottom: 16px;
    }
    .row.row_news {
        margin: 0 -5px;
        margin-bottom: -16px;
    }
    .item-news__title {
        font-size: 15px;
    }
    .item-news__date {
        font-size: 12px;
        padding: 8px 12px;
    }
    .item-news__content {
        min-height: 105px;
    }
    .item-news {
        height: 310px;
        padding: 14px 18px;
    }
    .page-news .pager {
        margin-top: 40px;
    }
    .text-block {
        padding: 20px;
        margin: 25px 0;
        font-size: 13px;
    }
    .table-page td, .table-page th {
        padding: 12px;
    }
    .table-page td {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .table-page table {
        font-size: 12px;
    }
    .order-button {
        padding-top: 30px;
    }
    .order-button .btn-main {
        height: 42px;
        padding: 0 35px;
    }
    .row.row_personal > div {
        padding: 0 6px;
        margin-bottom: 12px;
    }
    .row.row_personal {
        margin: 0 -6px;
        margin-bottom: -12px;
    }
    .personal-sale {
        padding: 12px;
        gap: 15px;
        font-size: 15px;
    }
    .personal-sale__value {
        font-size: 33px;
    }
    .delivery-order {
        gap: 20px;
    }
    .comment-wrap {
        width: 55%;
    }
    .total-order-wrap {
        padding-bottom: 0;
    }

    .advantages-suppliers .row.row_advantages > div {
        padding: 0 7px;
        margin-bottom: 14px;
    }
    .advantages-suppliers .row.row_advantages {
        margin: 0 -7px;
        margin-bottom: -14px;
    }
    .advantages-suppliers {
        padding-top: 35px;
        padding-bottom: 65px;
    }
    .steps-suppliers {
        padding: 35px 15px;
        padding-bottom: 60px;
    }
    .steps-suppliers .title-big {
        font-size: 25px;
        margin-bottom: 25px;
    }
    .step-supplier {
        gap: 25px;
        font-size: 17px;
        max-width: 605px;
    }
    .steps-suppliers .form-page {
        margin-left: 75px;
        margin-top: 30px;
        margin-bottom: 35px;
        padding: 22px 25px;
        max-width: 725px;
    }
    .steps-suppliers .form-page::before {
        left: -55px;
    }
    body .basket-checkout-block-btn {
        padding-left: 25px;
    }
    .dropdown-city__title {
        font-size: 14px;
        margin-bottom: 16px;
    }
    .list-cities a {
        height: 34px;
    }
    .modal-city__content {
        width: 740px;
        padding: 25px;
    }
    .nav a {
        height: 35px;
        padding: 0 11px;
    }
    .wrapper_catalog .header__wrapper {
        gap: 30px;
    }
    .info-cart__content {
        padding: 18px 10px;
        font-size: 11px;
    }
    .info-cart__item {
        margin-bottom: 12px;
    }
    .info-cart__title {
        margin-bottom: 6px;
    }
    .info-cart__value {
        font-size: 10px;
    }
    .info-cart__total {
        padding: 10px;
        padding-bottom: 8px;
        font-size: 15px;
    }
    .info-cart__total strong {
        margin-left: 7px;
    }
    .info-cart .btn-main {
        margin-top: 10px;
    }
    .info-dropdown__head {
        padding: 10px;
        font-size: 15px;
    }
    .info-dropdown__content {
        padding: 10px;
        padding-top: 0;
        font-size: 11px;
    }
    .info-dropdown__content p {
        margin-bottom: 11px;
    }
    body .basket-btn-checkout {
        height: 45px;
        padding: 0 20px;
    }
    .basket-checkout-block-total {
        display: none;
    }
    body .basket-items-search-field, body .basket-coupon-section {
        width: 260px;
    }
    body .basket-item-info-name-link {
        font-size: 16px;
    }
    .basket-item-info-name, .basket-item-info-name-link {
        padding: 0 10px 0 0;
    }
    body .basket-items-list-item-amount {
        padding: 0 11px;
    }
    body .basket-items-list-item-remove {
        padding-left: 25px;
    }
    body .basket-item-actions-remove {
        font-size: 19px;
    }
    body .basket-items-list {
        padding: 0;
    }
    body .basket-item-price-current-text {
        font-size: 17px;
    }

    .table-basket table {
        font-size: 12px;
    }
    .table-basket table td, .table-basket table th {
        padding-left: 5px;
        padding-right: 5px;
    }
    .name-basket-td {
        max-width: 128px;
    }
    .table-basket table .checkbox-main {
        margin-right: 0;
    }
    .table-basket table td:first-child {
        padding-right: 25px;
        padding-left: 7px;
    }
    .recommendations-basket {
        padding-top: 70px;
    }
    .recommendations-basket .title-section {
        padding-bottom: 20px;
    }

    .contacts-block {
        padding: 27px 25px;
        margin-right: 33px;
    }
    .contacts-block .btn-main {
        height: 38px;
        font-size: 13px;
        padding: 0 21px;
    }
    .thanks-buttons {
        margin-top: 90px;
    }
    .thanks-buttons .btn-main {
        height: 45px;
        padding: 0 28px;
    }
    .thanks-buttons .btn-main.btn-main_default {
        padding: 0 32px;
    }
      .steps-suppliers .form-page .col-lg-6 .btn-main {
        margin-top: 6px;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .sidebar {
        display: none;
    }
    .wrapper {
        padding-left: 0;
    }
    .wrapper + .footer {
        margin-left: 0;
    }
    .header-search.active .header-search__form {
        width: 410px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .header__center {
        display: none;
    }
    .slider-accordion {
        display: block;
    }
    .container {
        padding-right: 15px;
    }
    .item-accordion {
        height: auto;
    }
    .catalog-wrapper {
        display: block;
    }
    .basket-sidebar {
        display: none;
    }
    .slider-catalog .slick-next {
        right: 0;
    }
    .slider-catalog .slick-arrow {
        top: 110px;
        transform: none;
    }
    .head-section {
        margin-bottom: 20px;
        display: block;
    }
    .head-section .title-section {
        margin-bottom: 15px;
    }
    .item-partner {
        height: 100px;
    }
    .contacts__map {
        margin-right: 0;
        margin-bottom: 20px;
    }
    #map {
        height: 350px;
    }
    .contacts__locations {
        margin-left: 0;
    }
    .wrapper {
        overflow: hidden;
    }
    .partners {
        padding-bottom: 45px;
    }
    .billbord__block {
        height: 433px;
        padding: 25px;
        padding-bottom: 70px;
    }
    .title-big {
        font-size: 20px;
    }
    .billbord__block .title-small {
        max-width: 278px;
    }
    .slider-billbord .slick-dots {
        bottom: 25px;
        padding-left: 22px;
    }
    .slider-accordion {
        display: block;
    }
    .item-accordion {
        margin-bottom: 15px;
        margin-right: 0;
        height: auto;
        display: block;
    }
    .item-accordion__number {
        margin-bottom: 0;
    }
    .item-accordion__head .item-accordion__title {
        writing-mode: initial;
        text-orientation: initial;
        transform: none;
        text-align: left;
    }
    .item-accordion:first-child .item-accordion__content {
        display: block;
    }
    .item-accordion__content {
        width: 100%;
        display: none;
        overflow: initial;
        transition: initial;
    }
    .item-accordion__inner, .item-accordion.active .item-accordion__content {
        width: 100%;
    }
    .item-accordion__inner {
        padding: 0 15px;
        padding-bottom: 20px;
        transform: none !important;
        height: auto;
    }
    .item-accordion__text {
        max-height: initial;
        overflow: initial;
    }
    .item-accordion__top {
        display: none;
    }
    .item-accordion__head {
        padding: 15px 15px;
        gap: 20px;
        display: flex;
        align-items: center;
        flex-direction: row;
        width: 100%;
        display: flex;
        align-items: center;
    }
    .item-accordion.active .item-accordion__head .title-small {
        visibility: visible;
        opacity: 1;
    }
    .item-accordion__inner .title-small {
        margin-bottom: 14px;
    }
    .billbord {
        padding-bottom: 40px;
    }
    .header {
        padding: 15px 0;
        font-size: 13px;
    }
    .header__wrapper .location-main,
    .header__wrapper .phone-main {
        display: none;
    }
    .footer {
        padding-left: 0;
    }
    .footer__nav_big, .footer__title {
        font-size: 16px;
    }
    .col_footer {
        display: block;
    }
    .footer .row > div {
        margin-bottom: 20px;
    }
    .footer .row {
        margin-bottom: -20px;
    }
    .footer__wrapper {
        gap: 10px;
        justify-content: space-between;
    }
    .footer__bottom {
        margin: 0;
        font-size: 12px;
        margin-top: 30px;
        padding: 20px 0;
    }
    .logo img {
        width: 150px;
    }
    .header .logo {
        margin-right: auto;
    }
    .sandwich {
        display: flex;
    }
    .header__wrapper{ 
        gap: 7px;
    }
    .menu-mobile {
        width: 100%;
        top: 100%;
        left: 0;
        max-height: 100vh;
        padding: 15px 15px;
        padding-bottom: 70px;
        display: none;
        overflow: auto;
        background: #faf8f7;
        position: absolute;
    }
    .menu-overlay {
        top: 126px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.7);
        position: fixed;
        z-index: -1;
        display: none;
    }
    .no-scroll {
        overflow: hidden;
    }
    .nav {
        font-size: 15px;
        margin-bottom: 20px;
        display: block;
    }
    .header {
        font-size: 14px;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        width: 100%;
    }
    body .header {
        background: #fff;
    }
    .wrapper {
        padding-top: 66px;
    }
    .nav a {
        padding: 10px 10px;
        display: block;
        text-align: left;
        height: auto;
    }
    .nav li {
        margin-bottom: 10px;
    }
    .header-search {
        margin-bottom: 15px;
    }
    .header-search .header-search__form {
        position: relative;
        width: 100%;
        right: 0;
    }
    .menu-mobile .phone-main {
        font-size: 14px;
    }
    .open-search {
        display: none;
    }
    .menu-mobile__buttons {
        gap: 15px;
        flex-wrap: wrap;
        display: flex;
        align-items: center;
    }
    .btn-catalog-open {
        height: 50px;
        padding: 0 15px;
        margin-bottom: 15px;
        color: #333;
        font-weight: 500;
        border-radius: 6px;
        gap: 10px;
        background: #dfdfdf;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }
    .btn-catalog-open i.fa-chevron-right {
        margin-left: auto;
    }
    .sidebar {
        top: 66px;
        padding-bottom: 100px;
        left: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 900;
        background: #faf8f7;
    }
    .sidebar__top {
        display: none;
    }
    .sidebar__back {
        padding: 10px 0;
        font-size: 15px;
        font-weight: 500;
        gap: 15px;
        display: flex;
        align-items: center;
    }
    .nav a {
        border: none;
    }
    .menu > li > a {
        padding: 10px;
        gap: 9px;
        font-size: 14px;
    }
    .menu__dropdown {
        padding: 14px 18px;
        font-size: 13px;
    }
    .menu__dropdown li {
        margin-bottom: 12px;
    }
    .catalog-content {
        width: 100% !important;
    }
    .card-content {
        font-size: 13px;
        margin: 0;
    }
    .wrap-image-card {
        margin-right: 0;
        margin-bottom: 22px;
    }
    .tabs a {
        height: 40px;
        padding: 0 5px;
    }
    .tabs li {
        flex-grow: 1;
    }
    .features-wrap {
        font-size: 12px;
        line-height: 140%;
    }
    .features-wrap_main .feature__title {
        width: 55%;
    }
    .features-wrap_main .feature {
        align-items: flex-start;
    }
    .share-block {
        font-size: 13px;
    }
    .page-card {
        padding-bottom: 33px;
    }
    .image-card {
        height: 285px;
        padding: 20px;
    }
    .title-card {
        font-size: 18px;
    }
    .col-catalog {
        width: 50% !important;
    }
    .top-filter {
        gap: 15px;
        flex-wrap: wrap;
    }
    .view-catalog {
        margin: 0;
        margin-left: auto;
    }
    .btn-filter {
        display: flex;
        width: 100%;
    }
    .pager {
        justify-content: space-between;
    }

    .item-select {
        width: 48%;
    }
    .item-select__dropdown {
        left: 0;
        transform: none;
    }
    .item-select:nth-child(even) .item-select__dropdown {
        right: 0;
        left: auto;
    }
    .main-filter {
        gap: 11px;
    }
    .main-filter .btn-main {
        padding: 0 12px;
        height: 38px;
        font-size: 13px;
        width: 47%;
    }
    .item-catalog.item-catalog_list {
        flex-wrap: wrap;
    }
    .item-catalog__left {
        width: 48%;
        order: -1;
    }
    .item-catalog__content {
        flex: none;
        width: 100%;
    }
    .item-catalog__info {
        width: 48%;
        order: -1;
    }
    .item-catalog__articul {
        font-size: 12px;
    }
    .item-catalog .features-wrap {
        max-width: 100%;
    }
    .item-catalog_list .features-wrap_main .feature__value {
        max-width: 200px;
    }
    .item-catalog .features-wrap_main .feature__title {
        width: 45%;
    }
    .catalog-wrapper:not(.active) .item-catalog__info {
        width: 48%;
        display: block;
    }
    .item-catalog_unit .item-catalog__info {
        width: 49%;
        display: block;
    }
    .item-catalog_unit .item-catalog__buttons,
    .catalog-wrapper:not(.active) .item-catalog_unit .item-catalog__buttons {
        width: 100%;
    }
    .catalog-wrapper:not(.active) .item-catalog_unit .item-catalog__content .badges-wrap,
    .item-catalog__line .badges-wrap {
        position: relative;
        top: 0;
        left: 0;
    }
    .catalog-wrapper.active .slider-catalog {
        padding-left: 0;
    }
    .steps {
        padding-bottom: 40px;
    }
    .card-bottom {
        max-width: 100%;
    }
    .wrap-reviews {
        margin: 0;
    }
    .form-reviews__bottom {
        flex-direction: column-reverse;
    }
    .form-reviews .btn-main {
        height: 40px;
        width: 100%;
    }
    .checkbox {
        margin-top: 20px;
    }
    .billbord-about {
        padding: 0 15px;
    }
    .descr-about {
        font-size: 15px;
    }
    .text-about {
        font-size: 13px;
    }
    .billbord-about .breadcrumbs {
        padding-top: 25px;
        padding-bottom: 45px;
    }
    .advantages .item-advantage__head {
        margin-bottom: 14px;
        gap: 11px;
        align-items: center;
    }
    .advantages {
        padding-top: 35px;
        padding-bottom: 38px;
    }
    .row.row_main > div {
        margin-bottom: 22px;
    }
    .row.row_main {
        margin-bottom: -22px;
    }
    .item-step {
        display: block;
    }
    .item-step__content {
        width: 100%;
    }
    .item-step__image {
        width: 100%;
    }
    .page-steps {
        padding-bottom: 55px;
    }
    .advantages-dealers {
        padding-top: 36px;
        padding-bottom: 52px;
    }
    .steps-dealers .title-section {
        margin-bottom: 5px;
    }
    .steps-dealers__head {
        margin-bottom: 28px;
    }
    .steps-dealers {
        padding-bottom: 60px;
    }
    .page-contacts .contacts__locations {
        margin: 0;
    }
    .page-contacts .row .location-contact__item {
        margin-bottom: 20px;
    }
    .page-contacts .row > div:last-child .location-contact__item {
        margin-bottom: 0;
    }
    .form-page {
        padding: 20px;
        margin: 0;
        margin-top: 25px;
    }
    .item-news__content {
        padding: 15px;
    }
    .item-news__date {
        font-size: 13px;
    }
    .item-news__title {
        font-size: 16px;
    }
    .page-news .pager {
        margin-top: 30px;
    }
    .user-header__dropdown {
        visibility: visible;
        opacity: 1;
        transition: initial;
        display: none;
        z-index: 10;
    }
    .article-content {
        font-size: 14px;
    }
    .text-block {
        font-size: 14px;
        padding: 15px;
    }
    .article-content {
        padding-bottom: 20px;
    }
    .page-article .item-news:last-child {
        margin-bottom: 0;
    }
    .page-article .item-news {
        margin-bottom: 20px;
    }
    .advantages .row.row_advantages > div {
        margin-bottom: 15px; 
    }
    .advantages .row.row_advantages {
        margin-bottom: -15px;
    }
    .fancybox-slide {
        padding: 15px;
    }
    .modal-wrap {
        padding: 24px 18px;
    }
    .table-page {
        margin-right: -15px;
        padding-right: 15px;
        overflow: auto;
    }
    .table-page table {
        font-size: 14px;
        width: 1000px;
    }
    .table-page::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .table-page::-webkit-scrollbar:vertical {
        width: 3px;
    }
    .table-page::-webkit-scrollbar:horizontal {
        height: 3px;
     }
    .table-page::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 10px;
    }
    .table-page::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ccc;
    }
    .bottom-new-order {
        gap: 20px 15px;
        flex-wrap: wrap;
    }
    .delivery-order {
        gap: 15px;
    }
    .bottom-new-order .btn-main {
        height: 50px;
        padding: 0 35px;
    }
    .total-order-wrap {
        padding: 0;
        padding-top: 40px;
        display: block;
    }
    .total-order .btn-main {
        width: 100%;
    }
    .advantages-delivery .title-section {
        font-size: 22px;
    }
    .advantages-delivery {
        padding-top: 40px;
        padding-bottom: 45px;
    }
    .payment-main {
        padding: 20px;
    }
    .payment-main .item-advantage {
        padding-left: 0;
        padding-right: 0;
    }
    .item-select__value {
        height: 39px;
    }
    .sorting-catalog .jq-selectbox__select {
        gap: 9px;
    }
    .view-catalog {
        gap: 10px;
    }
    .sorting-catalog {
        gap: 6px;
    }
    .item-select__dropdown {
        width: 235px;
    }
    .item-catalog__title {
        font-size: 14px; 
    }
    .row.row_personal > div {
        margin-bottom: 20px;
    }
    .row.row_personal {
        margin-bottom: -20px;
    }
    .personal-sale {
        font-size: 16px;
    }
    .page-personal .sorting-catalog {
        gap: 15px 8px;
        margin-bottom: 31px;
        flex-wrap: wrap;
    }
    .page-personal .sorting-catalog .sorting-catalog__title {
        width: 100%;
        margin: 0;
    }
    .bottom-new-order {
        padding-top: 30px;
    }
    .bottom-new-order .btn-main,
    .order-button .btn-main {
        width: 100%;
        font-size: 14px;
        margin: 0;
    }
    .actions-new-order {
        display: block;
    }
    .comment-wrap {
        margin-top: 25px;
        width: 100%;
    }
    .delivery-order {
        margin-top: 0;
    }
    .sorting-catalog__item {
        width: 48%;
    }
    .sorting-catalog .jq-selectbox__dropdown li, 
    .sorting-catalog .jq-selectbox__select-text {
        font-size: 13px;
    }
    .page-personal {
        min-height: calc(100vh - 200px);
    }


    .billbord-about_suppliers .title-big {
        font-size: 38px;
    }
    .billbord-about_suppliers .breadcrumbs {
        padding-bottom: 100px;
    }
    .col-medium,
    .col-big {
        width: 100%;
    }
    .steps-suppliers {
        padding: 35px 0;
    }
    .steps-suppliers .form-page::before {
        display: none;
    }
    .steps-suppliers .form-page {
        margin: 25px 0;
    }
    .step-supplier__value {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }
    .step-supplier {
        gap: 14px;
        font-size: 14px;
    }
    .step-supplier br {
        display: none;
    }
    .col_checkbox {
        order: 2;
    }
    .steps-suppliers .form-page .checkbox {
        margin-top: 20px;
        justify-content: center;
    }
    body .basket-coupon-section {
        width: 100%;
    }   
    body .basket-checkout-block-total {
        min-width: initial;
        margin-right: auto;
    }
    body .basket-checkout-block-btn {
        padding-left: 0;
    }
    .header__wrapper .header-search {
        display: none;
    }
    .location-main {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .dropdown-city {
    bottom: 100%;
    top: auto;
    margin: 0;
    margin-bottom: 15px;
    }
    .modal-city__content {
        padding: 30px 20px;
        max-width: 100%;
        width: fit-content;
    }
    .modal-city .close-dropdown {
        top: 8px;
        right: 4px;
    }
    .list-cities a {
        height: 29px;
        padding: 0 10px;
        font-size: 12px;
    }
    .list-cities {
        gap: 4px;
    }
    .info-cart__content {
        padding: 20px 15px;
        font-size: 13px;
    }
    .info-cart__value {
        font-size: 12px;
    }
    .info-cart__total {
        padding: 15px;
        padding-bottom: 10px;
        font-size: 17px;
    }
    .info-cart .btn-main {
        font-size: 14px;
    }
    .info-dropdown__head {
        padding: 15px;
        font-size: 17px;
    }
    .info-dropdown__content {
        padding: 15px;
        font-size: 13px;
        padding-top: 0;
    }
    .sidebar-cart {
        padding-top: 20px;
        position: relative;
        top: 0;
    }
    .basket-checkout-block-total {
        display: block;
    }

    .table-basket table thead {
        display: none;
    }
    .table-basket table,
    .table-basket table tbody,
    .table-basket table tr,
    .table-basket table td,
    .table-basket table th {
        display: block;
        border: none;
    }
    .table-basket table td::before {
        width: 140px;
        content: attr(data-title) ":";
        flex: none;
    }
    .table-basket table td:first-child {
        padding-right: 0;
        padding-left: 0;
    }
    .table-basket table td:last-child::before {
        display: none;
    }
    .table-basket table tr {
        padding: 10px 0;
        border-bottom: 1px solid #c2c2c2;
        position: relative;
    }
    .table-basket table td {
        padding: 8px 0;
        display: flex;
        align-items: flex-start;
        position: static;
    }
    .table-basket table {
        font-size: 14px;
    }
    .wrap-td-code,
    .wrap-td-number {
        gap: 10px;
        display: flex;
        align-items: center;
    }
    .table-basket table .checkbox-main,
    .table-basket table .status-basket {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .table-basket .quantity input {
        text-align: left;
    }
    .table-basket .quantity {
        width: 54px;
    }
    .table-basket table td:last-child {
        padding: 0;
    }
    .remove-basket {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 15px;
        right: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
    }
    .name-basket-td {
        max-width: 100%;
    }
    .col-main {
        width: 50%;
    }
    .recommendations-basket {
        padding-top: 40px;
    }
    .hidden-mob {
        display: none !important;
    }
    .list-cities {
        max-height: 362px;
    }

    .contacts-block {
        margin-right: 0;
        padding: 20px 15px;
    }
    .contacts-block .title-small {
        margin-bottom: 20px;
        font-size: 17px;
    }
    .contacts-block__item:last-child,
    .contacts-block__item {
        margin-bottom: 25px;
    }
    .contacts-block .row > div:nth-child(2) {
        display: block;
    }
    .new-order-profile .item-select {
    width: 100%;
}
.new-order-profile {
    width: 100%;
}
.bottom-new-order .btn-main {
    margin-left: 0;
}
    /*Информация о заказе*/
    .information-order__title {
        min-width: 135px;
    }
    .information-order__line {
        margin-bottom: 11px;
    }
    .information-order {
        margin-bottom: 35px;
    }
    .total-order {
        min-width: initial;
    }

    .page-basket,
    .page-personal,
    .page-contacts,
    .page-article,
    .page-news,
    .payments-delivery,
    .reviews,
    .catalog,
    .contacts,
    .page-catalog {
        padding-bottom: 25px;
    }
    .steps-suppliers {
        margin-bottom: 25px;
    }
    .page-card .col-lg-8 .tabs {
        margin-right: -2px;
        margin-left: -2px;
        gap: 0;
    }
    .page-card .col-lg-8 .tabs li {
        flex-grow: initial;
        width: 50%;
        padding: 2px;
    }
    .page-card .col-lg-8 .features-wrap_main {
        margin-right: 0;
    }
        .wrapper_catalog .header__wrapper {
        gap: 5px;
    }
    .clear-basket-button {
        text-align: center;
    }
    .clear-basket-button .btn-main {
        width: 100%;
        padding: 0 10px;
    }
    .thanks-buttons {
        display: block;
    }
    .thanks-buttons .btn-main {
        margin-top: 10px;
        font-size: 14px;
        height: 52px;
        width: 100%;
        padding: 0 10px;
    }
    .thanks-buttons .btn-main.btn-main_default {
        padding: 0 10px;
    }
  .steps-suppliers .form-page .col-lg-6 .item-form .label_file {
    margin-top: -5px;
  }
    .steps-suppliers .form-page .col-lg-6 .btn-main {
        margin-top: 11px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    body .basket-items-list-item-remove {
        display: none !important;
    }
}
@media only screen and (max-width : 580px) {
    .basket-item-block-image {
        text-align: center;
    }
    body .basket-item-block-amount {
        margin: 0 auto;
        margin-bottom: 15px;
    }
    body .basket-items-list-item-price.basket-items-list-item-price-for-one {
        margin-right: auto !important;
    }
    body .basket-items-list-item-price-for-one +  .basket-items-list-item-price {
        margin-left: auto !important;
    }
    body .basket-items-list {
        padding: 0;
    }
    body .basket-item-info-name, 
    body .basket-item-info-name-link {
        padding-right: 0;
    }
    body .basket-item-image {
        margin: 0;
    }
    .basket-checkout-block {
        min-width: initial;
        width: initial;
    }
    body .basket-checkout-block-total-price {
        padding-left: 20px;
    }
    body .basket-coupon-block-total-price-current {
        font-size: 25px;
    }
    body .basket-checkout-container {
        padding: 15px 20px;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .show-mob,
    .menu-mobile {
        display: none !important;
    }

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .sidebar {
        display: block !important;
    }
}
@media (min-width: 1600px) {

}