/* -------------------------------------------------------
--- Codify Ltd. Sti
--- http://codify.istanbul
--------------------------------------------------------*/

@media (max-width: 1200px) { /* Fix */

}

@media (max-width: 992px) { /* Fix */

}

@media (max-width: 768px) { /* Fix */
    .container-main { padding: 5px; }
    .main { padding: 0px; }
    .main .main-title > div:first-child { display: none; }
    .card-margin-bottom { margin-bottom: 5px; }
    table.pq-td-border-right > tbody > tr > .pq-grid-cell { border-right-color: transparent; padding: 6px; font-size: 11px; }
    .pq-pager-msg { display: none; }
}

@media (max-width: 610px) { /* Custom Size */

}

@media (max-width: 550px) { /* Custom Size */

}

@media (max-width: 520px) { /* Custom Size */


    /* Custom Column */
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { float: left; }
    .col-xxs-12 { width: 100%; }
    .col-xxs-11 { width: 91.66666667%; }
    .col-xxs-10 { width: 83.33333333%; }
    .col-xxs-9 { width: 75%; }
    .col-xxs-8 { width: 66.66666667%; }
    .col-xxs-7 { width: 58.33333333%; }
    .col-xxs-6 { width: 50%; }
    .col-xxs-5 { width: 41.66666667%; }
    .col-xxs-4 { width: 33.33333333%; }
    .col-xxs-3 { width: 25%; }
    .col-xxs-2 { width: 16.66666667%; }
    .col-xxs-1 { width: 8.33333333%; }
}

@media (max-width: 380px) { /* Fix */

}


/* Dashboard Special */

@media (max-width: 768px) {
    .dashboard .total-result .tbl-cell:not(.total-expenses):not(.total-income) { display: none; }
    .dashboard .total-result .total-expenses { display: inline-block; margin: 0px 10px 15px 10px; width: auto; text-align: center; }
    .dashboard .total-result .total-income { display: block; width: auto; text-align: center; }
    .card h4 { width: 150px; }
}

@media (max-width: 520px) {
    .card h4 { width: auto; }
}