/* desktop */
@media screen and (max-width: 1400px) {
    #commission_datatable_wrapper .row:last-of-type {
        flex-direction: column;
    }

    .main-page-buttons {
        gap: 24px;
    }

    .main-page-buttons .form-group {
        max-width: 50%;
        width: 100%;
    }

    .main-page-buttons .form-group .btn {
        width: 100%;
    }
}

@media (min-width: 1281px) {
    .menu__user,
    .block-menu-links.admin__link_btn {
        display: none !important;
    }

    .block-menu-links {
        display: block;
    }

    .profile__link {
        display: block !important;
    }
}

@media only screen and (max-width: 1280px) {
    #commission_datatable_wrapper .row:last-of-type {
        flex-direction: row;
    }

    .main-menu h2 {
        font-size: 36px;
    }

    .nav-links {
        gap: 24px !important;
    }

    .menu-second-block {
        gap: 24px !important;
    }

    .users-page-block,
    .admin-news-block,
    .admin-create-news-block,
    .users-page-edit,
    .edit-page-block,
    .profile-block,
    .extract-block,
    .power-management-block,
    .create-info-pages-block,
    .pay-block,
    .profile-block {
        padding: 0 calc(var(--bs-gutter-x) * 0.5) !important;
        border-left: none;
        justify-content: center;
        width: 100%;
    }

    .profile-block-balance {
        margin: 0;
    }

    .pay-block-balance {
        padding: 0 !important;
    }

    .profile-block-box {
        gap: 12px;
        padding: 0 10px;
    }

    .menu__user,
    .block-menu-links.admin__link_btn {
        display: block !important;
    }

    .block-menu-links {
        display: block;
    }

    .profile__link {
        display: none !important;
    }

    .admin__link {
        display: none;
    }

    .menu-wrapper {
        justify-content: space-between;
    }

    .menu-first-block {
        max-width: 40%;
    }

    .menu-second-block {
        max-width: 60%;
    }

    .menu__user,
    .admin__link_btn {
        display: block;
    }
}

@media screen and (max-width: 1200px) {
    .main-page {
        margin-top: 112px;
    }

    .admin-create-news-block {
        padding: 0 calc(var(--bs-gutter-x) * 0.5) !important;
    }
}

@media screen and (min-width: 1281px) and (max-width: 1399px) {
    .profile-block-choose-personal-cash {
        gap: 24px;
    }

    .choose-personal-cash-btn {
        justify-content: center;
    }
}

@media screen and (max-width: 991px) {
    .extract-form-dates {
        flex-wrap: wrap;
        gap: 12px;
    }

    .menu-block-second-links a,
    .menu-block-second-location-desc {
        font-size: 16px;
    }

    .setting-form-btn a {
        width: 100%;
        text-align: center;
    }

    .show-page-block {
        padding: 0 !important;
        border-left: none;
    }

    .for-mobile {
        display: none;
    }

    .setting-profile-form form .col-lg-4 {
        margin-top: 8px;
    }

    .profile-block-qr {
        max-width: 240px;
        margin: 0 auto;
    }

    .admin-data-login {
        max-width: 300px;
    }

    .change_calendar_form:last-child .change_calendar_num {
        margin-right: 0;
    }

    .profile-block-choose-personal-cash {
    }

    .choose-personal-cash-btn {
        justify-content: center;
    }

    .news-block-header-page {
        margin: 64px 0 36px;
    }

    .news-img-desc-page {
        margin-bottom: 36px;
    }

    .button-page {
        margin-bottom: 48px;
    }

    .blocks-registration {
        gap: 36px;
    }

    .fc-event-title-container .fc-event-title.fc-sticky,
    .fc-event-container .fc-content span {
        white-space: initial;
        font-size: 11px;
        line-height: 1;
    }

    .welcome__title {
        font-size: 42px;
    }

    .welcome__text {
        font-size: 18px;
    }

    .welcome__buttons {
        justify-content: space-evenly;

        padding: 0;
    }
}

@media (max-width: 820px) {
    .menu-wrapper {
        flex-direction: column;
        justify-content: flex-start;
    }

    .menu-second-block {
        margin-top: 0 !important;
        max-width: 100%;
    }

    .menu-first-block {
        max-width: 100%;
    }

    .profile-block,
    .extract-block,
    .power-management-block {
        padding-left: 12px;
    }

    .pay-block-balance {
        padding-left: 0;
    }

    .accordion {
        padding: 12px;
        gap: 12px;
    }

    .accordion_tab {
        padding: 12px;
    }

    .accordion__tab .accordion__tab__label {
        font-size: 24px;
    }

    .accordion__tab .accordion__tab__radio:checked ~ .accordion__tab__content {
        margin-top: 12px;
    }
}

