/**
  Десктоп маленький
 */
/*.mdb-visible {
    display: none !important
}*/
.bp-visible {
  display: none;
}

.bp-f-hidden {
  display: none !important;
}

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

@media screen and (max-width: 1645px) {
  .bp-lots {
    &.bp-pagination {
      height: initial;
      margin-top: 0;
      padding-top: 15px;

      .pagination {
        justify-content: flex-start;
        padding: 0;
      }
    }
  }
}

@media screen and (max-width: 1429px) {
  .bp-lots {
    &.bp-tools {
      .bp-from {
        &.bp-from__tools {
          flex-wrap: wrap;

          .bp-content__filter {
            flex-basis: 49%;
            order: 1;
          }

          .bp-content__pagination {
            flex-basis: 100%;
            order: 3;
          }

          .bp-content__sorter {
            flex-basis: 49%;
            order: 2;
          }
        }
      }
    }
  }
}

/**
  Планшет горизонтальный
 */
@media screen and (max-width: 1279px) {
  .bp-container {
    .bp-row {
      &.bp-row_profile {
        margin-left: 0;
        margin-right: 0;
        padding: 0 15px;
      }
    }
  }
}

/**
  Планшет вертикальный
 */
@media screen and (max-width: 1023px) {
  .bp-row {
    &.bp-lg-nowrap {
      flex-wrap: nowrap;
    }

    &.bp-lg-justify-between {
      justify-content: space-between;
    }

    &.bp-lg-end {
      justify-content: flex-end;
    }

    &.bp-lg-center {
      justify-content: center;
    }
  }

  .bp-d-flex {
    &.bp-lg-f-wrap {
      flex-wrap: wrap;
    }

    &.bp-lg-f-between {
      justify-content: space-between;
    }

    &.bp-lg-f-around {
      justify-content: space-around;
    }

    &.bp-lg-f-start {
      justify-content: flex-start;
    }

    &.bp-lg-f-end {
      justify-content: flex-end;
    }

    &.bp-lg-f-center {
      justify-content: center;
    }

    &.bp-lg-f-index-0 {
      order: 0;
    }

    &.bp-lg-f-index-1 {
      order: 1;
    }

    &.bp-lg-f-index-2 {
      order: 2;
    }
  }

  .bp-single-lot {
    .bp-single-lot__body {
      .bp-body__main {
        width: 100%;
        padding-right: 0;
      }

      .bp-desc {
        margin-bottom: 10px;
      }

      .bp-body__gallery {
        width: 100%;
        padding-left: 0;
      }
    }
  }

  /*.mdb-visible {
          display: none !important
      }*/
  .bp-tabs-content {
    padding: 0 15px;
    margin-bottom: 30px;

    > div {
      display: block;
    }
  }
  .bp-visible {
    display: block;
  }

  .bp-hidden {
    display: none;
  }

  .bp-visible {
    &.spoiler-trigger {
      + .spoiler-block {
        display: none;

        &.active {
          display: block;
        }
      }
    }
  }

  .bp-spoiler-block {
    display: none;
    padding-top: 15px;

    &.active {
      display: block;
    }

    .bp-hidden {
      display: block;
    }
  }

  .bp-header {
    padding: 15px;
    min-height: initial;

    .bp-header__desc {
      text-align: center;
    }

    .bp-header__content {
      h1 {
        margin-top: 15px;
      }

      hr {
        margin: 15px auto;
      }
    }
  }
}

@media (max-width: 991px) {
  .bp-header .bp-header__content .title {
    font-size: 30px;
    line-height: 32px;
  }
  .bp-single-lot .bp-single-lot__body .bp-desc h1 {
    font-size: 30px;
    line-height: 32px;
  }
  .bp-container-fluid .bp-row.bp-single-page,
  .bp-container .bp-row.bp-single-page {
    height: auto;
  }

  .bp-header .bp-header__btn-group {
    margin-top: 10px;
  }

  .bp-lots {
    &.bp-tools {
      .bp-from {
        &.bp-from__tools {
          .bp-content__filter {
            flex-basis: 100%;
            order: 1;

            .bp-form__search,
            .bp-form_category {
              max-width: initial;
            }
          }

          .bp-content__pagination {
            flex-basis: 100%;
            order: 3;
          }

          .bp-content__sorter {
            flex-basis: 100%;
            order: 2;

            .bp-form_sorter {
              margin: 0 auto;
            }
          }
        }
      }
    }
  }
}

/**
  Мобильные устройства
 */
