@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .qrscanner video{
        max-width:100%!important;
    }
    div#count_user {
        font-size: 17px;
        font-weight: 600
    }
}

@media only screen and (max-width: 767px) {
    .qrscanner video{
        max-width:100%!important;
    }
    nav .user_lbl{
        width: 100%;
        float: left;
        text-align: center;
    }
    ul.nav.navbar-nav{float:none!important;}
    div#count_user { font-size: 17px; font-weight: 600}
}

    .navbar-default{
    background:#2b3643;
}
.qrscanner video {
    max-width: 48%;
    max-height: 75%;
}
.fixed-header, .fixed-footer{
    width: 100%;
    position: fixed;
    background: #333;
    padding: 10px 0;
    color: #fff;
}
.fixed-header{
    top: 0;
}
.fixed-footer{
    bottom: 0;
}
/* Some more styles to beutify this example */
nav .user_lbl{
    color: #FFF!important;
    text-decoration: none;
    padding: 7px 25px;
    display: inline-block;
}
.container p{
    line-height: 200px; /* Create scrollbar to test positioning */
}
ul.nav.navbar-nav {
    float: right;
}
.user_lbl1 {
    margin-top: 1.52em;
    padding: 0px;
    color: #fff;
    font-size: 14px;
    margin-right: 18px;
}

.fixed-header, .fixed-footer{
    width: 100%;
    position: fixed;
    background: #2b3643;
    padding: 10px 0;
    color: #fff;
}
.fixed-header{
    top: 0;
}
.fixed-footer{
    bottom: 0;
}
/* Some more styles to beutify this example */
nav a{
    color: #fff;
    text-decoration: none;
    padding: 7px 25px;
    display: inline-block;
}
.container p{
    line-height: 200px; /* Create scrollbar to test positioning */
}



.forgot-password{
    float:right;
    font-size: 80%;
    position: relative;
    top:-10px;
}
.panel-pad{
    padding-top:30px;
}
.login-alert{
    display:none;
}
.margT25{
    margin-bottom: 25px;
}
.margT10{
    margin-top:10px;
}
.margL10{
    padding-left: 25px;
}
.no-acc{
    border-top: 1px solid#888; padding-top:15px; font-size:85%;
}
.signup-box{
    display:none; margin-top:50px;
}
.signup-fb{
    border-top: 1px solid #999; padding-top:20px;
}
.signin{
    float:right; font-size: 85%; position: relative; top:-10px;
}
.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}
.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
}
.btn-google:hover,
.btn-google:focus,
.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
}
.btn-twitter {
    color: #fff;
    background-color: #00aced;
    border-color: #00aced;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #00aced;
    border-color: #00aced;
}
nav .user_lbl a{
    color:#FFF!important;
    font-size: 14px;
}
.row-element {
    margin-top: 10px;
}
li.user_lbl:hover{
    background: red;
}
.open_hours{display:none;}
.open_hours img {
    width: 20%;
}

#statusform::after {
    content: '';
    display: table;
    clear: both;
}