/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {

    nav {
        display: inherit;
    }


    .txt-bienvenidos {
        font-size: 2em;
    }
    
    .info-navegador {
        height: auto;
        text-indent: 40px;
        width: auto;
        line-height: 30px;
    }


    .logo-campus-index {
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 100px;
        height: 150px;
    }

    a#btn-menu-mobile {
        display: block;
    }

    #div-btn-header-xs {
        width: 70%;
        position: absolute;
        left: -100%;
        top: 40px;
        z-index: 1000;
        background-color: #d8d8d8;
    }

    #div-btn-header-xs a,
    #div-btn-header-xs label {
        border-bottom: 1px solid #808080;
        color: #808080;
        display: block;
        padding: 5px;
        text-decoration: none;
        text-indent: 10px;
    }

    #div-btn-header-xs a.btn-header .glyphicon {
        color: #808080;
    }

    #div-btn-header-xs a:hover {
        color: #FFFFFF;
    }


    .titulo-campus-header label {
        display: block;
        margin-bottom: 0px;
        line-height: 40px;
    }

    a#btn-menu-mobile-curso {
        background-color: #0071bc;
        color: #FFFFFF;
        display: block;
        font-size: 1.5em;
        padding: 10px;
        position: relative;
    }

    a#btn-menu-mobile-curso span,
    a#btn-menu-mobile-curso label {
        color: #FFFFFF;
    }

    #div-menu-mobile-curso {
        background-color: #29abe2;
        display: none;
        margin-top: -5px;
        width: 100%;
    }

    .btn-menu-mobile-curso {
        color: #FFFFFF;
        display: block;
        text-align: center;
    }

    .titulo-pagina label {
        background-color: transparent;
        width: 50%;
    }

    .div-modulos-temas {
        width: 100%;
    }


    .div-modulos-temas a.modulo-tema .modulo-tema-nombre {
        font-size: 1.3em;
    }


    .div-banner-comunidad {
        height: 100px;
    }

    .div-banner-comunidad label {
        text-indent: 5px;
        font-size: 2em;
        line-height: 100px;
    }





    .btn-tema-img {
        background-repeat: no-repeat;
        background-size: cover;
        height: 50px;
        width: 100%;
    }



    .btn-tema-img label {
        box-shadow: 1px 1px 5px #cccccc, -1px -1px 5px #cccccc;
        color: #FFFFFF;
        cursor: pointer;
        font-size: 0.7em;
        line-height: 50px;
        text-indent: 10px;
        width: 100%;
    }

    .btn-tema-img label .glyphicon {
        display: none;
    }




    .div-seccion-cabecera {
        background-image: none !important;
        font-size: 0.8em;
        line-height: 25px;
        padding: 5px;
        text-indent: 5px;
    }



    .bloque-subtemas {
        display: none;
        margin-left: 0%;
        padding: 20px 0;
        width: 100%;
    }


    .div-contenido-sesiones,
    .bloque-mediateca,
    .bloque-foros,
    .bloque-avances {
        margin-left: 0;
        padding: 10px;
        width: 100%;
    }


    .bloque-avances p * {
        font-size: 0.8em;
    }




    /* Librería floatbox */
    .fbCaption.fbx {
        color: #FFFFFF;
        font-size: 1em;
        text-align: left;
    }

    .bloque-final-reportes {
        width: 100%;
        padding: 5px;
    }

    .bloque-final-reportes>div {
        width: 47%;
    }

    .contenedor-caja-reportes>div:nth-child(1) {
        width: 100%;
    }

    .contenedor-caja-reportes>div:nth-child(2) {
        width: 100%;
    }

    .contenedor-caja-reportes>div:nth-child(2) .caja-blanca {
        width: 100%;
    }

    .modal-custom-bienvenida {
        width: 95%;
    }

    .contenedor-mensaje-bienvenida .mensaje {
        width: 100%;
    }

    .banner-home {
        min-height: 250px;
        background-size: cover;
    }

    .contenedor-banner-home-textos {
        width: 100%;
    }

    .contenedor-banner-home-textos .textos p:nth-child(1) {
        font-size: 24px;
    }

    .contenedor-banner-home-textos .textos p:nth-child(2) {
        font-size: 18px;
    }

    .contenedor-header {
        justify-content: center;
    }


}

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

    a.btn-menu {
        padding: 10px 4px;
        font-size: 0.8em;
    }

    a.btn-menu:hover {
        padding: 10px 4px;
    }

    .bloque-final-reportes {
        width: 100%;
    }

    .contenedor-caja-reportes>div:nth-child(1) {
        width: 100%;
    }

    .contenedor-caja-reportes>div:nth-child(2) {
        width: 100%;
    }

    .contenedor-caja-reportes>div:nth-child(2) .caja-blanca {
        width: 100%;
    }

    .modal-custom-bienvenida {
        width: 97%;
    }

    .banner-home {
        min-height: 250px;
        background-size: cover;
    }

    .contenedor-banner-home-textos {
        width: 100%;
    }

    .contenedor-banner-home-textos .textos p:nth-child(1) {
        font-size: 24px;
    }

    .contenedor-banner-home-textos .textos p:nth-child(2) {
        font-size: 18px;
    }

}


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

    a.btn-menu {
        padding: 6px 5px;
    }

    a.btn-menu:hover {
        padding: 10px 5px;
    }

    .bloque-final-reportes {
        width: 100%;
    }

    .contenedor-caja-reportes>div:nth-child(1) {
        width: 49%;
    }

    .contenedor-caja-reportes>div:nth-child(2) {
        width: 49%;
    }

    .contenedor-caja-reportes>div:nth-child(2) .caja-blanca {
        width: 100%;
    }

    .modal-custom-bienvenida {
        width: 90%;
    }



    .banner-home {
        min-height: 250px;
        background-size: cover;
    }

    .contenedor-banner-home-textos {
        width: 100%;
    }

    .contenedor-banner-home-textos .textos p:nth-child(1) {
        font-size: 24px;
    }

    .contenedor-banner-home-textos .textos p:nth-child(2) {
        font-size: 18px;
    }

}



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

    .banner-home {
        min-height: 250px;
        background-size: cover;
    }

    .contenedor-banner-home-textos {
        width: 100%;
    }

    .contenedor-banner-home-textos .textos p:nth-child(1) {
        font-size: 24px;
    }

    .contenedor-banner-home-textos .textos p:nth-child(2) {
        font-size: 18px;
    }

    .modal-custom-bienvenida {
        width: 97%;
    }

}

/* Extra large devices */
@media (min-width: 1200px) and (max-width: 1399.98px) {}

/* Extra Extra large devices */
@media (min-width: 1400px) {}