#cam-has-camera, #cam-has-camera, #cam-qr-result {
    display: none;
}

#video-container {
    line-height: 0;
}

.scan-region-highlight
{
     position: fixed;
  
    right: 0 !important;
    left: 0 !important;
    transition: all .2s ease-in;
    width: 320px;
    height: 320px;
    margin: auto;
}



    #video-container.example-style-1 .scan-region-highlight-svg,
    #video-container.example-style-1 .code-outline-highlight {
        stroke: #64a2f3 !important;
    }

    #video-container.example-style-2 {
        position: relative;
        width: max-content;
        height: max-content;
        overflow: hidden;
    }

        #video-container.example-style-2 .scan-region-highlight {
            border-radius: 30px;
            outline: rgba(0, 0, 0, .25) solid 50vmax;
        }

        #video-container.example-style-2 .scan-region-highlight-svg {
            display: none;
        }

        #video-container.example-style-2 .code-outline-highlight {
            stroke: rgba(255, 255, 255, .5) !important;
            stroke-width: 15 !important;
            stroke-dasharray: none !important;
        }

@media all and (max-width:767px) {
 

    .scan-region-highlight {
        width: 260px !important;
        height: 260px !important;
        top:230px !important;
        
    }

  

    .scan-region-highlight::after {
        width: 254px !important;
        height: 254px !important;
    }

    
}