.popup .popup-inner{

    /* top: 25%!important; */
        top : 0; 
       z-index: 3;
       bottom: auto!important;
}

.side-left{
    width: 296px !important;
    z-index: 2!important;
}

.side-right {
    z-index: 2 !important;
    /* padding-left: 300px!important; */
    margin-left: 262px;
    padding-left: 45px!important;
}

footer {
    z-index: 1 !important;
}

.avatar{
    width: 24px;
    height: 24px;
    /* background-color: blue; */
    border-radius: 50%;
}

.avatar img {
    width: 30px;
    height: 24px;
}
.tab-select button{
    margin-left: 2px;
    border-radius: 5px 5px 0px 0px;
}
.tab-select a{
    margin-left: 2px;
    border-radius: 5px 5px 0px 0px;
}

.tab-select .active{
    box-shadow:3px 2px 3px #b9babb63
}


.tab-select .button-tab-active{
    box-shadow:3px 2px 3px #b9babb63
}



@media (min-width: 50px) { /* simulate 175% scale */
    .popup .popup-inner {
        top: 6% !important;
    }
    .input {
        width: 100% !important;
    }

   header.moveright {
        right: auto !important;
        left: 23.7% !important;
        filter: blur(2px) !important;
    }

    figure img {
        vertical-align: top !important;
        font-size: 6px !important;
    }

    .side-left{
        z-index: 5!important;
    }

    .side-right {
        z-index: 2 !important;
        /* padding-left: 300px!important; */
        margin-left: 0px !important;
        padding-left: 20px !important;
    }
    .mini-input-Otp{
        
        margin-top: -34px;
    }
}


@media (min-width: 600px) { /* simulate 175% scale */
    .popup .popup-inner {
        top: 10% !important;
    }

   header.moveright {
        right: auto !important;
        left: 23.7% !important;
        filter: blur(2px) !important;
    }

    figure img {
        vertical-align: top !important;
        font-size: 6px !important;
    }

     .side-left{
        z-index: 5!important;
    }

    .side-right {
        z-index: 2 !important;
        /* padding-left: 300px!important; */
        margin-left: 0px !important;
        padding-left: 20px !important;
    }

}

@media (max-width: 767px) {
    .popup .popup-inner {
        width: auto;
        margin: auto !important;
        height: auto;
    }
    

}

@media (min-width: 800px) { /* simulate 175% scale */
    .popup .popup-inner {
        top: 12%!important;
    }


   header.moveright {
        right: auto !important;
        left: 23.7% !important;
        filter: blur(2px) !important;
    }

    figure img {
        vertical-align: top !important;
        font-size: 6px !important;
    }
    .side-left{
        z-index: 5!important;
    }

    .side-right {
        z-index: 2 !important;
        /* padding-left: 300px!important; */
        margin-left: 0px !important;
        padding-left: 20px !important;
    }

  
}




@media (min-width: 1200px) { /* simulate 175% scale */
    .popup .popup-inner {
        top: 0px !important;
    }

   header.moveright {
        right: auto !important;
        left: 23.7% !important;
        filter: blur(2px) !important;
    }

    figure img {
        vertical-align: top !important;
        font-size: 6px !important;
    }

    .side-left{
        width: 262px !important;
        z-index: 2!important;
    }

    .side-right {
        z-index: 2 !important;
        /* padding-left: 300px!important; */
        margin-left: 262px !important;
        padding-left: 45px!important;
    }

}


@media (min-width: 1300px) { /* simulate 175% scale */
    .popup .popup-inner {
        top: 0px;
    }

  
   header.moveright {
        right: auto !important;
        left: 23.7% !important;
        filter: blur(2px) !important;
    }

    figure img {
        vertical-align: top !important;
        font-size: 6px !important;
    }

    .side-left{
        width: 262px !important;
        z-index: 2!important;
    }

    .side-right {
        z-index: 2 !important;
        /* padding-left: 300px!important; */
         margin-left: 262px !important;
        padding-left: 45px!important;
    }


}