.container{
    text-align:center;
    width: 99.5%!important;
    /*height: 960px!important;*/
}

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

    #reader{
        width: 50%!important;
        display: inline-block;
        position: relative;
        padding: 0px;
        border: 0px solid silver;
    }

    #reader video {
        width: 100%!important;
        /*height: 960px!important;*/
    }

    /* #qr-shaded-region{
        height: 99.5%!important;
        width: 100%!important;
        position: absolute;
        border-width: 115px 195px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.48);
        box-sizing: border-box;
        inset: 0px;
    } */
}

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

}

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