@media only screen and (max-width: 1440px) {
    .wrapper .mop-orders-content-block .content-block .mop-block-col.second .row .mop-row-collector .row-collector.first {
      padding-right: 2.5vw; }
    .wrapper .mop-orders-content-block .content-block .mop-block-col.second .row .mop-row-collector .row-collector.second {
      padding-right: 1.5vw; }

    section.wrapper.user-page .modal .modal-window {
      height: 100%;
      padding: 40px 40px 40px; }
      section.wrapper.user-page .modal .modal-window .modal-window-content .col.first .col-item label {
        margin-bottom: 10px; } }
  @media only screen and (max-width: 1280px) {
    .header .header-couriers .header-couriers-all {
      width: 29%; }
    .header .header-couriers .couriers-wrap-info {
      width: 16.5%; }

    .wrapper .push-content .push-content-info .content-info.date {
      width: 15%; }
    .wrapper .push-content .push-content-info .content-info.message {
      width: 30%; }
    .wrapper .push-content .push-content-info .content-info.group {
      width: 20%; }
    .wrapper .push-content .push-content-item .content-item.date {
      width: 15%; }
    .wrapper .push-content .push-content-item .content-item.message {
      width: 30%; }
    .wrapper .push-content .push-content-item .content-item.group {
      width: 20%; }
    .wrapper .bonus-content .bonus-wrap .bonus-coupons .coupons-wrap .coupons-wrap-item .coupons-item-type {
      width: 25%; }
    .wrapper .bonus-content .bonus-wrap .bonus-coupons .coupons-wrap .coupons-wrap-item .coupons-item-discount {
      width: 15%; }
    .wrapper .mop-orders-content-block .content-block .mop-block-col.second .row .mop-row-collector .row-collector.first {
      padding-right: 1.5vw; }
    .wrapper .mop-orders-content-block .content-block .mop-block-col.second .row .mop-row-collector .row-collector.second {
      padding-right: 1.5vw; }
    .wrapper .stats-content .stats-wrap .stats-wrap-dishes .dishes-row .dishes-row-sort {
      width: 25.5%;
      margin-right: 8%; } }
  @media only screen and (max-width: 1024px) {
    .header .header-couriers .header-couriers-all {
      width: 28.5%; }
    .header .header-couriers .couriers-wrap-info {
      width: 17%; }
      .header .header-couriers .couriers-wrap-info .couriers-wrap-info-item {
        font-size: 11px; }

    .wrapper .mop-orders-content-block .content-block .mop-block-col.second {
      padding-left: 0; }
      .wrapper .mop-orders-content-block .content-block .mop-block-col.second .row .mop-row-collector .row-collector {
        font-size: 14px; }
        .wrapper .mop-orders-content-block .content-block .mop-block-col.second .row .mop-row-collector .row-collector.first {
          padding-right: 2.5vw; }
        .wrapper .mop-orders-content-block .content-block .mop-block-col.second .row .mop-row-collector .row-collector.second {
          padding-right: 1.5vw; }
      .wrapper .mop-orders-content-block .content-block .mop-block-col.second .mop-info-collector .mop-collector-item .collector-item {
        font-size: 14px; }
    .wrapper .pickers-content-block .pickers-content-wrap .pickers-content-block-edit .block-edit-col.second .edit-col-row .row-table-elems {
      margin-right: 2%;
      width: 22%; }
      .wrapper .pickers-content-block .pickers-content-wrap .pickers-content-block-edit .block-edit-col.second .edit-col-row .row-table-elems .table-elem {
        font-size: 14px; }
    .wrapper .pickers-content-block .pickers-content-wrap .pickers-content-block-edit .block-edit-col.second .edit-col-wrap .col-wrap-item .picker-item {
      font-size: 14px; }
      .wrapper .pickers-content-block .pickers-content-wrap .pickers-content-block-edit .block-edit-col.second .edit-col-wrap .col-wrap-item .picker-item.name {
        width: 42.5%; }
      .wrapper .pickers-content-block .pickers-content-wrap .pickers-content-block-edit .block-edit-col.second .edit-col-wrap .col-wrap-item .picker-item.cash {
        width: 7.5%; }
    .wrapper .couriers-content .couriers-wrap .couriers-wrap-item .couriers-item {
      font-size: 11px; }
    .wrapper .couriers-content-block .couriers-content-wrap-edit .couriers-content-block-edit .block-edit-col.second .edit-col-row .row-table-elems {
      margin-right: 2%; }
      .wrapper .couriers-content-block .couriers-content-wrap-edit .couriers-content-block-edit .block-edit-col.second .edit-col-row .row-table-elems .table-elem {
        font-size: 12px; }
    .wrapper .couriers-content-block .couriers-content-wrap-edit .couriers-content-block-edit .block-edit-col.second .edit-col-wrap .col-wrap-item .courier-item {
      font-size: 12px; }
    .wrapper .stats-content .stats-wrap .stats-wrap-corners .corners-row .corners-row-sort {
      width: 29%; }
    .wrapper .stats-content .stats-wrap .stats-wrap-dishes .dishes-row .dishes-row-sort {
      width: 32%;
      margin-right: 4%; }
    .wrapper .stats-content .stats-wrap .stats-wrap-dishes .dishes-wrap .dishes-wrap-item .dishes-item.name {
      width: 28%; }
    .wrapper .stats-content .stats-wrap .stats-wrap-dishes .dishes-wrap .dishes-wrap-item .dishes-item.place {
      width: 23%; }
    .wrapper .stats-content .stats-wrap .stats-wrap-dishes .dishes-wrap .dishes-wrap-item .dishes-item.time {
      width: 12%; }
    .wrapper .stats-content .stats-wrap .stats-wrap-dishes .dishes-wrap .dishes-wrap-item .dishes-item.orders {
      width: 10%; }
    .wrapper .stats-content .stats-wrap .stats-wrap-dishes .dishes-wrap .dishes-wrap-item .dishes-item.cash {
      width: 18%;
      padding-right: 1%; } }
  @media only screen and (max-width: 375px) {
    .loyality-modal {
      overflow: auto;
      transform: none;
      padding: 0; }
      .loyality-modal .modal-wrap {
        position: relative;
        background: #fff;
        width: 100%;
        height: auto;
        padding: 30px 30px 40px;
        border-radius: 0; }
        .loyality-modal .modal-wrap span.close-btn {
          display: none; }
        .loyality-modal .modal-wrap .content.first-state {
          display: block; }
          .loyality-modal .modal-wrap .content.first-state .row {
            margin: 10px 0 60px; }
            .loyality-modal .modal-wrap .content.first-state .row .logo {
              margin-bottom: 40px; }
              .loyality-modal .modal-wrap .content.first-state .row .logo i {
                content: url("../images/logo.png");
                width: 88px;
                height: auto; }
            .loyality-modal .modal-wrap .content.first-state .row h3.title {
              color: #000;
              font-size: 24px;
              line-height: 28px; }
          .loyality-modal .modal-wrap .content.first-state form.loyality-form {
            display: flex;
            flex-flow: row wrap;
            width: 100%; }
            .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item {
              display: flex;
              flex-flow: column nowrap;
              margin-bottom: 40px; }
              .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.name {
                width: 100%; }
              .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.e-mail {
                width: 100%; }
              .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.tel {
                width: 100%; }
              .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.bd label {
                margin-bottom: 15px; }
              .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.bd .btn-wrap {
                display: flex;
                flex-flow: row nowrap;
                width: 210px; }
                .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.bd .btn-wrap .bd-btn {
                  position: relative;
                  height: 40px;
                  width: 40px;
                  border-radius: 50%;
                  background-color: #fff;
                  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
                  margin-right: 10px;
                  flex-grow: 0;
                  flex-shrink: 0;
                  cursor: pointer; }
                  .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.bd .btn-wrap .bd-btn i {
                    content: url("../images/category-date-icon.svg");
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%); }
                .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.bd .btn-wrap .title {
                  opacity: 0.2;
                  color: #000;
                  font-size: 12px;
                  line-height: 20px; }
              .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.accept {
                width: 100%; }
                .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.accept label {
                  position: relative;
                  opacity: 0.2;
                  color: #000;
                  font-size: 12px;
                  line-height: 20px;
                  display: flex;
                  flex-flow: row nowrap;
                  align-items: center; }
                .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.accept input[type="checkbox"] {
                  opacity: 0;
                  border: none !important;
                  padding: 0;
                  display: block;
                  position: absolute;
                  width: 20px;
                  height: 20px;
                  cursor: pointer;
                  z-index: 10; }
                .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.accept input[type="checkbox"] + label {
                  opacity: 0.2;
                  color: #000;
                  font-size: 12px;
                  line-height: 20px;
                  transition: opacity 0.2s ease; }
                .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.accept input[type="checkbox"] + label::before {
                  content: '';
                  display: inline-block;
                  height: 20px;
                  width: 20px;
                  border: 1px solid #E5E5E5;
                  border-radius: 3px;
                  background: #fff;
                  margin-right: 10px; }
                .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.accept input[type="checkbox"]:checked + label {
                  opacity: 1; }
                .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item.accept input[type="checkbox"]:checked + label::after {
                  content: url("../images/checkbox-icon.svg");
                  display: block;
                  position: absolute;
                  z-index: 5;
                  left: 6px;
                  top: 2px; }
              .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item label {
                color: #000;
                font-size: 15px;
                line-height: 15px;
                margin-bottom: 10px;
                user-select: none; }
              .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item input {
                color: #000;
                padding: 0 5px 5px;
                font-size: 21px;
                line-height: 1.25;
                border-bottom: solid 1px #E5E5E5;
                transition: border-bottom 0.2s ease;
                cursor: pointer; }
                .loyality-modal .modal-wrap .content.first-state form.loyality-form .form-item input:focus {
                  border-bottom: solid 1px #B2B2B2; }
            .loyality-modal .modal-wrap .content.first-state form.loyality-form .btn-accept {
              color: #000;
              font-size: 20px;
              line-height: 20px;
              padding: 20px 80px;
              background: #fff;
              border-radius: 40px;
              box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.1), 0 8px 11px 0 rgba(0, 0, 0, 0.1);
              cursor: pointer;
              user-select: none;
              transition: box-shadow 0.2s ease; }
              .loyality-modal .modal-wrap .content.first-state form.loyality-form .btn-accept:hover {
                box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.15), 0 8px 11px 0 rgba(0, 0, 0, 0.15); }
          .loyality-modal .modal-wrap .content.first-state span.bar {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 10px;
            transform: translateX(-50%);
            z-index: 10;
            display: block;
            border-radius: 100px;
            background-color: #e2e2e2;
            height: 5px;
            width: 135px; }
        .loyality-modal .modal-wrap .content.second-state {
          display: block;
          margin-bottom: -15px; }
          .loyality-modal .modal-wrap .content.second-state .content {
            display: flex;
            flex-flow: column nowrap;
            align-items: center;
            margin: 10px 0 0; }
            .loyality-modal .modal-wrap .content.second-state .content .logo {
              margin-bottom: 40px; }
              .loyality-modal .modal-wrap .content.second-state .content .logo i {
                content: url("../images/logo.png");
                width: 88px;
                height: auto; }
            .loyality-modal .modal-wrap .content.second-state .content h3.title {
              color: #000;
              font-size: 24px;
              line-height: 28px;
              margin-bottom: 10px; }
            .loyality-modal .modal-wrap .content.second-state .content h4.subtitle {
              color: #000;
              font-size: 16px;
              line-height: 16px;
              margin-bottom: 20px; }
            .loyality-modal .modal-wrap .content.second-state .content p.text {
              color: #000;
              font-size: 12px;
              line-height: 19px;
              text-align: center;
              margin-bottom: 20px;
              padding: 0 0; }
            .loyality-modal .modal-wrap .content.second-state .content .mobile-wrap {
              position: relative;
              margin: 30px 0 30px; }
              .loyality-modal .modal-wrap .content.second-state .content .mobile-wrap .download-row {
                position: absolute;
                top: 330px; }
                .loyality-modal .modal-wrap .content.second-state .content .mobile-wrap .download-row .btn {
                  width: 200px;
                  height: auto;
                  margin: 0 10px;
                  user-select: none;
                  cursor: pointer; }
                  .loyality-modal .modal-wrap .content.second-state .content .mobile-wrap .download-row .btn:first-child {
                    margin-left: auto; }
                  .loyality-modal .modal-wrap .content.second-state .content .mobile-wrap .download-row .btn:last-child {
                    margin-right: auto; }
                  .loyality-modal .modal-wrap .content.second-state .content .mobile-wrap .download-row .btn.appstore {
                    content: url("../images/loyality-modal/appstore.png"); }
              .loyality-modal .modal-wrap .content.second-state .content .mobile-wrap .img {
                width: 200px;
                height: 400px; }
                .loyality-modal .modal-wrap .content.second-state .content .mobile-wrap .img i {
                  content: url("../images/loyality-modal/phone-2.png");
                  width: 100%;
                  height: auto; }
            .loyality-modal .modal-wrap .content.second-state .content .sub-text {
              position: static;
              opacity: 0.5;
              color: #000;
              font-size: 12px;
              line-height: 19px;
              text-align: center;
              margin-bottom: 20px; }
          .loyality-modal .modal-wrap .content.second-state span.bar {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 10px;
            transform: translateX(-50%);
            z-index: 10;
            display: block;
            border-radius: 100px;
            background-color: #e2e2e2;
            height: 5px;
            width: 135px; } }

  /*# sourceMappingURL=responsive.css.map */
