@media (max-width: 768px) {
    main {
        max-width: 100vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 112px;
    }

    .logo__image {
        width: auto;
    }

    .landing .desc .text-up {
        margin-bottom: 2rem;
        text-align: center;
    }

    .landing .second-block {
        flex-direction: column;
    }

    .landing .second-block .text {
        width: auto;
        text-align: center;
        order: 1;
    }

    .landing .panel-4 {
        width: auto;
    }

    .landing .panel-5 {
        flex-direction: column;
    }

    .landing .panel-5 .text {
        width: auto;
        text-align: center;
        font-size: inherit;
    }

    .landing .panel-5 img {
        width: auto;
        height: auto;
    }

    footer.footer {
        height: auto;
    }

    .popup {
        min-width: 100%;
        max-height: 100vh !important;
        flex-direction: column;
        justify-content: flex-start;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .popup__wrapper {
        width: 100% !important;
        padding: 1rem;
        position: relative;
    }

    .popup__close {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: flex-end;
        margin: 1rem;
    }

    .popup__close svg {
        width: 40px;
    }

    [data-popup-window] .tabs__control {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
    }

    [data-popup-window="reg-executor"] .tabs__control {
        width: 100%;
        top: 0;
        position: relative !important;
    }

    [data-popup-window="reg-executor"] input:not([type=checkbox]) {
        width: 100%;
    }

    [data-popup-window="reg-executor"] .popup-form {
        margin-top: 30px !important;
    }

    [data-popup-window] .tabs__control .tabs__button {
        font-size: 22px !important;
    }

    .tabs__button:not(:last-child):before {
        display: none;
    }

    .coolcheck-wrap {
        display: flex !important;
        margin-left: 0 !important;
        gap: 0;
        align-items: flex-start;
    }

    .coolcheck {
        min-width: auto !important;
        position: relative !important;
        order: -1;
        width: 32px;
        right: 0;
        top: -10px;
    }

    .coolcheck:after {
        top: 0px !important;
        right: 0px !important;
    }

    .button.menu {
        min-width: auto;
    }

    .button.menu span {
        min-width: 180px;
    }

    .header__control .dropdown-menu {
        left: 0 !important;
    }

    .card-header {
        padding: .75rem 1.25rem;
        font-size: 1rem;
    }

    .card-body {
        padding: 1.25rem;
    }

    .card-body table,
    .apayout table,
    .payout-table {
        width: 100%;
        margin-bottom: 15px;
        border: 1px solid #ddd;
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .admin-table.admin-table.admin-table thead th {
        font-size: 18px;
    }

    .tfilters {
        margin-top: 2rem;
        position: relative;
        right: 0;
        left: 0;
    }

    .tfilters > div:not(:last-child) {
        margin-bottom: 1rem;
    }

    .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .page-block {
        min-width: 100vw !important;
        padding: 1rem !important;
    }

    .viplati.page-block {
        padding: 1.25rem !important;
        font-size: 18px !important;
    }

    .socials .form-group {
        gap: 16px !important;
    }

    .socials .form-group .form-control {
        width: 100% !important;
    }

    .block-row {
        flex-direction: column;
    }

    .block {
        width: 100% !important;
    }

    .form-inline .info input.form-control {
        width: 100% !important;
    }

    .personal-settings__item {
        padding-left: 0;
    }

    .coolcheck:after {
        top: 18px;
    }

    .block-panel.buttons {
        display: flex;
        flex-direction: column;
    }

    .block-panel.buttons > .btn:not(:last-child) {
        margin-bottom: 2rem;
    }

    .orders-l .customer-three {
        padding: 0 1rem;
        padding-top: 4rem;
    }

    .orders-l.page-block {
        padding-top: 4rem;
    }

    .orders-l.page-block .page-block-controls {
        flex-direction: column;
        position: relative;
        gap: 2rem;
    }

    .orders-l.page-block .page-block-controls .order-filter-form {
        flex-direction: column;
        gap: 1rem;
    }

    .orders-l .order__row {
        height: auto !important;
        flex-direction: column;
    }

    .orders-l .order__cell--action {
        margin: 1rem 0;
        justify-content: space-between;
    }

    .order__list.order__list--taken {
        padding-bottom: 1rem;
    }

    .order__list_header .row {
        gap: 0.5rem;
    }

    .steps .page-block {
        padding: 0 !important;
    }

    .steps .swiper-container {
        width: auto !important;
    }

    .steps .final-order-block .counters {
        width: auto;
        max-width: 100vw !important;
        margin: 50px auto;
    }

    .steps .final-order-block .counters + div {
        max-width: 100vw;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .steps .final-order-inside-block {
        margin: 1rem;
        justify-content: space-between;
    }

    .steps table,
    .executor-two-body table {
        width: max-content;
    }

    .steps table tr,
    .executor-two-body table tr {
        display: flex;
        flex-direction: column;
    }

    .steps table th,
    .executor-two-body table th {
        padding: 0.5rem;
    }

    .steps table tr:last-child,
    .executor-two-body table tr:last-child {
        gap: 2rem;
    }

    .confirm-order-settings-css {
        position: relative;
        margin: 0;
        margin-bottom: 5rem;
    }

    .steps .h1-row h1 {
        width: 100%;
        font-size: 1.75rem;
    }

    .block-panel {
        padding: 1rem;
    }

    .block-panel .panel-label {
        position: relative;
        font-size: 1.75rem;
        padding: 1.5rem;
        margin: 0;
        line-height: 0;
        display: inline-block;
        margin-bottom: 2rem;
    }

    .workers {
        padding: 0;
        margin-top: 5rem;
        gap: 0;
    }

    .workers .item {
        width: 100%;
    }

    .executor-two-item h2 {
        width: 100%;
        font-size: 1.5rem;
    }

    .page-block.second {
        padding: 1rem;
        min-height: auto;
    }

    .popup {
        max-width: 100%;
    }

    .final-order-block {
        width: auto !important;
    }

    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .order-step .uploadFiles .uploadFiles__description:not(:last-child) {
        font-size: 13px !important;
        max-width: 100vw !important;
    }

    .float-right {
        margin-right: 0 !important;
        width: 100%;
        display: flex;
        justify-content: center;
    }

	.review-add.float-right {
		margin-right: 0 !important;
        display: flex;
		width: 40%;
        justify-content: center;
	}

	.review-add+a {
		width: 40%;
	}

    button.btn.btn-primary.confirm-order-settings.confirm-order-settings-css {
        right: 0 !important;
    }

    .prev-step-block {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-bottom: 2rem;
        display: flex;
        justify-content: center;
    }

    button.btn.uploadFiles__button.orderAttachmentsButton {
        width: auto;
        font-size: 18px;
    }

    .final-order-inside-block label {
        font-size: 18px !important;
    }

    .uploadFiles__list {
        max-width: 100vw !important;
    }

    .uploadFiles .uploadFiles__item {
        font-size: 14px !important;
        padding: 1rem !important;
        overflow: hidden;
        justify-content: flex-start !important;
    }

    .uploadFiles .uploadFiles__item .uploadFiles__remove {
        order: -1;
        margin: 0 !important;
        margin-right: 0.5rem !important;
    }

    .nice-select {
        max-width: 100vw !important;
    }

    .nice-select .option {
        max-width: 100vw !important;
        padding: 0.5rem 0;
        white-space: break-spaces !important;
        border-bottom: 1px solid #CCC;
    }

    .h1-row h1 {
        font-size: 24px !important;
    }

    .payout .float-right + .btn {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 5rem;
    }

    .page-block.first .left .balance, .page-block.first .left .date {
        font-size: 14px !important;
    }

    .input-group.date + button {
        width: 100%;
        margin-top: 2rem;
    }

    .show-order .insert div[style="float: right;"] {
        float: none !important;
    }

    .show-order .insert .btn-danger {
        width: 100%;
        margin: 0 !important;
        margin-top: 4rem !important;
    }

    .inserts a {
        width: 100% !important;
    }

    .works-time {
        flex-direction: column;
        align-items: flex-start;
    }

    .works-time .day {
        width: auto !important;
        margin-left: 40px;
    }

    .works-time [type=time] {
        width: 100% !important;
        margin-top: 1rem;
    }

    .works-time .defis {
        display: none;
    }

    .card-body .panels {
        flex-direction: column;
    }

    .card-body .left, .card-body .right {
        width: 100%;
        padding: 0.5rem !important;
    }

    .user-delete-button {
        width: 100%;
        margin-top: 2rem;
    }

    .card-body.settings > form > div {
        display: flex;
        flex-direction: column;
    }

    .card-body.settings > form div[style="width: 45%"] {
        width: 100% !important;
        margin-top: 2rem;
    }

    .uptopage {
        width: 100% !important;
        right: 0 !important;
    }
    .uptopageleft {
        width: 100% !important;
        left: 0 !important;
    }

    .apayout .btn-danger {
        width: 100%;
        margin-top: 2rem;
    }

    .apayout table td {
        min-width: 100%;
        padding: 0 1rem;
    }

    #variants ~ .btn-danger {
        width: 100%;
        margin-top: 2rem;
    }

    .form-check {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .form-check input[type="checkbox"] {
        position: relative;
        width: 18px;
        height: 18px;
        margin: 0;
        margin-right: 0.5rem;
    }

    .block-panel.services {
        width: 100% !important;
    }

    .services .name {
        font-size: 24px !important;
    }

    .input-group.date input {
        font-size: 16px;
    }

    .input-group.date {
        margin: 0 !important;
    }

    [data-step="3"] .executors__aside {
        height: auto !important;
        min-height: 600px;
    }

    .executors__list {
        overflow-y: auto !important;
        height: 415px;
    }

    .message-text {
        overflow-wrap: break-word;
    }

    [data-form-type="dispute"] .btn-primary {
        width: 100%;
        margin-top: 2rem;
        margin-bottom: 4rem;
    }

    [data-form-type="dispute"] .btn-primary + a.float-right {
        bottom: 2rem;
        position: relative;
    }

    .card-body .btn-danger {
        margin-top: 3rem;
        margin-bottom: 1rem;
        width: 100%;
    }

    .card-body .left {
        width: auto !important;
    }

    .order-preview__section {
        padding: 2rem 0;
    }

    [data-form-type="executerCancelOrder"] button[type="submit"] {
        width: 100%;
        margin: 1rem 0;
        margin-bottom: 4rem;
    }


    .order__cell--action {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 560px) {
    .order__cell--action {
        flex-direction: column;
    }
}