/* tablet */
@media only screen and (max-device-width: 768px) {
    .block-registration-header {
        display: block;
    }

    #commission_datatable_wrapper .row:last-of-type {
        justify-content: center;
    }

    .main-page-payment {
        padding-left: 0;
    }

    #commission_datatable_wrapper .row:last-of-type .pagination {
        flex-wrap: wrap;
    }

    .extract-form-dates {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    .extract-form-dates .extract-block-date-group {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: flex-start;
        text-align: initial;
        gap: 4px;
    }

    .commission__group {
        max-width: 100%;
        flex-direction: column;
    }

    .commission__group .commission {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 12px;
    }

    .extract-block-date-group {
        padding-bottom: 12px;
    }

    .extract-form-dates .extract-block-date-group input {
        width: 100%;
    }

    .notes-row {
        width: 100%;
        margin: 0 auto;
    }

    .notes-start-date,
    .notes-end-date {
        flex-direction: column !important;
        gap: 12px !important;
        align-items: flex-start !important;
    }

    .notes-start-date {
        margin-bottom: 12px;
    }

    .fc-toolbar {
        /*flex-direction: column;*/
        gap: 4px;
    }

    .btn-extract {
        margin-left: 0 !important;
    }

    .extract-block-checkboxes .extract-block-date-group {
        min-width: -moz-min-content;
        min-width: min-content;
    }

    .extract-block-date-group {
        min-width: 240px;
        justify-content: space-between;
    }

    #commission_report_datatable .extract-block-date-group {
        min-width: unset;
    }

    .profile-block,
    .pay-block-balance,
    .extract-block,
    .power-management-block {
        /*padding: 10px !important;*/
        border-left: none;
    }

    .users-page-title,
    .admin-news-title,
    .admin-create-news-title,
    .info-pages-title,
    .show-page-title,
    .extract-title,
    .show-page-title,
    .admin-create-news-title {
        margin-bottom: 1rem !important;
    }

    .extract-title h1,
    .users-page-title h1,
    .admin-news-title h1,
    .admin-create-news-title h1,
    .info-pages-title h1,
    .show-page-title h1,
    .slider-title h1,
    .profile-title h1,
    .pay-block-title h1 {
        font-size: 32px;
    }

    .header-phone-links {
        display: none;
    }

    .main-page-title {
        width: 100%;
    }

    .block-menu-links.admin__link_btn,
    .menu__user {
        display: block !important;
    }

    .week.main-calendar {
        height: 120px;
    }

    .week .fc-scroller.fc-day-grid-container {
        height: 100px !important;
    }

    .week .fc-row.fc-week.fc-widget-content {
        height: 100px !important;
    }

    .main-btn-for-personal-account {
        flex-direction: row !important;
    }

    .welcome__title {
        font-size: 36px;
        text-align: center;
    }

    .welcome__text {
        font-size: 16px;
        text-align: center;
    }

    .welcome__buttons {
        display: grid;

        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 1fr;
    }

    .welcome__button {
        max-width: 100%;
        height: 100%;
        padding: 36px;
    }

    .welcome__icon {
        width: 84px;
        height: 84px;
    }

    .welcome__button__text {
        font-size: 20px;
    }

    .main-page-description-header {
        margin-bottom: 12px;
    }

    .main-page-description-header h1 {
        font-size: 24px;
        font-weight: 600;
    }
}

@media only screen and (max-width: 768px) {
    .add-autopayment label {
        font-size: 16px;
    }

    .extract-block-inputs {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }

    .extract-block-date-group {
        width: 100%;
    }

    .rst-password-title {
        text-align: center;
        margin-bottom: 36px;
    }

    .rst-password-form-header {
        text-align: center;
    }

    .setting-form-btn div div a {
        width: 100%;
        text-align: center;
    }

    .pay-add-balance label {
        font-size: 20px;
    }

    .btn-pay-add-balance {
        padding: 5px 12px;
    }

    .week.main-calendar {
        height: 140px;
    }

    .week .fc-scroller.fc-day-grid-container {
        height: 80px !important;
    }

    .week .fc-row.fc-week.fc-widget-content {
        height: 80px !important;
    }

    .users-search-group:last-child {
        flex-direction: column;
        gap: 6px;
    }

    .week .fc-scroller-harness.fc-scroller-harness-liquid {
        height: 70px !important;
    }

    .week .fc-view-harness.fc-view-harness-active {
        height: 70px !important;
    }

    .week .fc-daygrid-body.fc-daygrid-body-unbalanced {
        height: 60px !important;
    }

    .fc-view-harness {
        height: 400px !important;
    }
}

@media screen and (max-width: 575px) {
    .header-title {
        text-align: center;
    }

    .welcome__buttons {
        grid-template-columns: 1fr;
        gap: 30px;
        margin: 0;
    }
}

