@media screen and (max-height: 476px) {
 
}


@media screen and (max-width: 576px) {
    #arquivos a{ display: block; margin-bottom: 20px!important; text-align: center; }
    #material a{ display: block; margin-bottom: 20px!important; text-align: center; }
    .videoaula_barra{width: 30vw;}

    .titulo_disciplina {
    position: relative;
    top: 8vh;
    width: 80vw;
    font-size: 1.6em;
    }

    .barra_topo { position: relative;}

    .img_disciplina {   
    position: relative;
    top: 0px;
    height: 100vh;
    }
 


}

@media screen and (max-width: 1024px) {



}


@media screen and (min-width: 1024px) {

	.modal-videoaula .modal-body{
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 20px;
        width: 100%;
}

    .modal-videoaula .modal-lg {
        max-width: 100%;        
        width: 45% !important;      
        max-height: 100%;
        margin:0;
        padding-right: 0 !important;
        float: right;

    }

         /* Let's get this party started */
    .modal-videoaula ::-webkit-scrollbar {
        width: 12px;
    }
    }
     
    /* Track */
    .modal-videoaula ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
        background-color:  #303a41;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
     
    /* Handle */
    .modal-videoaula ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background: rgba(84,106,120,0.8); 
        
    }
    .modal-videoaula ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(104,114,120,0.4); 
    }

    .modal-rodape .modal-lg {
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        margin:0;
        padding: 0 !important;
    }

    .close-rodape{
        color: #fff;
        opacity: 1;
        text-shadow: none;
    }

    .close-rodape:hover{
        color: #fff;
        opacity: 1;
        text-shadow: 0;
    }


}