/*Tablet view*/

@media screen and (max-width: 998px) {
.login .title h4{
    width: 85%;
    font-size: 12px;
}
    .sub-btn{
        margin-top: 4%;
        margin-bottom: 2%;
    }
}


@media screen and (max-width: 768px) {
    /* nav-section start */
    .navbar-brand {
        width: 60%;
        padding-left: 0;
    }
    .navbar-brand img {
        width: 100%;
    }
    .nav-bottom a{
        font-size: 11px;
    }
    .nav-call{
        text-align: center;
    }
    /* nav-section end */


    /* forms-section start */
    .login .form{
        padding: 5% 0;
    }
    .login{
        /* margin: 5% 0; */
        padding: 5% 2%;
    }
    .login .title h4{
        width: 100%;
        top: 20px;
        left: 0px;
        border-radius: 15px;
    }
   .login .form-box .img{
    margin-left: 0;
}
    /* forms-section end */

    /* Forgot Pass section start */
      .forgot-con .forgot-pass{
        margin-top: 5%;
      }
      
      .login .forgot-pass{
          margin-top: 5%;
      }
    /* Forgot Pass section end */






    /* dash-section start */
    .navigation{
        margin-left: 0;
        padding: 2% 0;
    }
    .dash{
        grid-template-columns: 100%;
        margin: 5% 0;
    }
    /* dash-section end */



    /* account details start */
    .acc-details{
        margin-top: 5%;
        grid-template-columns: 100%;
    }
    .acc-details .information{
        margin-left: 0;
        margin-top: 5%;
    }
    .acc-details .information .general-info{
        margin-left: 0;
        margin-top: 5%;
    }
    .acc-details .information .other-info{
        margin-left: 0;
        /* margin-top: 5%;  */
    }
    /* account details end */



    /* payment section start */
    .payment .payment-container{
        grid-template-columns: 100%;
    }
    .payment-table{
        margin-top: 5%;
    }
    .payment .payment-container .stu-details{
        margin: 4% 0;
    }
    /* payment section end */
}