/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .wrap-content{padding: 0px 16px 16px!important}
    .layout-content{padding:16px!important}
    .ant-layout-sider-collapsed{flex: 0 0 0px!important; max-width: 0px!important; min-width: 0px!important; width: 0px!important;}
    .ant-layout-sider-collapsed .logo img{height: 0px;}
    .btn-xs{font-size: 12px; padding: 0px 8px; height: 24px;}
    .dashboard .banner{padding: 16px}
    .table-responsive{width: 100%; overflow-x: scroll;}
    .tag-xs{padding: 0px 4px; font-size: 10px; height: auto; line-height: 16px;}

    .card-custom{margin: 8px 0px; border-radius: 7px; font-size: 13px; margin-bottom: 16px;}
    .card-custom .ant-card-body{padding: 8px; font-size: 13px;}

    .filter{margin-bottom: 16px; width: 100%;}
    .filter .ant-form-item{width: 100%;}
    .filter .item-btn-search{text-align: right;}
    .filter .btn-search{margin-top: 8px;}
}

/* Extra small devices (portrait phones, less than 320px)*/
@media (max-width: 320px) {}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}