*{
    padding:0;
    margin:0;
}
.main_div{
    /*border-radius:10px;*/
    height:100%;
    max-width:380px;
    width:100%;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    background:#e1e1e4!important;
    box-shadow: rgba(0, 0,0, 0.2) 0px 2px 8px 0px;
    overflow:hidden;
    margin:0;
    margin:auto;
    /*overflow-y:auto;*/
    user-select:none;
    box-shadow:border-box;
}
.mobile_div{
position: relative;
height: 100%;
width: 100%;
overflow-y: auto;
box-shadow:border-box;
overflow-x:hidden;

}
.alert_message{
    position:fixed;
    bottom:70px;
    left:50%;
    width:max-content;
    max-width:90%;
    padding:15px 20px;
    text-align:center;
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
    box-shadow: 0px 2px 5px 1px lightgray;
    z-index:999;
    background:#fff;
    border-radius:25px;
    font-size:16px;
    font-weight:400;
    opacity:0;
    display:none;
    transform:translate(-50%,20px);
    animation:show .2s linear forwards;
    
}
@keyframes show{
    from{
        opacity:0;
        transform:translate(-50%,20px);
    }
    to{
        opacity:1;
        transform:translate(-50%,0px);
    }
}
@media only screen and (max-width:500px){
.main_div{
    max-width:100%;
    overflow:hidden;
}
}