/*this code belongs to knowey*/
/*All rights reserved @knowey*/

@media(max-width: 872px) {
    html{
        width: 100% !important;
        height: 100vh !important;
    }
    body {
        margin: 0;
        padding: 0;
        width: 100% !important;
        height: 100vh !important;
        overflow-x: hidden !important;
    }
    @viewport {
        width: 400px;
        zoom: 1.1;
        min-zoom: 0.4;
        max-zoom: 2;
        user-zoom: fixed;
        }
    .div{
        width: 100% !important;
        height: 98vh !important;
    }
    .ktitle{
        font-size: larger !important;
    }
    .ktitleimg{
        width: 72px !important;
        height: 72px !important;
    }
    #typedtext{
        font-size: x-large !important;
    }
    .password{
        font-size: large !important;
        width: 100% !important;
        padding: 7.28px !important;
    }
    button.login{
        font-size: larger !important;
    }
    .div a{
        font-size: large !important;
    }
    .signuphtml{
        margin-left: 48.8% !important;
        margin-top: -22px !important;
    }
    .div p{
        font-size: large !important;
        margin-left: -72px !important;
    }
    #email_rec_signup{
        font-size: large !important;
        padding: 7.28px !important;
    }
    .email{
        font-size: large !important;
        padding: 7.28px !important;
    }
    .knoweygroupsuserchats{
        width: 100% !important;
    }
    .knoweygroupchats{
        width: 100% !important;
    }
    .knoweygroupsheader{
        height: 54px !important;
    }
    #knoweygroupsheaderuserin{
        margin-top: 8px !important;
    }
    #knoweychatsusername{
        font-size: 14px !important;
    }
    #knoweygroupschatusername{
        display: none !important;
    }
    .knoweychatsuserpic{
        width: 42px !important;
        height: 42px !important;
    }
    .vcreq{
        font-size: x-large !important;
    }
    .settiin{
        font-size: large !important;
        margin-top: 22px !important;
    }
    .knoweygroupschat{
        display: none !important;
    }
    .knoweygroupschatarea{
        margin-top: 84px !important;
        width: 99.8% !important;
    }
    .animation-area{
        position: fixed;
        top: 28px !important;
        height: 98vh !important;
    }
    #knoweychatsuserdescription{
        font-size: 10.8px !important;
    }
    .knoweygroupsinput{
        display: none !important;
    }
    .knoweygroupschatinput{
        width: 72% !important;
        margin-top: -44px !important;
        display: none;
    }
    #knoweygroupschatfiles{
        margin-top: -4.8px !important;
    }
    #knoweygroupschatemojis{
        margin-top: -2.8px !important;
    }
    .createchat{
        top: 48% !important;
        left: 4.8% !important;
    }
    .kgroupsprofilediv{
        top: 28% !important;
        left: 0% !important;
        width: 88% !important;
    }
    .kgroupsprofilephotodiv{
        top: 22% !important;
        left: 0% !important;
        margin-left: 18px !important;
        width: 92% !important;
        position: absolute !important;
    }
    .knoweygroupschatsprofilepic{
        top: 48% !important;
        left: -24% !important;
    }
    .knoweygroupssharethings{
       top: 83.48% !important;
       left: 3.48% !important;
       position: fixed !important;
       z-index: 8;
    }
    #sharelink{
        width: 88% !important;
        top: 44% !important;
        left: 4.8% !important;
    }
    .knoweygroupsemojis{
        width: 94% !important;
        top: 39.8% !important;
        left: 2.8% !important;
        position: fixed !important;
        overflow-x: hidden !important;
        z-index: 8 !important;
        border-radius: 8px !important;
    }
    #acesspanel{
        top: 36.48% !important;
    }
    .knoweygroupsuseremojipanel{
        width: 72% !important;
    }
    #knoweygroupsemojisn{
        margin-left: 44vw !important;
    }
    .knoweygiphygif{
        width: 28%;
    }
    .customizer{
        width: 100% !important;
        left: 0% !important;
        top: 0% !important;
        height: 100vh !important;
        border-radius: 0px !important;
    }
    .submain{
        height: 98vh !important;
    }
    .cucontrols{
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }
    #knoweygroupscuin{
        margin-left: 36.48% !important;
    }
    .desktopbgs{
        display: none !important;
    }
    .mobilebgs{
        display:inline-table !important;
    }
    .bg{
        margin: 2.8px !important;
    }
    .kgroupschatinput{
        background: none !important;
    }
    .messagecontainer{
        margin-left: 48% !important;
    }
    .videocall{
        width: 100% !important;
        top: 0% !important;
        left: 0% !important;
        height: 98vh !important;
        position: fixed !important;
        border-radius: 0px !important;
        padding: 4.8px !important;
    }
    #vcsrc{
        width: 98% !important;
    }
    #knoweygroupsvcin{
        margin-left: 88% !important;
    }
    .kstatusimg{
        width: 98% !important;
        margin-left: 0.8% !important;
    }
    .editkgprofile{
        top: 0px !important;
        left: 0px !important;
        border-radius: 0px !important;
        width: 100% !important;
        height: 100vh !important;
    }
    .submainin{
        height: 94vh !important;
    }
    .headerineditprof{
        border-top-right-radius: 0px !important;
        border-top-left-radius: 0px !important;
    }
    .profeditor{
        width: 62.48% !important;
        top: 18% !important;
        left: 18% !important;
    }
    #kgchatprofile{
        width: 100% !important;
        height: 100vh !important;
        top: 0px !important;
        left: 0px !important;
        border-radius: 0px !important;
        padding: 0px !important;
    }
    .profchatbgs{
        top: 2.48% !important;
        left: 2.48% !important;
        position: absolute !important;
        width: 94% !important;
        height: 228px !important;
    }
    .chatmusic{
        left: 2% !important;
        top: 2% !important;
        height: 24px !important;
        font-size: small;
    }
    .chatmusic img {
        width: 20px !important;
        height: 20px !important;
    }
    .profc{
        left: 90% !important;
    }
    .kgchatprofileimg{
        width: 108px !important;
        height: 108px !important;
        margin-left: 8px !important;
    }
    #kgprofchatname{
        font-size: large !important;
    }
    #kgroupsproflow{
        left: 62% !important;
        font-size: 12.48px !important;
    }
    #kgroupsprofmes{
        left: 78% !important;
        font-size: 12.48px !important;
    }
    #kgprochatdescription{
        font-size: 17.8px !important;
    }
    #kgprochatemail{
        font-size: 17.8px !important;
    }
    #dobinfoprof{
        height: 24px !important;
        font-size: 17.8px !important;
    }
    .uidinfoprof{
        height: 24px !important;
        font-size: 16.8px !important;
    }
    .acessextras{
        width: 100% !important;
    }
  }