@media only screen and (min-width:180px) and (max-width: 640px){
    .card > .card-header {
        padding: 0.5rem 1.25rem;
    }
    .m-flex-col {
        flex-direction: column;
        align-items: flex-start !important;
    }
    body .col-xs-12{width: 100%;}
    body .col-xs-6 {width: 50%;}
    body .col-xs-4 {width: 40%;}
    .card > .card-body {padding: 1rem 1.25rem !important;}
    .m-dt div.dataTables_wrapper div.dataTables_filter, .m-dt div.dataTables_wrapper .dataTables_length{text-align: left;}
    .m-dt>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {padding-left: 0;}
    .rev-row {flex-direction: row-reverse;}
    .justify-content-space-between{justify-content: space-between;}
    .flex-w-wrap{flex-wrap: wrap;}
    body .m-d-flex{display: flex !important;}
    .multiselect-transfer .transfer-double-content {display: flex;flex-direction: column}
    .multiselect-transfer .transfer-double-content > div { width: 100% !important; }
    .multiselect-transfer .transfer-double{height: auto;}
    .transfer-double-content-middle {margin: 0 0 10px !important; }
    .transfer-double-content-middle > div{transform: rotate(90deg);}
    body .xs-hide{display: none !important;}
    body .xs-show{display: block !important;}
    .stick-tr{
        position: absolute;
        right: 0;
        left:0px;
        top: 0;
    }
    .stick-tr, .stick-btn-t{
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        overflow: hidden;
    }
    .stick-tr *, .stick-btn-t *{
        width: 100%;
        margin:0 !important;
        border-radius: 0px;
    }
    .m-justify-content-start{justify-content: flex-start !important;}
    .w-400px { width: auto !important; }
    .btn-sm:not(.p-0) { padding: 0.75rem 0.65rem !important; }
    .bd-callout:not(.fc-list-event) { padding: 10px 0; }
    /*#shift_drawer.drawer { width: 100% !important; }*/
    /* html, body{overflow-x: hidden;} */
}
/* @media only screen and (orientation : portrait) and (max-width:520px){ */
@media only screen and (max-width:580px){
    .toolbar.toolbar-fixed {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .toolbar.toolbar-fixed .menu-column{flex-direction: inherit;}
    .toolbar.toolbar-fixed div button, .toolbar.toolbar-fixed div a, .toolbar.toolbar-fixed .card-toolbar a{width: max-content;}
    .toolbar.toolbar-fixed #kt_toolbar_container div#\#kt_header_menu.menu:not(.show-mobile) { display: none; }
}
.m-d-flex, .xs-show{display: none !important;}
@media only screen and (min-width:180px) and (max-width: 980px)
{
    .m-m0{margin:0px !important}
    .m-mb5{margin-bottom:5px !important}
    .m-mt5{margin-top:5px !important;}
    .m-mb10{margin-bottom: 10px !important;}
    .m-mb20{margin-bottom: 20px !important;}
    .m-mb30{margin-bottom: 30px !important;}
    .m-mb40{margin-bottom: 40px !important;}
    .m-mb50{margin-bottom: 50px !important;}
    .m-mb60{margin-bottom: 60px !important;}
    .m-mb70{margin-bottom: 70px !important;}
    .m-mb80{margin-bottom: 80px !important;}
    .m-mb90{margin-bottom: 90px !important;}
    .m-mb100{margin-bottom: 100px !important;}
    .m-mt20{margin-top:20px !important}
    .m-mt30{margin-top:30px !important}
    .m-mt40{margin-top:40px !important}
    .m-mt50{margin-top:50px !important}
    .m-mt60{margin-top:60px !important}
    .m-mt70{margin-top:70px !important}
    .m-mt80{margin-top:80px !important}
    .m-mt90{margin-top:90px !important}
    .m-mt100{margin-top:100px !important}
}