@media only screen and (max-width: 991px) {

    .form-body{
        padding: 0 10px !important;
      }

  
    .form-body2{
      padding: 0 10px !important;
    }

      

      .mobil-view{
          flex-direction: column;
      }

      .header-links a{
        border-bottom: 1px solid white;
    }
    .header-links a:nth-last-child(1){
        border-bottom: none; 
    }
    .gap{
      padding-top: 0 !important;
      padding-bottom: 14px;
    }
    .align{
      flex-direction: column-reverse !important;
    }
}

@media only screen and (max-width: 600px) {
    .school-logo img{
        width: 100%;
    }
}