@media (width <= 1200px)
{
    .dataindx
    {
        overflow-x:scroll
    }
    .rollitem.vctm,
    .datalist.head.tvctm
    {
        min-width:1250px;
    }
    .rollitem.user,
    .datalist.head.tuser
    {
        min-width:550px;
    }
    .rollitem.occo,
    .datalist.head.tocco
    {
        min-width:1250px;
    }
    .rollitem.audi,
    .datalist.head.taudi
    {
        min-width:550px;
    }
}

@media (width <= 600px)
{
    h3.mytitle
    {
        margin-left:0 !important;
    }
    .formbase section
    {
        max-width:100%;
        min-width:100%;
        height:calc(100% - 45px);
        border-radius:0;
        position:fixed;
        top:45px;
        left:0;
    }
    .formbase nav
    {
        border-radius:0;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        box-sizing:border-box;
        height:45px;
        z-index:99999;
    }
    .formbase nav #navigate
    {
        flex-direction:column;
        position:fixed;
        left:0;
        top:45px;
        background:white;
        height:100vh;
        width:175px;
        justify-content:start;
        transition:0.5s;
    }
    .formbase nav #navigate.collapse
    {
        margin-left:-175px;
    }
    .formbase nav .dropdown
    {
        width:100%;
        border-style:solid;
        border-width:0 0 1px 0;
        border-color:#ddd;
        box-sizing:border-box;
        padding:8px 12px 8px 12px;
        margin:0;
        transition:0.3s;
    }
    .formbase nav .dropdown:hover
    {
        background:var(--iogurt);
    }
    .formbase nav .dropdown label
    {
        color:var(--medigrape);
        font-size:14px;
    }
    .formbase nav .dropdown ul
    {
        margin:-27px 0 0 175px;
        position:fixed;
        left:0;
        width:175px;
        box-sizing:border-box;
        padding:0;
        background:transparent;
    }
    .formbase nav .dropdown ul a
    {
        padding:8px 12px 8px 12px;
        height:36px;
        margin:0;
        width:auto;
        border-radius:0 15px 15px 0;
    }
    #naviicon
    {
        display:block;
    }
    #homeicon
    {
        left:auto;
    }
    .holdlogo
    {
        width:80vw;
        height:auto;
    }
    .holdlink
    {
        position:fixed;
    }
    .holdlink img
    {
        height:25px;
        width:25px;
    }
    .holdlink#usericon
    {
        right:45px;
    }
    .dashview
    {
        width:100%;
        box-sizing:border-box;
        padding:10px;
    }
    .myscroll
    {
        margin:0;
        padding-bottom:5px;
    }
    .myscroll h3
    {
        font-size:23px;
    }
    .rollitem.call
    {
        min-width:1150px;
    }
    .rollitem.user
    {
        min-width:1012px;
    }
    .rollitem.inve
    {
        min-width:860px;
    }
    .rollitem.addr
    {
        min-width:808px;
    }
    .rollitem.memo
    {
        min-width:962px;
    }
    .dataindx
    {
        margin:0 0 5px 0;
        width:100%;
    }
    .formbase input[type=search]
    {
        margin:0 0 5px 0;
    }
    .eqpmsect
    {
        flex-direction:column;
    }
    .eqpmsect .slctsect,
    .eqpmsect button,
    .eqpmsect > input
    {
        width:auto;
    }
    .modalbox .body
    {
        width:calc(100% - 20px);
        height:calc(100% - 20px);
    }
    .modalbox .rollitem.chat
    {
        height:calc(100vh - 124px);
    }
    .toastmsg
    {
        top:20px;
        width:calc(100% - 60px) !important;
        box-sizing:border-box;
    }
}