@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

    /* Exception for calendar ui table */
    .ui-datepicker-calendar th, .ui-datepicker-calendar td {
        display: table-cell !important;
    }

    /* Force table to not be like tables anymore */
    /* table, thead, tbody, th, td, tr { */
    /* Making it more precise */
    th, td {
        display: block;
    }

    tr:not(:first-child){
        display: block;
        margin-top: 24px;
    }

    /* Behave  like a "row" */
    td {
        border: 1px solid #f3f3f3 !important;
        position: relative;
        padding-left: 50%;
    }

    /* Behave full-width on mobile for all elements for max usability */

    .container{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .container-fluid{
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .container-fluid .card{
        border-radius: 0.75rem !important;
    }

    .card{
        border-radius: 0px !important;
    }

    .breadcrumb{
        margin-left: 18px;
    }

    .rounded-2, .nav-pills,.nav-pills .nav-link{
        border-radius: 0px !important;
    }

    .nav.nav-tabs{
        padding: 0px 20px;
    }

}