@media screen and (max-width: 767px) {
  .bp-row {
    &.bp-md-nowrap {
      flex-wrap: nowrap;
    }

    &.bp-md-justify-between {
      justify-content: space-between;
    }

    &.bp-md-end {
      justify-content: flex-end;
    }

    &.bp-md-center {
      justify-content: center;
    }
  }

  .bp-d-flex {
    &.bp-md-f-wrap {
      flex-wrap: wrap;
    }

    &.bp-md-f-between {
      justify-content: space-between;
    }

    &.bp-md-f-around {
      justify-content: space-around;
    }

    &.bp-md-f-start {
      justify-content: flex-start;
    }

    &.bp-md-f-end {
      justify-content: flex-end;
    }

    &.bp-md-f-center {
      justify-content: center;
    }

    &.bp-md-f-index-0 {
      order: 0;
    }

    &.bp-md-f-index-1 {
      order: 1;
    }

    &.bp-md-f-index-2 {
      order: 2;
    }
  }

  .modal__overlay__inner {
    padding: 60px 15px;

    .modal__close {
      right: 25px;
      top: 7px;
    }

    .bp-from {
      .bp-form-group {
        .bp-form-control {
          padding: 10px 20px;
        }
      }
    }

    .modal__footer {
      .modal_links {
        margin-top: 20px;
      }
    }
  }
  .bp-modal {
    .modal__container {
      width: auto;
      height: auto;
      padding: 35px;
    }
  }

  .bp-single-lot {
    .bp-single-lot__body {
      .bp-desc {
        font-size: 20px;
        line-height: 24px;
      }
    }
  }

  .bp-single-lot {
    .bp-control {
      .bp-control__title {
        font-size: 20px;
        margin-bottom: 10px;
      }
    }

    .bp-control__notice {
      padding: 10px 10px 10px 27px;

      .bp-title {
        font-size: 20px;
        line-height: 30px;
      }
    }
  }

  .bp-content {
    .bp-content__tool {
      flex-basis: 100%;
      justify-content: center;
    }

    .bp-content__filter {
      justify-content: center;
      max-width: 100%;
      margin-bottom: 15px;
    }
  }

  .bp-from {
    &.bp-form-tools {
      flex-wrap: wrap;

      .bp-form-tools__item {
        flex-basis: 100%;
        margin: 0 0 15px 0;

        &:last-child {
          margin-bottom: 0;
        }

        .bp-form-group {
          .bp-form-group__inner {
            margin: 0 auto;
          }
        }
      }
    }
  }

  .bp-lots {
    &.bp-tools {
      .bp-from {
        &.bp-from__tools {
          .bp-content__filter {
            margin-bottom: 0;
          }

          .bp-content__pagination {
          }

          .bp-content__sorter {
          }
        }
      }
    }
  }

  .bp-modal .modal__content .modal__content-overflow {
    max-height: 50vh;
  }

  .bp-modal.md-modal .modal__header .modal__title,
  .bp-modal.modal .modal__header .modal__title,
  .bp-modal .modal__subtitle {
    font-size: 24px;
  }

  .bp-modal {
    .modal__header {
      &.bp-mb-3 {
        margin-bottom: 1rem !important;
      }
    }

    .modal__content {
      &.bp-mb-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1rem !important;
      }
    }
  }

  .bp-d-flex.bp-f-nowrap {
    flex-wrap: wrap !important;
  }
  .bp-row .bp-col {
    &.bp-basis-33 {
      flex-basis: 100%;
    }

    &.bp-basis-66 {
      flex-basis: 100%;
    }
  }

  .bp_profile_page {
    .bp-lots {
      .bp-lot {
        display: block;

        .bp-lot__image {
          max-height: initial;
          padding-bottom: 78%;
        }

        .bp-lot__message {
          .bp-lot__message-inner {
            margin: 4px 0;
          }
        }

        .bp-lot__wrp-image {
          padding-top: 78%;
        }

        .bp-lot__content {
          display: block;

          .bp-lot__content_inner {
            height: auto;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 680px) {
  .bp-lots {
    .bp-lot {
      max-width: 275px;
      margin: 0 5px 20px 5px;
      padding: 7px;

      &.bp-lot__large {
        margin: 0 12px 20px;
      }

      .bp-lot__tool {
        width: 100%;
      }

      .bp-lot__wrp-imag {
        padding-top: 70%;
      }
    }
  }
  .modal__footer {
    &.bp-d-flex {
      flex-wrap: wrap;

      > .bp-d-flex {
        flex-basis: 100%;
        margin-top: 7px;

        &:first-child {
          order: 2;
        }

        &:last-child {
          order: 1;
        }
      }
    }
  }
}

@media screen and (max-width: 576px) {
  .bp-row {
    &.bp-sm-nowrap {
      flex-wrap: nowrap;
    }

    &.bp-sm-justify-between {
      justify-content: space-between;
    }

    &.bp-sm-f-start {
      justify-content: flex-start;
    }

    &.bp-sm-end {
      justify-content: flex-end;
    }

    &.bp-sm-center {
      justify-content: center;
    }
  }

  .bp-d-flex {
    &.bp-sm-f-wrap {
      flex-wrap: wrap;
    }

    &.bp-sm-f-between {
      justify-content: space-between;
    }

    &.bp-sm-f-around {
      justify-content: space-around;
    }

    &.bp-sm-f-end {
      justify-content: flex-end;
    }

    &.bp-sm-f-center {
      justify-content: center;
    }

    &.bp-sm-f-index-0 {
      order: 0;
    }

    &.bp-sm-f-index-1 {
      order: 1;
    }

    &.bp-sm-f-index-2 {
      order: 2;
    }
  }

  .bp-header__btn-group {
    .bp-btn {
      flex-basis: 100%;
      margin-bottom: 15px;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  .modal__overlay__inner {
    .bp-stripe-block2 {
      margin-bottom: 0.5rem;

      .bp-btn {
        &.bp-btn-default {
          width: 100%;
          padding: 7px;
        }
      }

      .bp-d-flex.bp-gap-1 {
        gap: 0.5rem;
      }
    }

    footer {
      .bp-btn {
        width: 100%;
        //padding: 7px;
        &.bp-btn-default {
        }
      }
    }
  }

  .bp-single-lot {
    .bp-control {
      .bp-form-group__inline {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;

        &:last-child {
          margin-bottom: 0;
        }
      }
    }

    .bp-btn-default {
      width: 100%;
    }
  }

  .bp-lots {
    .bp-lot {
      max-width: 225px;

      .bp-lot__wrp-image {
        padding-top: 100%;
      }

      .bp-lot__title {
        p {
          line-height: 16px;
        }
      }
    }

    &.bp-tools {
      .bp-content__sorter {
        max-width: initial;
      }
    }
  }

  .bp-from {
    &.bp-from__tools {
      max-width: initial;
    }
  }

  .bp-lots {
    .pagination {
      padding: 0 30px;

      .nav-links {
        margin: 0;
        width: 100%;
        flex-wrap: nowrap;
        display: flex;

        .page-numbers {
          display: none;
          flex-basis: 100%;
          flex-grow: 1;

          &.prev,
          &.next,
          &.current {
            display: block;
          }
        }
      }
    }
  }

  .bp-padding-text {
    padding: 0 30px;
  }

  .buyout-block {
    flex-wrap: wrap;

    .buyout-block__inner {
      flex-basis: 100%;
      max-width: initial;
      width: 100%;
      flex-wrap: wrap;
      margin-bottom: 10px;
    }

    .buyout-block__btn {
      width: 100%;
      flex-grow: 1;
      flex-basis: 100%;
    }
  }

  .bp-single-lot {
    .bp-control__notice {
      &.bp-control__notice-mod {
        flex-wrap: wrap;

        .bp-title {
          margin-bottom: 10px;
        }
      }
    }
  }

  .bp-header {
    .bp-header__content {
      h1 {
        font-size: 30px;
        line-height: 34px;
        padding-bottom: 5px;
      }
    }
  }
}

@media screen and (max-width: 480px) {
  .bp-lots {
    .bp-lot {
      max-width: 190px;
    }
  }

  .bp-btn {
    &.bp-btn-download {
      max-width: 276px;
      min-width: 276px;

      &::after {
        left: 17px;
      }
    }
  }

  .bp-header {
    .bp-header__content {
      h1 {
        font-size: 28px;
        line-height: 32px;
        padding-bottom: 5px;
      }
    }

    .bp-header__time {
      font-size: 14px;
      text-align: center;
    }

    .bp-header__desc {
      font-size: 14px;
    }
  }

  .bp-modal {
    &.modal,
    .md-modal {
      &.modal__sale-content {
        .modal__container {
          padding: 25px 15px;
        }
      }

      .modal__header {
        .modal__title {
          font-size: 22px;
        }
      }
    }

    .modal__footer {
      margin-bottom: 0;
    }
  }

  .bp-btn {
    &.bp-btn-primal {
      padding: 12px 15px;
    }
  }
}

@media screen and (max-width: 443px) {
  .tools-wrapper {
    .bp-btn-login {
      margin-bottom: 10px;
    }
  }

  .bp-lots {
    &.bp-tools {
      .bp-from {
        &.bp-from__tools {
          .bp-content__filter {
            flex-wrap: wrap;

            .bp-form__search,
            .bp-form_category {
            }
          }

          .bp-content__pagination {
          }

          .bp-content__sorter {
            width: 100%;

            .bp-form-tools__item {
              width: 100%;

              .bp-form-group__inner {
                max-width: initial;
                width: 100%;
              }
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 399px) {
  .bp-lots {
    .bp-lot {
      max-width: 285px;
    }
  }

  .modal__overlay__inner {
    footer {
      &.bp-d-flex {
        flex-wrap: wrap;
      }
    }
  }
}
