@media (max-width: 410px){
    #mynotesform .nav_bar_top * {font-size: 1.2rem;}
    #mynotesform .nvbt_center .w3-btn, #mynotesform .nvbt_center .w3-button {
        padding: 8px 2px;
    }
    #mynotesform .nvbt_item{
        margin-left:2px!important ;
        margin-right:2px!important ;
        padding: 8px 1px 4px 1px;
    }
}

@media (max-width: 320px){
    #mynotesform .nav_bar_top * {font-size: 1.1rem;}
   #mynotesform .nvbt_item{
        margin-left:2px!important ;
        margin-right:2px!important ;
        padding: 8px 1px 4px 1px;
    }
    .nav_bar_top .nvbt_logo img{max-height:20px!important;}
    #mynotesform .drawer_left{margin-right:4px;}
    #mynotesform .drawer_right{margin-left:4px;  }
    img{max-width: 320px;}
    .article_card_g{
        display:grid;
        grid-template-columns: 1fr;
        gap:1px;
    }
}