@media (min-width:300px) and (max-width:800px) {
    body{
        max-width: 100%;
        max-height: 100%;
    }
    .pc{
        width: 100%;
        border: none;
        padding: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .divlijamahom{
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 30px;
    }
    .divbuttonsu{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .buttonsu{
        width: 100%;
    }
    .divecrinv{
        display: none;
    }
    .imibkpc{
        display: none;
    }
    .imibk{
        display: flex;
    }
    .legali{
        flex-direction: column;
        gap: 10px;
    }
    .footjoj{
        flex-direction: column;
    }
    .imgo{
        margin-bottom: 30px;
    }
    
    /* smss */

    .pcsms{
        width: 80%;
    }
    .divlijamahom{
        padding-left: 0;
    }
    .visasms{
        height: 35px;
    }
    .mcsms{
        height: 45px;
    }
    #lijamacc{
        padding-left: 25px;
    }
    #divbtncc{
        width: 100%;
        justify-content: stretch;
        padding-left: 25px;
    }
    #btncc{
        width: 93%;
    }
    .textinfoss{
        font-size: 16px;
    }
    .divinfoss span{
        font-size: 15px;
    }
    #sms{
        width: 90%;
    }
    /* .inputclases{
        width: 80%;
    } */
    .divinputmy{
        width: 100%;
    }
    /* #selecty,#selectm{
        width: 72%;
        margin-top: 3px;
    } */
    .backggg{
        background-color: rgba(0, 0, 0, 0.5);
    }
}