@media only screen and (min-width: 50px) and (max-width: 400px) {
   
     
    .body {
        width: 95%;
        font-size: 75%;
        background-color:red;
    }
    
     
    .table-responsive{font-size:12px;}
  
}

@media only screen and (min-width: 400px) and (max-width: 600px) {
 

    .body {
        width: 95%;
    }

  
   

}

@media only screen and (min-width: 600px) and (max-width: 700px) {
    .body {
        width: 100%;
    }
}

@media only screen and (min-width: 700px) and (max-width: 900px) {
    .body {
        width: 95%;
    }

   

  
}

@media only screen and (min-width: 900px) and (max-width: 1200px) {
    .body {
        width: 90%;
    }
   
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
 
    

 
}