/* ==========================================================
       6. ESTILOS RESPONSIVOS (CELULAR, TABLET)
       ========================================================== */
    
    @media (max-width: 576px) {
        #page-header {
            width: 100% !important;
            margin-left: 0 !important;
            padding: 15px !important;
            border-radius: 0;
            box-sizing: border-box;
            text-align: center !important;
        }
        #page-header h1 {
            font-size: 1.4rem !important;
            padding-top: 15px !important;
            padding-right: 0 !important;
        }
        #page-header .card-block,
        #page-header .card-body {
            padding-left: 0 !important;
        }
        #page-navbar {
            padding-top: 10px !important;
            padding-right: 0 !important;
            text-align: center !important;
        }
        .breadcrumb {
            font-size: 0.75rem !important;
        }
    }
 @media (max-width: 768px) {

     #page-header {
         width: 100% !important;
         margin-left: 0 !important;
         padding: 20px !important;
         text-align: center !important;
     }

     #page-header h1 {
         font-size: 1.8rem !important;
         padding-top: 25px !important;
     }

     #page-header .card-block,
     #page-header .card-body {
         padding-left: 0 !important;
     }

     #page-navbar {
         padding-right: 0 !important;
         text-align: center !important;
     }
    }
@media (max-width: 800px) {
    #header .usermenu .dropdown .dropdown-menu {
        left: auto;
        right: 0;
    }
}
    @media (max-width: 992px) {
        #page-header {
            width: 100% !important;
            margin-left: 0 !important;
            padding: 25px !important;
        }
        #page-header h1 {
            font-size: 2.2rem !important;
            padding-top: 35px !important;
        }
        #page-header .card-block,
        #page-header .card-body {
            padding-left: 50px !important;
        }
        #page-navbar {
            padding-right: 100px !important;
        }
    }
    #header .navbar-inner {
    overflow: visible !important;
}

    @media (max-width: 1300px) {
    #header .usermenu .dropdown .dropdown-menu {
        left: auto;
        right: 0;
    }

}