@media only screen and (min-width: 320px) and (max-width: 540px) {
  /* .sidebar {
        width: 300px !important;
    }

       div#content-new {
        margin-left: 300px !important;
    }

    .content-new .full {
        margin-left: 0px !important;
    }*/


    .reportheading {
        display: block !important;
    }


    div#hideshowreport {
        margin-top: 20px;
    }
}



@media only screen and (min-width: 320px) and (max-width:375px) {


    div#hideshowreport {
        margin-top: 5px !important;
    }
}


.reportheading {
    display: flex;
    float: left;
}