@media only screen and (max-width: 480px) {
    body > main {
        padding: 36px 0 90px;
    }

    .footer--hidden {
        display: none;
    }

    .add-autopayment label {
        font-size: 14px;
    }

    .preorder-form h3 {
        text-align: center;
        margin-bottom: 16px;
    }

    .goods-item {
        flex-wrap: wrap;
    }

    .goods-image {
        margin-top: 8px;
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    .goods-name {
        max-width: 75%;
    }

    .goods-image a {
        pointer-events: none;
    }

    .main-page-buttons button {
        font-weight: 500 !important;
    }

    .form-block {
        padding: 24px !important;
    }

    .notes-title label,
    .notes-fio label,
    .notes-period-title label {
        font-size: 14px;
    }

    .power-managment-title {
        text-align: center;
    }

    .setting-form-btn,
    .setting-form-btn button,
    .setting-form-btn a {
        width: 100% !important;
    }

    .setting-form-btn button {
        padding: 15.5px 30px;
    }

    .users-page-edit-title,
    .admin-create-news-block-title,
    .create-info-block-title,
    .profile-title {
        text-align: center;
    }

    .profile-block-pers-account,
    .pay-block-pers-account {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .admin-add-news {
        gap: 12px;
        flex-direction: column;
    }

    .admin-add-news a {
        width: 100%;
    }

    .user-page-form-group-button {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }

    .user-page-form-group-button input,
    .user-page-form-group-button a {
        display: block;
        text-align: center;
        max-height: 36px;
        height: 100%;
        width: 50%;
    }

    .extract-block-date-groups {
        flex-direction: column;
    }

    .extract-block-date-groups .extract-block-date-group,
    .extract-block-date-groups .extract-block-date-group input {
        width: 100%;
    }

    .dataTables_wrapper .row:first-of-type {
        flex-direction: column;
    }

    .dataTables_wrapper .row:first-of-type div {
        width: 100% !important;
    }

    .dataTables_wrapper .row:first-of-type div .dataTables_length {
        text-align: inherit;
    }

    .commission-search-input {
        padding: 5px 15px;
    }

    .edit-page-block-header {
        gap: 12px;
    }

    .edit-page-block-header .checkbox-wrapper-23 {
        width: -moz-min-content;
        width: min-content;
    }

    .edit-page-block-header span,
    .edit-page-block-header div {
        width: 100%;
    }

    .edit-page-block-header div a {
        width: 100%;
        display: block;
        text-align: center;
    }

    .admin-create-buttons,
    .create-info-buttons {
        flex-direction: column;
        gap: 12px;
    }

    .create-info-buttons button,
    .create-info-buttons a,
    .admin-create-buttons button,
    .admin-create-buttons a {
        width: 100%;
        text-align: center;
    }

    .trix-button-row {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 12px;
    }

    .admin-data-login {
        max-width: 240px;
    }

    .extract-title h1,
    .users-page-title h1,
    .admin-news-title h1,
    .admin-create-news-title h1,
    .info-pages-title h1,
    .show-page-title h1,
    .slider-title h1,
    .profile-title h1,
    .pay-title h1 {
        font-size: 28px;
        /*text-align: center;*/
    }

    .extract-block-min-title label {
        text-align: inherit;
    }

    .admin-search-group:nth-of-type(2) {
        flex-direction: column;
        gap: 12px;
    }

    .admin-search-group-btns {
        width: 100%;
    }

    .personal-account-modal-overlay-content-btn {
        flex-direction: column;
    }

    .personal-account-modal-overlay-content-btn button {
        width: 100% !important;
    }

    .personal-account-modal-overlay-content-block {
        max-width: 300px;
        margin: 0 auto;
    }

    .modal-content-button {
        gap: 12px;
        flex-direction: column;
    }

    .modal-content-button form {
        width: 100%;
    }

    .modal-content-button button {
        width: 100%;
    }

    .modal-content-button > a {
        width: 100% !important;
    }

    .main-page-buttons {
        flex-direction: column;
        gap: 16px;
    }

    .main-page-buttons .form-group {
        max-width: 100%;
    }

    .news-block-header-page {
        margin: 48px 0 36px;
    }

    .button-page {
        margin-bottom: 48px;
    }

    .footer-wrapper {
        gap: 24px;
    }

    .week.main-calendar {
        height: 120px;
    }

    .week .fc-scroller.fc-day-grid-container {
        height: 65px !important;
    }

    .week .fc-row.fc-week.fc-widget-content {
        height: 65px !important;
    }

    .week .fc-scroller-harness.fc-scroller-harness-liquid {
        height: 60px !important;
    }

    .week .fc-view-harness.fc-view-harness-active {
        height: 60px !important;
    }

    .week .fc-daygrid-body.fc-daygrid-body-unbalanced {
        height: 50px !important;
    }

    .welcome__title {
        font-size: 32px;

        margin-bottom: 18px !important;
    }

    .welcome__text {
        font-size: 14px;

        margin-bottom: 24px;
    }

    .welcome__button {
        padding: 36px 36px;
    }

    .welcome__icon {
        width: 72px;
        height: 72px;
    }

    .welcome__button__text {
        font-size: 18px;
    }

    .accordion__tab .accordion__tab__label {
        font-size: 20px;
    }

    .news__buttons {
        flex-direction: column;
    }

    .news__buttons div {
        width: 100%;
    }

    .news__buttons div a,
    .news__buttons div form button {
        width: 100%;
    }

    .card-number p {
        font-size: 20px;
    }

    #guest-pay {
        align-items: center !important;
    }

    #guest-pay label {
        text-align: center !important;
        margin: 0 auto;
    }

    .pay-add-balance:first-of-type {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .pay-add-balance > label,
    .pay-block-balance-title > span,
    .pay-block-balance-title > p {
        font-size: 18px;
    }

    .extract-block-checkboxes {
        flex-direction: column;
    }

    .main-page-wrapper {
        justify-content: center;
        flex-direction: column;
        grid-gap: 20px;
    }

    .main-page-img {
        display: none;
    }

    .main-page-img img {
        max-width: 350px;
        height: auto;
    }

    .form-group button {
        width: 350px;
    }

    .main-page-img {
        text-align: left;
    }

    .header-logo-image--guest {
        display: none !important;
    }

    .menu-second-block {
        margin-top: 10px !important;
    }

    .blocks-registration {
        gap: 15px;
    }

    .footer-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-links {
        display: none;
    }

    .footer-logo {
        width: 100%;
        margin-bottom: 0 !important;
    }

    .footer-logo > .footer-logo-image:first-child img {
        width: 60px;
        height: 36px;
    }

    .footer-logo > .footer-logo-image:first-child span {
        font-weight: 600;
    }

    .footer-logo div {
        margin-right: 0 !important;
    }

    .footer-logo > .footer-logo-image:last-child {
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: flex-start;
        font-size: 16px;
        line-height: 1;
    }

    .link ul {
        display: flex;
        flex-direction: column;
        text-align: center;
        margin-top: 20px;
    }

    .profile-block-choose-personal-cash {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .profile-block-choose-personal-cash-group {
        display: flex;
        justify-content: center;
    }

    .choose-personal-cash-btn {
        display: flex;
        justify-content: center;
    }

    .choose-personal-cash-btn-add {
        display: flex;
        justify-content: center;
    }

    .pay-add-balance:not(:first-of-type) {
        display: flex;
        flex-direction: column;
    }

    .extract-block-date form {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .extract-block-date {
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }

    .users-page-block-search form {
        gap: 12px;
    }

    .users-search-group {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .users-search-group-btns {
        max-width: 100%;
        width: 100%;
    }

    .admin-search-form form {
        display: flex;
        flex-direction: column;
    }

    .profile__link,
    .admin__link {
        display: none !important;
    }

    .for_guest {
        display: block !important;
    }

    .menu__user,
    .admin__link_btn {
        display: block;
        overflow: scroll;
    }

    .menu-links a,
    .menu-block-second-links a,
    .menu-block-second-location {
        font-size: 16px;
    }

    #menu {
        height: auto;
    }
}

@media screen and (max-device-width: 992px) {
    .extract-block-inputs {
        gap: 12px;
    }

    .history-of-operations-table th,
    .history-of-operations-table td {
        min-width: 110px;
    }

    .history-of-operations-table th {
    }
}

@media screen and (max-width: 820px) {
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 !important;
    }

    .fc .fc-toolbar-title {
        font-size: 1.5em;
    }

    .fc-left h2 {
        font-size: 32px;
    }

    body > main.main--auth {
        padding: 36px 0 90px;
    }

    .header-logo img {
        width: 60px;
        height: 36px;
    }

    .header-logo span {
        font-weight: 600;
        line-height: 1;
    }

    .power-managment-title h1,
    .profile-title h1,
    .pay-title h1,
    .header-title h1,
    .extract-title h1,
    .show-page-title h1,
    .pay-title h1,
    .slider-title h1,
    .about-us-title h1,
    .privacy-title h1,
    .users-page-title h1,
    .public-offer-title h1,
    .info-pages-title h1,
    .admin-news-title h1,
    .admin-create-news-title h1 {
        font-size: 28px !important;
    }

    .footer--hidden {
        display: none;
    }

    .mobile-menu {
        display: grid;
    }

    .main-menu {
        width: 60vw;
        top: 72px;
    }

    .main-menu--active {
        overflow: auto;
        height: calc(100vh - 69px);
        right: 0;
    }

    .notes-title {
        font-size: 24px;
    }

    .pay-block-balance-title span {
        font-size: 24px;
    }

    .pay-add-balance label {
        font-size: 24px;
    }

    .btn-pay-add-balance {
        padding: 5px 12px;
    }

    .main-btn-for-personal-account {
        margin-top: 0;
    }

    .row.my-4 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .mobile-title {
        display: none;
    }

    .fc-scroller {
        overflow: unset !important;
        height: auto !important;
    }

    section > .container > .row.my-5,
    .extract-block-sec .container > .row.my-5,
    .food_management .container > .row.my-5 {
        margin: 2rem 0 !important;
    }

    .food_management .power-managment-title h4 {
        font-size: 24px;
    }

    .extract-block-min-title h6 {
        font-size: 24px;
    }

    .btn-add-cash,
    .pay-block-balance-title p {
        font-size: 16px;
    }

    .power-managment-title {
        gap: 6px;
    }

    .profile-block-pers-account h4,
    .pay-block-pers-account h4,
    .food_management-name {
        font-size: 18px !important;
    }

    .profile-block-pers-account p,
    .pay-block-pers-account p,
    .food_management-acc {
        font-size: 16px !important;
    }

    .extract-blocks-balance span {
        font-size: 18px !important;
    }

    .extract-blocks-balance p {
        font-size: 16px !important;
    }

    .power-management-title h4,
    .profile-block-balance-title h4,
    .pay-block-balance-title span {
        font-size: 20px;
        text-wrap: pretty;
        -webkit-hyphens: auto;
                hyphens: auto;
    }

    .pay-block-balance-desc-main {
        padding: 1.5rem !important;
    }

    .profile-block-balance-title p {
        font-size: 16px;
    }

    .pay-block-cash h4,
    .profile-block-cash h4 {
        font-size: 32px;
    }

    .profile-block-cash-update .btn-reload {
        width: 32px;
        height: 32px;
    }

    .pay-block-cash-update .btn-reload-button img {
        width: 32px;
        height: 32px;
    }

    .profile-block-balance .btn-add-cash {
        height: auto;
        padding: 8px;
        font-size: 16px;
    }

    .food_management .pay-block-balance-desc-main .my-4 {
        margin: 0 !important;
    }

    .food_management .power-managment-warning {
        margin: 1rem 0 !important;
    }

    .food_management .power-managment-warning span {
        font-size: 14px;
    }

    .food_management .pay-block-balance-desc-main {
        padding: 16px 24px;
    }

    .food_management .btn-reload-button img {
        width: 24px;
        height: 24px;
    }

    .profile-block-choose-personal-cash {
        margin-top: 1.5rem !important;
    }

    .touch-screen-only {
        font-size: 14px;
    }

    .pay-block-balance-title.pt-3 p {
        margin: 0 !important;
    }

    h4.autopayment-title {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 480px) {
    .fc-button {
        font-size: 14px !important;
    }

    .fc-left h2 {
        font-size: 20px;
    }

    .fc button,
    .fc table,
    body .fc {
        font-size: 14px !important;
    }

    .power-managment-title h1,
    .profile-title h1,
    .pay-title h1,
    .header-title h1,
    .extract-title h1,
    .show-page-title h1,
    .pay-title h1,
    .slider-title h1,
    .about-us-title h1,
    .privacy-title h1,
    .users-page-title h1,
    .public-offer-title h1,
    .info-pages-title h1,
    .admin-news-title h1,
    .admin-create-news-title h1 {
        font-size: 22px !important;
    }

    .notes-title {
        font-size: 20px;
    }

    section > .container > .row.my-5,
    .food_management .container > .row.my-5 {
        margin: 1.5rem 0 !important;
    }

    .food_management .power-managment-title h4 {
        font-size: 20px;
    }

    .food_management-name {
        font-size: 18px !important;
    }

    .food_management-acc {
        font-size: 16px !important;
    }

    .food_management .pay-block-balance-desc-main .my-4 {
        margin: 0 !important;
    }

    .food_management .power-managment-warning {
        margin: 1rem 0 !important;
    }

    .food_management .power-managment-warning span {
        font-size: 14px;
    }

    .food_management .pay-block-balance-desc-main {
        padding: 20px;
    }

    .food_management .btn-reload-button img {
        width: 24px;
        height: 24px;
    }

    .pay-block-cash-update .btn-reload-button img {
        width: 24px;
        height: 24px;
    }

    .profile-block-choose-personal-cash {
        margin-top: 1.5rem !important;
    }

    .pay-block-pers-account h4,
    .profile-block-pers-account h4 {
        font-size: 18px !important;
    }

    .pay-block-pers-account p,
    .profile-block-pers-account p {
        font-size: 16px !important;
        margin-bottom: 0 !important;
    }

    .profile-block-balance {
        padding: 1.5rem !important;
    }

    .power-management-title h4,
    .profile-block-balance-title h4,
    .pay-block-balance-title span {
        font-size: 18px;
    }

    .profile-block-balance-title p {
        font-size: 16px;
    }

    .pay-block-cash h4,
    .profile-block-cash h4 {
        font-size: 24px;
    }

    .profile-block-cash-update .btn-reload {
        width: 24px;
        height: 24px;
    }

    .profile-block-balance .btn-add-cash {
        height: auto;
        padding: 8px 16px;
        font-size: 14px;
    }

    .type-tabs .tab {
        font-size: 1rem;
        height: auto;
        padding: 8px 16px;
    }

    .front-payment.type-tabs .glider,
    .front-payment.type-tabs .tab {
        width: 100%;
    }

    .front-payment.type-tabs input[id='radio-1']:checked ~ .glider {
        transform: translateY(0);
    }

    .front-payment.type-tabs input[id='radio-2']:checked ~ .glider {
        transform: translateY(40px);
    }

    .glider p {
        height: 40px;
    }

    .form_radio_btn label {
        font-size: 14px;
        font-weight: 500;
        padding: 8px;
        line-height: 1.5;
    }

    .pay-block-balance-commission span {
        font-size: 16px;
    }

    .pay-block-balance-commission.my-4 {
        margin: 1rem 0 !important;
    }

    .pay-add-balance {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .pay-add-balance label {
        font-size: 20px;
    }

    .front-payment.pay-add-balance label {
        display: none;
    }

    .main-btn-for-personal-account {
        margin-top: 0;
    }

    .history-of-operations-table th,
    .history-of-operations-table td {
        padding: 10px 1px;
        min-width: 48px;
        max-width: 25%;
        width: 100%;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .history-of-operations-table tbody td {
        font-size: 12px;
    }

    .fc-event-title-container .fc-event-title.fc-sticky,
    .fc-event-container .fc-content span {
        white-space: initial;
        font-size: 11px;
        line-height: 1;
    }
}

@media screen and (max-width: 768px) {
    .btn-excel {
        /* margin-right: 24px; */
    }

    .report-block {
        justify-content: space-between;
    }

    .report-block > .extract-block-date-group {
        width: 40%;
    }

    .news-block-header-page h6 {
        font-size: 32px;
    }

    .news-img-category-page span,
    .news-img-date-page span {
        font-size: 18px;
    }

    .admin-news-search .admin-data-login {
        max-width: 200px;
    }

    .admin-news-search th {
        max-width: 120px;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .fc-view-harness {
        height: 426px !important;
    }
}

@media screen and (max-width: 515px) {
    .report-block > .extract-block-date-group {
        width: 100%;
    }
}

@media screen and (max-width: 494px) {
    .admin-news-search .admin-data-buttons {
        height: 80px;
    }
}

@media screen and (max-width: 1400px) {
    .plug-buttons > .form-group {
        max-width: 100%;
        width: 100% !important;
    }

    .plug-buttons .form-group > a {
        display: block;
        width: 100% !important;
    }

    .plug-buttons .form-group > a > button {
        width: 100% !important;
    }
    .footer-wrapper {
        flex-direction: column !important;
    }
    .footer-logo {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer-links > nav > ul {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 4px 16px !important;
    }
}

@media screen and (max-width: 1200px) {
    .plug-content {
        min-height: calc(100vh - 73px - 99px - 50px);
    }
}

@media screen and (max-width: 1200px) {
    .plug-mail {
        text-align: center;
        padding-bottom: 24px;
    }
}

@media screen and (max-width: 480px) {
    .plug-content {
        min-height: calc(100vh - 73px - 187px - 50px);
    }

    .news-block-header-page h6 {
        font-size: 24px;
    }

    .news-img-category-page span,
    .news-img-date-page span {
        font-size: 16px;
    }

    .news-block-description-page {
        text-align: justify;
    }

    .users-datatable .custom-dt-row {
        flex-direction: column;
        padding: 8px;
    }

    .users-datatable .custom-dt-row:not(:last-of-type) {
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(44, 61, 115, 0.25);
    }

    .users-datatable .custom-dt-row-body,
    .users-datatable .custom-dt-row-title {
        width: 100%;
        text-align: center;
    }

    .users-datatable .custom-dt-row-body .user-data-button-group {
        margin-left: auto;
    }

    .users-datatable .custom-dt-row-body .user-data-button-group {
        margin-left: auto;
    }

    .users-datatable .custom-dt-row-title {
        margin-bottom: 12px;
    }

    .users-datatable .custom-dt-row:not(:last-of-type) {
        margin-bottom: 0;
    }
    .commission-report-datatable .custom-dt-row,
    .commission-datatable .custom-dt-row {
        flex-direction: column;
        padding: 8px;
    }

    .commission-report-datatable .custom-dt-row:not(:last-of-type),
    .commission-datatable .custom-dt-row:not(:last-of-type) {
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(44, 61, 115, 0.25);
    }

    .commission-report-datatable .custom-dt-row-body,
    .commission-report-datatable .custom-dt-row-title,
    .commission-datatable .custom-dt-row-body,
    .commission-datatable .custom-dt-row-title {
        width: 100%;
        text-align: center;
    }

    .commission-report-datatable .custom-dt-row-body .user-data-button-group,
    .commission-datatable .custom-dt-row-body .user-data-button-group {
        margin-left: auto;
    }

    .commission-report-datatable .custom-dt-row-body .user-data-button-group,
    .commission-datatable .custom-dt-row-body .user-data-button-group {
        margin-left: auto;
    }

    .commission-report-datatable .custom-dt-row-title,
    .commission-datatable .custom-dt-row-title {
        margin-bottom: 12px;
    }

    .commission-report-datatable .custom-dt-row:not(:last-of-type),
    .commission-datatable .custom-dt-row:not(:last-of-type) {
        margin-bottom: 0;
    }

    .commission-report-datatable .user-data-acc-num,
    .commission-datatable .user-data-acc-num {
        align-items: center;
        justify-content: center !important;
    }
    .commission-report-datatable .custom-dt-row-body .extract-block-date-group {
        justify-content: center !important;
    }

    .block-registration {
        border: 0;
        box-shadow: none;
        padding: 0px !important;
    }

    .register-title {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .register-title h1 {
        text-align: left !important;
        font-weight: 600 !important;
        font-size: 22px !important;
    }

    .register-title p {
        font-size: 16px;
        font-weight: 400;
        color: #2c3d73;
        text-align: left;
        display: block;
    }

    .block-registration-header {
        display: none;
    }

    .block-registration-manual {
        display: none;
    }

    .block-registration .form-group > label {
        font-weight: 600;
        font-size: 16px;
        color: #2c3d73;
    }

    .block-registration button {
        background-color: #2c3d73;
        font-weight: 500;
        font-size: 16px;
    }

    .block-registration button:hover {
        background-color: #ff9d32;
        color: white;
    }

    .main-menu {
        top: 72px;
        width: 100vw;

        padding: 24px;
    }

    .main-menu--unauth {
        top: 72px;
    }

    .main-menu__link,
    .main-menu__dropdown__trigger {
        font-size: 16px;
    }
}

@media screen and (max-width: 380px) {
    .edit-block-page-headers span,
    .edit-block-page-output div,
    .edit-block-page-output a,
    .edit-block-page-output-date div,
    .edit-block-page-output-date a {
        -webkit-hyphens: auto;
        hyphens: auto;
        max-width: 100px;
        min-width: 100px;
        width: 100%;
    }
}

@media screen and (max-width: 560px) {
    .history-input {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .history-input input {
        width: 100%;
    }
}

.form-item {
    position: relative;
}

.password-control.input_view {
    right: 18px;
    top: 51px;
}

.profile-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    justify-content: end;
}

@media screen and (max-width: 1280px) {
    /*    PROFILE SECTION    */
    .profile-layout__inner {
        gap: 30px;
    }
    .profile-layout__sidebar {
        display: none;
    }
    .profile-layout__content {
        padding: 0 4px;
        gap: 30px;
    }
    .profile-layout__title {
        font-size: 28px;
    }
    /*    END PROFILE SECTION    */

    /*    LOGIN    */
    .login__header {
        gap: 20px;
    }
    .login__title {
        font-size: 40px;
    }
    .login__description {
        font-size: 16px;
    }
    .login__content {
        gap: 12px;
    }
    .login__form__item {
        font-size: 16px;
    }
    .login__welcome__button {
        max-width: 320px;
    }
    .login__welcome__button svg {
        width: 84px;
        height: 84px;
    }
    .login__welcome__button span {
        font-size: 20px;
    }
    /*    END LOGIN    */
}

@media screen and (max-width: 992px) {
    /*    END LOGIN    */
    .login__welcome__button {
        max-width: 248px;
    }
    .login__welcome__button svg {
        width: 64px;
        height: 64px;
    }
    .login__welcome__button span {
        font-size: 18px;
    }
    /*    END LOGIN    */

    /*    FOOTER    */
    .footer__bottom {
        align-items: flex-start;
    }
    .footer__applications {
        flex-direction: column;
    }
    /*    END FOOTER    */
}

@media screen and (max-width: 820px) {
    /*    PROFILE SECTION    */
    .profile-layout__inner {
        gap: 28px;
    }
    .profile-layout__title {
        font-size: 24px;
    }
    .profile-layout__content {
        gap: 28px;
    }
    /*    END PROFILE SECTION    */

    /*    WARNING MESSAGE    */
    .warning-message {
        padding: 12px 18px;
    }
    .warning-message__text {
        font-size: 16px;
        font-weight: 500;
    }
    /*    END WARNING MESSAGE    */

    /*    PROFILE INFO    */
    .profile-info__name {
        font-size: 24px;
    }
    .profile-info__number {
        font-size: 20px;
    }
    /*    END PROFILE INFO    */

    /*    CHILD-BUTTONS    */
    .child-buttons {
        flex-direction: column;
        gap: 12px;
    }

    .child-buttons__button {
    }
    /*    END CHILD-BUTTONS    */

    /*    NEW-TABS    */
    .new-tabs {
        gap: 18px;
    }
    .new-tabs__tab {
        padding: 10px;
        font-size: 18px;
    }
    /*    END NEW-TABS    */

    /*    SUCCESS-MODAL    */
    .success-modal__title {
        font-size: 22px;
    }
    .success-modal__text {
        font-size: 14px;
    }
    /*    END SUCCESS-MODAL    */

    /*    LOGIN    */
    .login__inner {
        gap: 24px;
    }
    .login__header {
        gap: 12px;
    }
    .login__title {
        font-size: 32px;
    }
    .login__content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .login__form,
    .login__form__form {
        gap: 16px;
    }
    .login__welcome__button {
        flex-direction: row;
        gap: 8px;
        aspect-ratio: unset;
        max-width: unset;

        padding: 12px 20px;

        border: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: none;
        border-radius: 8px;

        height: 48px;
    }
    .login__welcome__button svg {
        width: 24px;
        height: 24px;
    }
    .login__welcome__button span {
        font-size: 16px;
    }
    /*    END LOGIN    */

    /*    PAYMENT-BUTTONS    */
    .payment-buttons {
        gap: 12px;
    }
    /*    END PAYMENT-BUTTONS    */

    /*    PWA BUTTON    */
    .pwa-button {
        display: flex;
    }
    /*    END PWA BUTTON    */

    /*    FOOTER    */
    .footer__navigation__link {
        font-size: 14px;
    }
    .footer__application__image {
        width: 120px;
    }
    .footer__copyright {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 2px;
    }
    .footer__copyright span {
        font-size: 14px;
    }
    /*    END FOOTER    */

    /*    NEWS    */
    .news {
        gap: 24px;
    }

    .news__categories {
        gap: 8px;
    }

    .news__category {
        padding: 8px;
        font-size: 14px;
    }

    .news__category:hover {
        background-color: #ff9d32;
        color: white;
    }

    .news__item__title {
        font-size: 18px;
    }

    .news__item__content {
        gap: 10px;
    }

    .news__item__description {
        font-size: 14px;
    }

    .news__item__date {
        font-size: 12px;
    }
    /*    END NEWS    */

    /*    NEWS NOTIFICATION    */
    .news-notification__close {
        top: 64px;
        right: 64px;
    }
    .news-notification__content__item__title {
        font-size: 24px;
    }
    .news-notification__content__item__description {
        flex: 1;
        font-size: 16px;
    }
    .news-notification__content__item__link {
        font-size: 18px;
        margin: 16px auto 0;
    }
    /*    END NEWS NOTIFICATION    */
}

@media screen and (max-width: 480px) {
    .fc-toolbar-title {
        font-size: 16px !important;
    }

    .power-management-warning span {
        font-size: 12px;
    }

    /*    PROFILE SECTION    */
    .profile-layout__inner {
        gap: 20px;
    }
    .profile-layout__title {
        font-size: 20px;
    }
    .profile-layout__content {
        gap: 20px;
    }
    /*    END PROFILE SECTION    */

    /*    WARNING MESSAGE    */
    .warning-message__text {
        font-size: 14px;
    }
    /*    END WARNING MESSAGE    */

    /*    ACCORDION    */
    .accordion__tab {
        padding: 12px;
    }
    .accordion__tab .accordion__tab__label {
        font-size: 18px;
    }
    /*    END ACCORDION    */

    /*    PROFILE INFO    */
    .profile-info {
        margin-bottom: 20px;
    }
    .profile-info__name {
        font-size: 18px;
    }
    .profile-info__number {
        font-size: 18px;
    }
    /*    END PROFILE INFO    */

    /*    EXTRACT-FORM    */
    .extract-form {
        gap: 12px;
    }
    .extract-form__item {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .extract-form__item span {
        font-size: 14px;
    }
    .extract-form__input {
        padding: 10px 20px;
        font-size: 14px;
    }
    .extract-form__button {
        font-size: 14px;
        margin-top: 8px;
    }
    /*    END EXTRACT-FORM    */

    /*    EXTRACT-DATE-FORM    */
    .extract-date-form {
        gap: 12px;
    }
    .extract-date-form__item {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .extract-date-form__item span {
        font-size: 14px;
    }
    .extract-date-form__input {
        padding: 10px 20px;
        font-size: 14px;
    }
    .extract-date-form__button {
        height: 43px;
        grid-column-start: 1;
        grid-column-end: 3;
        font-size: 14px;
    }
    /*    END EXTRACT-DATE-FORM    */

    /*    NEW-TABS    */
    .new-tabs {
        gap: 16px;
    }
    .new-tabs__tab {
        font-size: 16px;
    }
    /*    END NEW-TABS    */

    /*    LOGIN    */
    .login__inner {
        gap: 20px;
    }
    .login__header {
        gap: 8px;
    }
    .login__title {
        font-size: 24px;
    }
    .login__description,
    .login__form__item a,
    .login__form__item span {
        font-size: 14px;
    }
    .login__content {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .login__form,
    .login__form__form {
        gap: 12px;
    }
    .login__form__button {
        font-size: 14px;
    }
    .login__welcome__button {
        flex-direction: row;
        gap: 8px;
        aspect-ratio: unset;
        max-width: unset;

        padding: 12px 20px;

        border: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: none;
        border-radius: 8px;

        height: 48px;
    }
    .login__welcome__button svg {
        width: 24px;
        height: 24px;
    }
    .login__welcome__button span {
        font-size: 14px;
    }
    /*    END LOGIN    */

    /*    PAYMENT-BUTTONS    */
    .payment-buttons {
        margin-top: 12px;
    }
    .payment-buttons__button {
        margin-top: 0 !important;
    }
    .payment-buttons__button label {
        font-size: 16px !important;
    }
    /*    END PAYMENT-BUTTONS    */

    /*    INSTITUTION-BUTTONS    */
    .institution-buttons {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 12px !important;
    }

    .institution-buttons__button {
        width: 100%;
        height: 48px;
    }

    .institution-buttons__button > label {
        font-size: 16px !important;
    }
    /*    END INSTITUTION-BUTTONS    */

    /*    FOOTER    */
    .footer__bottom {
        display: none;
    }
    /*    END FOOTER    */

    /*    NEWS    */
    .news__list {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .news__item__title {
        font-size: 18px;
    }
    .news__no-data {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    /*    END NEWS    */

    /*    NEWS PAGE    */
    .news-page {
        gap: 24px;
    }
    .news-page__content {
        gap: 12px;
    }
    .news-page__date,
    .news-page__back-button {
        font-size: 14px;
    }
    /*    END NEWS PAGE    */

    .element,
    button,
    label {
        -moz-user-select: none;
             user-select: none;
        -webkit-user-select: none;
    }

    link[rel='manifest'] {
        --pwacompat-splash-font: 24px Montserrat !important;
    }

    .rst-password-form {
        padding: 20px;
    }

    .block-registration span,
    .block-registration p {
        font-size: 14px !important;
        text-wrap: pretty;
        -webkit-hyphens: auto;
                hyphens: auto;
    }

    .form-group-personal-data a,
    .form-group-personal-data p {
        font-size: 12px !important;
    }

    .personal-block-slider-block-title {
        font-size: 18px;
    }

    /*    MANAGMENT DIALOG    */
    .managment-dialog__header {
        margin-bottom: 24px;
    }
    .managment-dialog__header h4 {
        font-size: 20px;
    }
    .managment-dialog__content {
        margin-bottom: 64px;
    }
    .managment-dialog__link {
        font-size: 16px !important;
    }
    /*    END MANAGMENT DIALOG    */

    /*    NEWS NOTIFICATION    */
    .news-notification__background__item {
    }
    .news-notification__close {
        top: 48px;
        right: 48px;
    }
    .news-notification__content__inner {
        max-width: 480px;
        padding: 12px;
    }
    .news-notification__content__item__inner {
        max-width: 320px;
        min-width: 320px;
        gap: 12px;
    }
    .news-notification__content__item__title {
        font-size: 22px;
    }
    .news-notification__content__item__description {
        font-size: 14px;
    }
    .news-notification__content__item__link {
        font-size: 16px;
        margin: 12px auto 0;
    }
    /*    END NEWS NOTIFICATION    */

    /*    SUCCESS-MODAL    */
    .success-modal__title {
        font-size: 20px;
    }
    .success-modal__text {
        font-size: 14px;
    }
    /*    END SUCCESS-MODAL    */
}