@media (max-width: 1500px) {
    .transaction_history_table .pagination.fixed .pagination__body .pagination__show p {
        display: none;
    }
}

@media (max-width: 1400px) {
    #rule-log .flex-xxl-wrap {
        flex-wrap: wrap;
    }
    #rule-log .filter-options .filter-options__items .datepicker-el, #rule-log .filter-options .filter-options__items .time-piker, #rule-log .filter-options .filter-options__items .categories {
        margin-bottom: 10px;
    }
    #rule-log .filter-options__items.flex-x-wrap {
        flex-wrap: wrap;
        flex: 0 0 100%;
    }
}

@media (max-width: 1380px) {
    #report .filter-options {
        flex-wrap: wrap;
        align-items: flex-start;
    }
    #report .filter-options .filter-options__items .datepicker-el, #report .filter-options .filter-options__items .time-piker, #report .filter-options .filter-options__items .categories {
        margin-bottom: 10px;
    }
}

@media (max-width: 1360px) {
    .flex-xxl-wrap {
        flex-wrap: wrap;
    }
    .flex-xxl-wrap .filter-options__search {
        flex: 0 0 100%;
        margin-bottom: 10px;
        max-width: none;
        margin-right: 0;
    }
    .filter-options__items.flex-xxl-wrap>.btn {
        align-self: flex-end;
    }
    .cards__col-xxl-12.cards__col-8, .cards__col-xxl-12.cards__col-4 {
        width: 100%;
    }
    .flex-xxl-row.flex-col {
        flex-direction: row;
        justify-content: space-between;
    }
    .flex-xxl-row.flex-col>.card {
        flex: 0 0 49%;
    }
}

@media (max-width: 1199.98px) {
    .cadrs__col-xl-2.cards__col-4 {
        width: 50%;
    }
    body:not(.sidebar-collapsed) .calls {
        flex-direction: column;
    }
    body:not(.sidebar-collapsed) .calls__col {
        width: 100%;
    }
    .track_dispatch_wrpr {
        flex-direction: column;
    }
    .dispatch_companies_row {
        max-width: 100%;
    }
    .transaction_history_table {
        margin-left: 0;
        margin-top: 20px;
        border-left: 0;
        border-top: 1px solid #DDE2E4;
    }
    .transaction_history_table .heading-page-h1 {
        margin: 20px 0 15px;
    }
    .transaction_history_table .transaction_history_card {
        margin: 10px 0;
    }
    .transaction_history_card_wrpr {
        height: initial;
    }
    .transaction_history_table .pagination.fixed .pagination__body {
        padding: 15px 0;
    }
    .transaction_history_table .pagination.fixed .pagination__body .pagination__show p {
        display: inline-block;
    }
}

