@media screen and (max-width: 1050px){
  .container{
    grid-gap: 5rem;
  }
}

@media screen and (max-width: 1000px){
  .form_wrapper_login{
    width: 290px;
  }

  .login-content h2{
        font-size: 2.4rem;
        margin: 8px 0;
  }

  .img-login img{
    width: 400px;
  }
}

@media screen and (max-width: 900px){
 
.container_login {
    grid-template-columns: repeat(1, 1fr)!important;
}
  .img-login{
    display: none;
  }

  .wave{
    display: none;
  }

  .login-content{
    justify-content: center;width: 100%;
  }
}
@media only screen and (max-width: 768px){
	.table-tab-padding td{padding:8px 8px;}

}

@media only screen and (max-width: 505px){
  .tabs-wrapper{float: left!important;}
  .student-show-tabs li{
  border: 1px solid #ddd;padding: 5px 5px;border-radius: 2px;font-size: 11px;}
.student-show-tabs li span{color: green;font-weight: 700;text-decoration: underline;padding-left: 1px;font-size: 11px;}

}