@media only screen and (max-width: 1199px) {
  /* line 2, project/static/scss/new-mobile.scss */
  .status-table tbody tr td {
    padding: 0 18px; }
  /* line 4, project/static/scss/new-mobile.scss */
  .chat-box-input {
    width: 620px; }
  /* line 6, project/static/scss/new-mobile.scss */
  .chat-menu ul li a {
    font-size: 12px; }
  /* line 8, project/static/scss/new-mobile.scss */
  .step-border img {
    width: 100%; }
  /* line 10, project/static/scss/new-mobile.scss */
  .prompt-1 {
    left: -10px; }
  /* line 12, project/static/scss/new-mobile.scss */
  .prompt-2 {
    left: 230px; }
  /* line 14, project/static/scss/new-mobile.scss */
  .prompt-3 {
    right: -90px; }
  /* line 16, project/static/scss/new-mobile.scss */
  .form-step-1 .step-border img {
    width: 180px; }
  /* line 18, project/static/scss/new-mobile.scss */
  .form-step-1 .form-document-box {
    padding: 40px 30px 35px 30px; }
  /* line 20, project/static/scss/new-mobile.scss */
  .form-step-15 {
    padding: 35px 80px 0 80px; }
  /* line 22, project/static/scss/new-mobile.scss */
  .form-step-15 .step-border img {
    width: 180px; }
  /* line 24, project/static/scss/new-mobile.scss */
  .form-step-2 {
    padding: 35px 80px 0 80px; }
  /* line 26, project/static/scss/new-mobile.scss */
  .form-step-2 .step-border img {
    width: 180px; }
  /* line 28, project/static/scss/new-mobile.scss */
  .booking-form-animal {
    width: 500px; }
  /* line 30, project/static/scss/new-mobile.scss */
  .form-animal-line {
    width: 195px; }
  /* line 32, project/static/scss/new-mobile.scss */
  .booking-form-block form {
    width: 500px; }
  /* line 34, project/static/scss/new-mobile.scss */
  .form-input {
    width: 164px; }
  /* line 36, project/static/scss/new-mobile.scss */
  .form-step-25 {
    padding: 35px 80px 0 80px; }
  /* line 38, project/static/scss/new-mobile.scss */
  .form-step-25 .step-border img {
    width: 180px; }
  /* line 40, project/static/scss/new-mobile.scss */
  .form-step-3 {
    padding: 35px 80px 0 80px; }
  /* line 42, project/static/scss/new-mobile.scss */
  .form-step-3 .step-border img {
    width: 180px; }
  /* line 44, project/static/scss/new-mobile.scss */
  .booking-form-address {
    width: 500px; }
  /* line 47, project/static/scss/new-mobile.scss */
  .booking-form-payments {
    width: 500px; }
  /* line 49, project/static/scss/new-mobile.scss */
  .booking-form-sum {
    width: 500px; } }