@media (max-width: 1070px) {
    .flex-x-wrap {
        flex-wrap: wrap;
    }
    .filter-options__items.flex-x-wrap {
        justify-content: space-between;
        flex: 0 0 100%;
    }
    .flex-x-wrap .dropdown-wrapper {
        flex: 0 0 48%;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .flex-x-wrap .datepicker-el, .flex-x-wrap .time-piker {
        flex: 0 0 48%;
        max-width: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .flex .flex-x-wrap .datepicker-el:not(.flex .datepicker-el:last-child) {
        margin-right: 0;
    }
    .filter-options__items.flex-x-wrap+.btn {
        align-self: flex-start;
    }
}

@media (max-width: 991.98px) {
    .filter-options-wrapper.flex-md-col .filter-options__items+.flex {
        margin-top: 10px;
    }
    .reports__col {
        flex: 0 0 50%;
    }
    .report-calendar__date {
        display: none;
    }
}

@media (max-width: 767.98px) {
    footer {
        padding: 15px 0;
    }
    .pricing__row {
        flex-direction: column;
    }
    .pricing__col {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
    .pricing__col:not(:last-child) {
        margin-bottom: 20px;
    }
    .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
    .filter-options__items .categories.dropdown-wrapper .categories__dropdown {
        min-width: 100%;
    }
    .cadrs__col-md.cards__col-4 {
        width: 100%;
    }
    .pagination.wizard-actions .pagination__body {
        flex-direction: row;
    }
    .company-page__info ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .popup__window-body .cards:first-child .cards__col-4 {
        margin-bottom: 10px;
    }
    .cards__col-md-6 {
        width: 50%;
    }
    [data-target='add-prod-category'] .cards__col-8 {
        margin-bottom: 10px;
        width: 100%;
    }
    .spoiler__button .buttons-group.add-buttons {
        justify-content: flex-end;
    }
    .dispatch_companies_row {
        flex-direction: column;
    }
    .dispatch_delivery_icon {
        margin: 15px;
    }
}

@media (max-width: 640px) {
    footer .copywrite {
        margin-bottom: 10px;
    }
    footer .flex.footer__container-content {
        flex-direction: column;
        align-items: center;
    }
    .fc-toolbar-chunk+.fc-toolbar-chunk {
        display: none;
    }
    .shedule-report.fc .fc-scrollgrid.fc-scrollgrid-liquid tbody[role="rowgroup"] {
        position: relative;
        top: 0px;
    }
    .shedule-report.fc .fc-scrollgrid.fc-scrollgrid-liquid thead .fc-col-header-cell {
        border: 1px solid #ddd;
        border: 1px solid var(--fc-border-color, #ddd);
    }
    .chart.flex {
        flex-direction: column;
    }
    .chart__quick-info {
        flex: auto;
        flex-direction: row;
        align-items: center;
        border-bottom: 1px solid var(--border-primary);
    }

    .quick-info__body .actual-info img {
        display: none;
    }
    .quick-info__body .actual-info span {
        margin-top: 0;
    }
}

@media (max-width: 575.98px) {
    .header-actions>p {
        display: none;
    }
    .calls__col .timing__header {
        flex-direction: column;
        align-items: flex-start;
    }
    .timing__actions {
        margin-top: 10px;
    }
    .header-actions .ml-20 {
        margin-left: 0;
    }
    .calls__col--left {
        padding-bottom: 0;
    }
    .reports__col {
        flex: 0 0 100%;
    }
    footer ul li:not(footer ul li:last-child) {
        margin-right: 15px;
    }
    .user__name {
        display: none;
    }
    .notifications__dropdown {
        transform: translateX(80px);
    }
    .flex-sm-wrap {
        flex-wrap: wrap;
    }
    .flex-xs-col {
        flex-direction: column;
    }
    .data-row.flex-xs-col .data-row__list {
        margin-bottom: 10px;
        width: 100%;
        padding-right: 0;
    }
    .company-page__img {
        height: auto;
    }
    .gallery {
        gap: 10px;
    }
    .form-group__col {
        width: 100%;
    }
    .flex-x-wrap .dropdown-wrapper {
        flex: 0 0 100%;
    }
    .chart__body-actions {
        flex-direction: column;
        align-items: center;
    }
    .chart__body-actions .buttons-group {
        margin-bottom: 10px;
    }
    .spoiler.--style-2 .spoiler__button .add-buttons {
        margin-top: 5px;
    }
    .spoiler.--style-2 .spoiler__button .add-buttons .btn:not(:first-child) {
        margin-left: 0;
    }
    .spoiler.--style-2 .spoiler__button .btn {
        justify-content: flex-start;
    }
    .flex-xxl-row.flex-col {
        display: block;
    }
    .filter-options__items {
        flex-wrap: wrap;
    }
    .company-page__info ul {
        grid-template-columns: 1fr;
    }
    .heading-list {
        flex-direction: column;
        align-items: flex-start;
    }
    .heading-list li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .heading-list li:not(:last-child)::after {
        display: none;
    }
    .filter-options__items .datepicker-el, .filter-options__items .time-piker {
        max-width: none;
        width: 100%;
        margin-right: 0;
    }
    .flex-x-wrap .datepicker-el {
        flex: 0 0 100%;
    }
    .filter-options__items .categories.dropdown-wrapper {
        width: 100%;
        margin-right: 0;
    }
    .filter-options .categories button {
        max-width: none;
    }
    .heading-wrapper {
        flex: 0 0 100%;
        margin-top: 5px;
    }
    .heading-wrapper .btn-rename {
        margin-left: 0;
    }
    .popup_wrpr .popup__window {
        padding: 20px 10px;
    }
    .headline-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .headline-wrapper .headline.headline--sm {
        margin-bottom: 10px;
    }
    .data-row__list {
        flex-direction: column;
        align-items: flex-start;
    }
    .data-row__item {
        width: 100%;
    }
    .data-row__item:not(:last-child) {
        margin-bottom: 5px;
    }
    .data-row__item+.data-row__item {
        margin-left: 0;
        padding-left: 0;
    }
    .data-row__item+.data-row__item::before {
        display: none;
    }
    .data-row__item:not(:first-child) {
        padding-top: 5px;
        border-top: 1px solid var(--border-primary);
    }
    .buttons-group .btn {
        width: 100%;
    }
    .add-buttons .btn:not(:last-child) {
        margin-right: 0;
    }
    .headline-wrapper .add-buttons .btn:not(:first-child) {
        margin-left: 0;
    }
    .cards__col-md-6 {
        width: 100%;
    }
    .datetimepicker-wrapper.modal .datetimepicker {
        width: 100%;
    }
    .data-row__spoiler .buttons-group {
        flex-wrap: wrap;
    }
    .data-row__spoiler .buttons-group .datepicker-el, .data-row__spoiler .buttons-group .time-piker {
        max-width: none;
        margin-right: 0;
        width: 100%;
    }
    .data-row__spoiler .flex .buttons-group .datepicker-el:not(.flex .datepicker-el:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

@media (max-width: 460px) {
    .header-dash__buttons .btn span {
        display: none;
    }
    .gallery {
        grid-template-columns: repeat(1, 1fr);
    }
    .quick-info__footer {
        display: none;
    }
    .schedule-options {
        flex-direction: column;
        align-items: flex-start;
    }
    .schedule-options .el-form {
        margin-bottom: 10px;
    }
    .popup__window-actions .buttons-group {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .header-black .logo__text, .header-black .logo {
        font-size: 14px;
    }
    .notifications__dropdown, .user-dropbown {
        min-width: 300px;
    }
    .header-black .btn-white {
        margin-right: 10px;
    }
    .data-row__controls {
        flex-direction: column;
        justify-content: center;
    }
    .data-row__controls .btn+.btn {
        margin-left: 0;
        margin-top: 10px;
    }
    .header-dash .user-dropbown {
        right: -15px;
    }
    .header-dash .notifications__dropdown {
        transform: translateX(95px);
    }
}

@media (max-width: 375px) {
    .header-dash .user-dropbown, .header-dash .notifications__dropdown {
        min-width: 250px;
    }
}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}