@media (max-width: 1440px) {
    .workspace--controls{
        padding-left: calc(52px + 10px);
        padding-right: calc(52px + 10px);
    }
    .option.w-sidebar{
        flex: inherit;
        max-width: max-content;
    }
    .pages-workspace{
        /* padding-top: 80px; */
        padding-bottom: 80px;
    }
    .btn-workspace--sidebar{display:flex !important;}
    /* sidebar pages*/
    .open-sidebar[data-sidebar="sidebar-pages"] .sidebar-pages{
        left: 0;
        z-index: 3;
    }
    .open-sidebar[data-sidebar="sidebar-pages"] .sidebar-pages .btn-workspace--sidebar .ico{
        transform: rotate(180deg);
    }
    .sidebar-pages{
        position: fixed;
        left: -240px;
        height: calc(100% - 138px);
        top: 0;
        margin-top: 138px;
        transition: left 0.5s;
    }
    /* sidebar pages*/
    .open-sidebar[data-sidebar="sidebar-works"] .sidebar-works{
        right: 0;
        z-index: 3;
    }
    .open-sidebar[data-sidebar="sidebar-works"] .sidebar-works .btn-workspace--sidebar .ico{
        transform: rotate(0deg);
    }
    .sidebar-works{
        position: fixed;
        right: calc((var(--w-sidebar) + 10px) * -1);
        height: calc(100% - 138px);
        top: 0;
        margin-top: 138px;
        transition: right 0.5s;
    }
    /* sidebar pages*/
}

@media (max-width: 1400px) {
    .header__actions>*:not(:last-child) {
        margin-right: 16px;
    }
    .dashboard-header .container {
        padding: 0 20px 0 20px;
    }
}
@media (max-width: 1199.98px) {
    .modal-col-body-50{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .modal-checklist .account-info{
        padding-top: 70px;
    }
    .group-input-btn{
        margin-bottom: 20px;
    }
    .modal-chat .btn-close-2 {
        right: 20px;
    }
    .chat-w{
        max-width: 100%;
    }
    .card-shadow-padding{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 80px;
        padding-bottom: 20px;
    }
    .modal-chat .modal__dialog{
        height: auto;
    }
    .modal-chat .modal__content{
        height: auto;
    }
    .checklist__item.checklist__item-2,
    .checklist__item.checklist__item-2 * {
        flex-wrap: wrap !important;
    }
    .add-type-item{padding:10px;}
    .modal-checklist .modal__body{
        flex-direction: column;
    }
    .new-checklist-col {
        flex: auto;
        width: 100%;
        border-right: 0;
        min-width: 100%;
    }
}

@media (max-width: 991.98px) {
    .add-attachment-block{
        flex-direction: column;
    }
    .modal-chat .card-shadow .add-attachment-block > *{
        overflow: visible;
        padding-bottom: 20px;
    }
    .container-dash{
        padding-left: 20px;
        padding-right: 20px;
    }
    .pagination-head{
        gap: 10px;
        padding: 10px;
    }
    .step-hotel-list{
        border-right: none;
    }
    
    .header__search [data-search-toggle]{
        background-color: transparent !important;
    }
}

@media (max-width: 767.98px) {
    .page-workspace{
        min-height: auto;
    }
}

@media (max-width: 575.98px) {

    .workspace--controls {
        padding-left: calc(30px + 10px);
        padding-right: calc(30px + 10px);
    }
    .btn-workspace--sidebar{
        width: 30px;
    }
    .workspace-sidebar{
        flex: inherit !important;
        max-width: calc(100% - 30px);
        width: calc(100% - 30px);
        min-width: inherit !important;
    }
    .sidebar-works{
        right: calc(-100% + 30px);
    }
    .sidebar-pages{
        left: calc(-100% + 30px);
    }
    .page-radio{
        max-width: 100%;
    }
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}