@media only screen and (max-width: 991px) {
  /* line 53, project/static/scss/new-mobile.scss */
  .status {
    margin: 0 0 300px 0; }
  /* line 55, project/static/scss/new-mobile.scss */
  .status-pages-mobile {
    display: block; }
  /* line 57, project/static/scss/new-mobile.scss */
  .status-box {
    margin: 0; }
  /* line 59, project/static/scss/new-mobile.scss */
  .status-pages-mobile-bg {
    display: block; }
  /* line 61, project/static/scss/new-mobile.scss */
  .chat-active {
    margin: 0 0 300px 0; }
  /* line 63, project/static/scss/new-mobile.scss */
  .chat-box {
    margin: 0; }
  /* line 65, project/static/scss/new-mobile.scss */
  .chat-box-input {
    width: 635px; }
  /* line 67, project/static/scss/new-mobile.scss */
  .booking-form {
    margin: 0; }
  /* line 69, project/static/scss/new-mobile.scss */
  .booking-form-bg {
    background: #fafafa; }
  /* line 71, project/static/scss/new-mobile.scss */
  .booking-form-box {
    margin: 0; }
  /* line 73, project/static/scss/new-mobile.scss */
  .form-step-15 {
    padding: 35px 90px 0 90px; }
  /* line 75, project/static/scss/new-mobile.scss */
  .booking-form-animal {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px 0 10px 0; }
  /* line 80, project/static/scss/new-mobile.scss */
  .form-animal-img img {
    border-radius: 50%;
    width: 120px;
    height: 120px; }
  /* line 84, project/static/scss/new-mobile.scss */
  .form-animal-line {
    width: 98%; } }

@media only screen and (max-width: 768px) {
  /* line 88, project/static/scss/new-mobile.scss */
  .status-menu-block {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0; }
  /* line 93, project/static/scss/new-mobile.scss */
  .user-popup {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  /* line 97, project/static/scss/new-mobile.scss */
  .status-box-desc {
    display: none; }
  /* line 99, project/static/scss/new-mobile.scss */
  .status-box-mob {
    display: block; }
  /* line 101, project/static/scss/new-mobile.scss */
  .delete-popup {
    width: 100%;
    height: 335px;
    padding: 50px 40px 30px 40px; }
  /* line 105, project/static/scss/new-mobile.scss */
  .delete-popup__wrapper {
    border: none;
    padding: 0; }
  /* line 108, project/static/scss/new-mobile.scss */
  .chat-box-input {
    width: 455px; }
  /* line 110, project/static/scss/new-mobile.scss */
  .add-img-popup {
    width: 100%;
    height: 335px;
    padding: 50px 40px 30px 40px; }
  /* line 114, project/static/scss/new-mobile.scss */
  .add-img-popup__wrapper {
    border: none;
    padding: 0; }
  /* line 117, project/static/scss/new-mobile.scss */
  .booking-form-box {
    padding: 35px 0;
    height: auto; }
  /* line 120, project/static/scss/new-mobile.scss */
  .booking-form-steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  /* line 125, project/static/scss/new-mobile.scss */
  .step-border {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 100px 0; }
  /* line 130, project/static/scss/new-mobile.scss */
  .prompt-1 {
    top: -540px;
    left: 220px; }
  /* line 133, project/static/scss/new-mobile.scss */
  .prompt-2 {
    top: -280px;
    left: 140px;
    background: url("/static/images/form-img-bg-flip.webp") no-repeat; }
  /* line 137, project/static/scss/new-mobile.scss */
  .prompt-3 {
    top: -20px;
    left: 220px; }
  /* line 140, project/static/scss/new-mobile.scss */
  .form-step-1 .booking-form-steps {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  /* line 145, project/static/scss/new-mobile.scss */
  .form-step-1 .step-border {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    margin: 0; }
  /* line 150, project/static/scss/new-mobile.scss */
  .form-step-1 .step-border img {
    width: 195px; }
  /* line 152, project/static/scss/new-mobile.scss */
  .form-step-15 .booking-form-steps {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  /* line 157, project/static/scss/new-mobile.scss */
  .form-step-15 .step-border {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    margin: 0; }
  /* line 162, project/static/scss/new-mobile.scss */
  .form-step-15 .step-border img {
    width: 195px; }
  /* line 164, project/static/scss/new-mobile.scss */
  .form-step-2 .booking-form-steps {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  /* line 169, project/static/scss/new-mobile.scss */
  .form-step-2 .step-border {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    margin: 0; }
  /* line 174, project/static/scss/new-mobile.scss */
  .form-step-2 .step-border img {
    width: 195px; }
  /* line 176, project/static/scss/new-mobile.scss */
  .form-step-25 .booking-form-steps {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  /* line 181, project/static/scss/new-mobile.scss */
  .form-step-25 .step-border {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    margin: 0; }
  /* line 186, project/static/scss/new-mobile.scss */
  .form-step-25 .step-border img {
    width: 195px; }
  /* line 188, project/static/scss/new-mobile.scss */
  .form-step-3 .booking-form-steps {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  /* line 193, project/static/scss/new-mobile.scss */
  .form-step-3 .step-border {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    margin: 0; }
  /* line 198, project/static/scss/new-mobile.scss */
  .form-step-3 .step-border img {
    width: 195px; }
  /* line 200, project/static/scss/new-mobile.scss */
  .user-popup {
    background: #fafafa;
    height: 105vh;
    padding: 110px 0 5px 0;
    top: 52% !important;
    border-radius: 0;
    overflow: scroll; }
  /* line 207, project/static/scss/new-mobile.scss */
  .user-popup .popup-close-box {
    background: url("/static/images/close.webp") no-repeat;
    width: 23px;
    height: 23px;
    top: 80px;
    right: 10px;
    z-index: 10000; }
  /* line 214, project/static/scss/new-mobile.scss */
  .user-popup-block-mob {
    background: #fafafa !important; }
  /* line 216, project/static/scss/new-mobile.scss */
  .user-popup-img {
    display: none; }
  /* line 218, project/static/scss/new-mobile.scss */
  .user-popup__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  /* line 223, project/static/scss/new-mobile.scss */
  .user-popup-block {
    background: #fff;
    border-radius: 0;
    border: none;
    width: 315px;
    height: auto;
    margin-bottom: 20px; }
  /* line 230, project/static/scss/new-mobile.scss */
  .user-popup-btn {
    font-size: 12px;
    width: 175px;
    height: 38px;
    border-radius: 0; }
  /* line 235, project/static/scss/new-mobile.scss */
  .customer-popup-step-1,
  .partner-popup-step-1 {
    padding: 35px 0;
    background: #fff; }
  /* line 239, project/static/scss/new-mobile.scss */
  .customer-popup-step-2,
  .customer-popup-step-3,
  .partner-popup-step-2,
  .partner-popup-step-3 {
    padding: 0 0 20px 0; } }

@media only screen and (max-width: 575px) {
  /* line 246, project/static/scss/new-mobile.scss */
  .status-block-btns {
    width: calc(100% - 3px); }
  /* line 248, project/static/scss/new-mobile.scss */
  .chat-box-input {
    width: calc(100% - 55px); }
  /* line 250, project/static/scss/new-mobile.scss */
  .chat-box-no-active-text p {
    font-size: 16px; }
  /* line 252, project/static/scss/new-mobile.scss */
  .prompt-1 {
    top: -540px;
    left: calc(50% - 25px); }
  /* line 255, project/static/scss/new-mobile.scss */
  .prompt-2 {
    top: -280px;
    left: calc(50% - 110px);
    background: url("/static/images/form-img-bg-flip.webp") no-repeat; }
  /* line 259, project/static/scss/new-mobile.scss */
  .prompt-3 {
    top: -20px;
    left: calc(50% - 25px); }
  /* line 262, project/static/scss/new-mobile.scss */
  .booking-form-title h2 {
    margin-bottom: 25px; }
  /* line 264, project/static/scss/new-mobile.scss */
  .booking-form-title p {
    font-size: 12px; }
  /* line 266, project/static/scss/new-mobile.scss */
  .step-success {
    width: 35px; }
  /* line 268, project/static/scss/new-mobile.scss */
  .step-current {
    width: 35px; }
  /* line 270, project/static/scss/new-mobile.scss */
  .step-next {
    width: 35px; }
  /* line 272, project/static/scss/new-mobile.scss */
  .form-step-1 .booking-form-steps {
    margin-bottom: 30px; }
  /* line 274, project/static/scss/new-mobile.scss */
  .form-step-1 .booking-form-documents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  /* line 279, project/static/scss/new-mobile.scss */
  .form-step-1 .form-document-box {
    margin: 0 0 30px 0;
    padding: 40px 60px 35px 60px; }
  /* line 282, project/static/scss/new-mobile.scss */
  .form-step-1 .form-document-box h2 {
    font-size: 12px; }
  /* line 284, project/static/scss/new-mobile.scss */
  .form-step-1 .form-document-box a {
    font-size: 12px; }
  /* line 286, project/static/scss/new-mobile.scss */
  .form-step-1 .btn-doc-success {
    font-size: 12px; }
  /* line 288, project/static/scss/new-mobile.scss */
  .form-step-1 .btn-doc-rejected {
    font-size: 12px; }
  /* line 290, project/static/scss/new-mobile.scss */
  .form-step-1 .booking-form-btn p {
    font-size: 12px; }
  /* line 292, project/static/scss/new-mobile.scss */
  .btn-next {
    font-size: 12px; }
  /* line 294, project/static/scss/new-mobile.scss */
  .form-step-1 .step-border img {
    width: 110px; }
  /* line 296, project/static/scss/new-mobile.scss */
  .booking-form-thx p {
    font-size: 12px;
    text-align: center; }
  /* line 299, project/static/scss/new-mobile.scss */
  .form-step-15 .booking-form-btn {
    margin-top: 30px; }
  /* line 301, project/static/scss/new-mobile.scss */
  .form-step-15 .step-border img {
    width: 110px; }
  /* line 303, project/static/scss/new-mobile.scss */
  .form-step-2 .booking-form-btn {
    margin-top: 30px; }
  /* line 305, project/static/scss/new-mobile.scss */
  .form-step-2 .step-border img {
    width: 110px; }
  /* line 307, project/static/scss/new-mobile.scss */
  .booking-form-animal {
    width: 100%;
    margin: 0 auto 10px auto; }
  /* line 310, project/static/scss/new-mobile.scss */
  .form-animal-info ul li {
    font-size: 12px; }
  /* line 312, project/static/scss/new-mobile.scss */
  .form-animal-price p {
    font-size: 12px; }
  /* line 314, project/static/scss/new-mobile.scss */
  .booking-form-block h2 {
    margin: 0 0 20px 0; }
  /* line 316, project/static/scss/new-mobile.scss */
  .form-mobile-box {
    margin-top: 25px; }
  /* line 318, project/static/scss/new-mobile.scss */
  .form-input {
    width: 100%;
    margin-bottom: 25px; }
  /* line 321, project/static/scss/new-mobile.scss */
  .form-input-phone {
    width: 100%; }
  /*.booking-form-block-desc {*/
  /*  display: none; }*/
  /* line 325, project/static/scss/new-mobile.scss */
  .filter-mob {
    display: block; }
  /* line 327, project/static/scss/new-mobile.scss */
  .form-mobile {
    display: block; }
  /* line 329, project/static/scss/new-mobile.scss */
  .booking-form-phone {
    display: block; }
  /* line 331, project/static/scss/new-mobile.scss */
  .form-mobile-box .booking-form-btn {
    margin: 30px 0; }
  /* line 333, project/static/scss/new-mobile.scss */
  .form-step-25 .booking-form-btn {
    margin-top: 30px; }
  /* line 335, project/static/scss/new-mobile.scss */
  .form-step-25 .step-border img {
    width: 110px; }
  /* line 337, project/static/scss/new-mobile.scss */
  .form-step-25 .booking-form-text {
    font-size: 12px; }
  /* line 339, project/static/scss/new-mobile.scss */
  .form-step-25 .booking-form-steps {
    margin: 25px 0; }
  /* line 341, project/static/scss/new-mobile.scss */
  .booking-form-chaticon {
    margin: 25px 0; }
  /* line 343, project/static/scss/new-mobile.scss */
  .form-step-3 .step-border img {
    width: 110px; }
  /* line 345, project/static/scss/new-mobile.scss */
  .form-step-3 .booking-form-steps {
    margin: 25px 0; }
  /* line 347, project/static/scss/new-mobile.scss */
  .booking-form-address h3 {
    font-size: 12px; }
  /* line 349, project/static/scss/new-mobile.scss */
  .booking-form-doc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  /* line 354, project/static/scss/new-mobile.scss */
  .booking-form-doc-file {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  /* line 359, project/static/scss/new-mobile.scss */
  .booking-form-doc-btns {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 0; }
  /* line 365, project/static/scss/new-mobile.scss */
  .booking-form-doc-file {
    margin: 0 0 25px 0; }
  /* line 367, project/static/scss/new-mobile.scss */
  .booking-form-doc-file img {
    width: 135px;
    height: 100px; }
  /* line 370, project/static/scss/new-mobile.scss */
  .btn-doc-gray {
    font-size: 12px;
    position: absolute;
    top: -20px; }
  /* line 374, project/static/scss/new-mobile.scss */
  .btn-doc-red {
    font-size: 12px;
    margin-top: 15px; }
  /* line 377, project/static/scss/new-mobile.scss */
  .btn-doc-green {
    font-size: 12px; }
  /* line 379, project/static/scss/new-mobile.scss */
  .btn-payment {
    font-size: 12px; }
  /* line 381, project/static/scss/new-mobile.scss */
  .booking-form-sum p {
    font-size: 12px; }
  /* line 383, project/static/scss/new-mobile.scss */
  .booking-form-prices {
    width: 100%;
    margin: 0 auto; }
  /* line 386, project/static/scss/new-mobile.scss */
  .booking-form-prices label {
    display: block;
    font-size: 12px;
    margin: 0 0 12px 5px; }
  /* line 390, project/static/scss/new-mobile.scss */
  .input-price {
    height: 30px;
    width: 100%; }
  /* line 393, project/static/scss/new-mobile.scss */
  .btn-price-green {
    height: 30px;
    font-size: 12px; }
  /* line 396, project/static/scss/new-mobile.scss */
  .btn-price-red {
    height: 30px;
    font-size: 12px; }
  /* line 399, project/static/scss/new-mobile.scss */
  .btn-next-green {
    font-size: 12px; }
  /* line 401, project/static/scss/new-mobile.scss */
  .form-step-3 .booking-form-btn {
    margin: 30px 0; }
  /* line 403, project/static/scss/new-mobile.scss */
  .booking-form-box {
    padding: 35px 0 0 0; }
  /* line 405, project/static/scss/new-mobile.scss */
  .booking-form-address {
    width: 100%; }
  /* line 407, project/static/scss/new-mobile.scss */
  .booking-form-doc {
    width: 100%; }
  /* line 409, project/static/scss/new-mobile.scss */
  .booking-form-payments {
    width: 100%; }
  /* line 411, project/static/scss/new-mobile.scss */
  .booking-form-sum {
    width: 100%; } }

@media only screen and (max-width: 480px) {
  /* line 415, project/static/scss/new-mobile.scss */
  .booking-form-block form {
    width: 100%; }
  /* line 418, project/static/scss/new-mobile.scss */
  .itog-oplata {
    font-size: 1.2rem; }
  /* line 420, project/static/scss/new-mobile.scss */
  .status-block-btns {
    width: calc(100% - 1px); }
  /* line 422, project/static/scss/new-mobile.scss */
  .form-animal-img img {
    width: 100px;
    height: 100px; }
  /* line 425, project/static/scss/new-mobile.scss */
  .form-animal-info {
    margin: auto; }
  /* line 427, project/static/scss/new-mobile.scss */
  .booking-form-address {
    margin-top: 10px; }
  /* line 429, project/static/scss/new-mobile.scss */
  .booking-form-animal {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0 auto 0 auto; } }

@media only screen and (max-width: 375px) {
  /* line 436, project/static/scss/new-mobile.scss */
  .status-block {
    width: 227px;
    margin: 0 auto 120px auto; }
  /* line 439, project/static/scss/new-mobile.scss */
  .status-block-btns {
    width: calc(100% + 4px); }
  /* line 441, project/static/scss/new-mobile.scss */
  .chat-box-no-active-text p {
    font-size: 14px; } }

@media only screen and (max-width: 360px) {
  /* line 445, project/static/scss/new-mobile.scss */
  .status-block-btns {
    width: calc(100% + 4px); } }