@media screen and (max-width: 991px) {
  html,body{
    font-size: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  html,body{
    font-size: 8px !important;
  }
  .bd-highlight{
    display: block !important;
  }
  .student_traker h3 a{
    font-size: 1.6rem !important;
  }
  .student-block h5{
    font-size: 1.5rem !important;
    margin-bottom: 10px;
    padding-top: 10px;
    display: block;
  }
  .seperator{
    display: none !important;
  }
  /* login page */

  .login_right input.allinput, button.btn_primary.btn.login_btn{
    background: transparent !important;
    font-size: 1.5rem;
  }

  .static_label {
	font-size: 1.6rem;
}
  .static_txt input{
    border-bottom: 1px solid #d2d2d2 !important;
    border-radius: 0px !important;
  }
  .login_left{
    padding-bottom: 0 !important;
  }
  .login_left_powered{
    display: none !important;
  }
  .foot-left, .foot-right, .share_link{
    width:100% !important;
  }
  .share_link{
    margin-top:1rem !important;
  }
  .foot-left{
    border-right:none !important;
  }
  footer{
    padding:0px !important;
  }
  .dashboardgrid{
    flex-direction: column !important;
    align-items: flex-start;
  }
  .dashboardgrid .subgriddash{
    display: flex;
    flex-direction: column !important;
  }
  .dashboardgrid div.action-section{
    text-align: left !important;
    width:80% !important;
  }
  .dashboardgrid div.main-section{
    width:100% !important;
  }
  .dashboardblock .scrolleralert {
      margin-bottom: 2rem !important;
  }
  .dashboardblock .btn{
    padding:0.4rem 1rem !important;
    font-size: 1.6rem;
  }
  .arrowicon{
    width:15px !important;
  }
  .full_bg.footer *{
    padding-left:0 !important;
    padding-right: 0 !important;
  }
  .toggleview{
    margin-top:2.2rem;
  }
  .toggleview i{
    font-size: 2.6rem;
    margin-left:1.8rem;
    cursor: pointer;
  }
    .toggleview i:hover,   .toggleview i:focus{
      color:#7cc360 !important;
    }


}