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

.onmobile{display:inline-block !important;}

.ondesktop{display:none !important;}



body{background-color:rgba(0,0,0,0.2) !important;position:relative;margin:0;padding:0;width:100vw;height:90vh;}

video{object-fit: cover;height:100%;width:100%;position:absolute;}

i{font-size:30px;}

a, button{background:none;border:none;cursor:pointer;}

.local-box{/*background-color:blue;*/border:1px solid #fff;position:absolute;z-index:2;left:0;top:0;width:150px; height:150px;}

.remote-box{/*background-color:green;*/position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;right:0;bottom:0;}

.stat-box{/*background-color:red;*/position:absolute;z-index:3;bottom:0;left:0;width:100%;}

.stat-box>.row{display:flex;}

.stat-box>.row:nth-child(2){background-color: rgba(0,0,0,0.02);}

.stat-box>.row>button{flex-grow: 1;flex-basis: 0;padding:10px 0;}

.stat-box>.row{display:flex;}

#browser_info, #member_count, #chat_timer{color:#fff;}

.remote-box .sharelink{position:absolute;border:0px solid #fff;width:50px;height:50px;top:45%;left:40%;}

.remote-box .sharelink a{width:100%;height:100%;display:inline-block;cursor:pointer;}

.remote-box .sharelink a button{cursor:pointer;}

.remote-box .sharelink a i{font-size:45px;font-weight:100;}



.bye{background-color:green;position:absolute;z-index:11;width:100%;height:100%;left:0;top:0;right:0;bottom:0;text-align:center;color:#fff;}

.bye h1{padding-top:50%;}



































}