@media only screen and (max-width:800px) {
  /* For tablets: */
  .main {
    width: 80%;
    padding: 0;
  }
  
}
@media only screen and (max-width:500px) {
  /* For mobile phones: */

  .heading_mq {
    width: 100%;
    height: 15%;
    text-align: center;
  }
  .inlinb{
    display: block;
   
  }
  .mgll_mq{
    margin-left: 0%;
    text-align: center;

  }
  .formteacherdashboard_mq{
    width: 100%;
    height: 50%;
    margin-bottom: 1%;

  }
  .traitcomm_mq{
    width: 95%;
  }
  .formteacheroperation_mq{
    width: 100%;
    margin-top: 60px;
    
    
  }
  .traitcomment_operation_mq{
    margin: auto;
    text-align: center;
  }
  .formteachersubjectlist_mq{
    width: 100%;
  }
  .mgl_mq{
    margin-left: 0px;
  }
  .scoreass_mq{
    width: 100%;
  }
  .scoreass_mqq{
    width: 100%;
    height: 20%;
    margin-bottom: 1%;
  }
  .stdbgg_mq{
    width: 100%;
    margin-left: 0%;
  }

  .class_mem_overlaymg{
  width: 350px;
  
  
  position: absolute;
  top: 50%;
  
  
left: 5%;
  
}
  
}