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

    .modeladdmsg {
        position: absolute;
        top: 2%;
        height: auto;
        font-size: .8rem;
        padding: 0.1rem 0.2rem;
        width: 83%;
    }


    .title {
        font-size: 2.3rem;
    }

    .main-container {
        width: 85vw;
    }

    .frm-container button { 
        padding: 0;
    }
}

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

    .modeladdmsg {
        position: absolute;
        top: 2%;
        height: auto;
        font-size: .8rem;
        padding: 0.1rem 0.2rem;
        width: 83%;
    }

    .main-container{
        width: 80vw;
    }

    .title {
        font-size: 2.3rem;
    }

    .frm-container button { 
        padding: 0;
    }
}

@media screen and (max-width : 620px) {
    .main-container{
        width: 85vw;
    }

    .frm-container {
        width: 100%;
    }

    .title {
        font-size: 2rem;
    }

    .frm-container button { 
        padding: 0;
        font-size: .8rem;
    }

    .item-name{
        margin: 0;
    }

    .btn-container{
        margin: 0;
    }
    .items{
        width: 100%;
    }
}