@media (min-width: 1400px) {
    .container {
      max-width: 1300px;
    }

  }
  @media (max-width: 1600px){
    .logo {
        width: 230px;
        height: 230px;
        padding-bottom: 0px;
        margin-top: 0px;
        padding-right: 0px;
        margin-bottom: 25px;
    }

    .login-input {
        height: 55px;
        margin-bottom: 0px;
        font-size: 15px;
    }
    .btn1 {
        width: 100%;
        height: 47px;
        padding: 16px 36px 16px 36px;
        font-size: 19px;
        line-height: 26px;
        padding: 10px 27px 13px 30px;
        margin-top: 29px;
    }
    .login-h2 {
        font-size: 60px;
        line-height: 65px;
    }
        .login-p {
            font-size: 30px;
            line-height: 84.96px;
        }
    .background {
        width: 575px;
        height: 380px;
        padding-right: 79px;
    }
    .login-h5 {
        font-size: 30px;
        line-height: 33.96px;
        margin-top: 0px;
        padding-left: 65px;
    }
    #toggleIcon {
        position: absolute;
        right: -36px;
        top: 5%;
        transform: translateY(-300%);
    }
}
@media (max-width: 1400px) {

    .logo {
        width: 210px;
        height: 210px;
        padding-bottom: 0px;
        margin-top: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .login-input {
        height: 45px;
        margin-bottom: 0px;
        font-size: 15px;
    }
    .forget-pass-a {
        margin-left: 255px;
        font-size: 15px;
    }
    .btn1 {
        width: 100%;
        height: 44px;
        padding: 16px 36px 16px 36px;
        font-size: 17px;
        line-height: 26px;
        padding: 10px 25px 10px 25px;
        margin-top: 25px;
    }
    .login-label {
        font-size: 22px;
        line-height: 24.78px;
        padding-right: 5px;
        width: 100%;
        /* margin-left: 309px; */
    }

    .login-p {
        font-size: 30px;
        line-height: 67.96px;
    }
    .login-h5 {
        font-size: 30px;
        line-height: 33.96px;
        /* margin-top: 59px; */
        padding-left: 55px;
    }
    .login-h2 {
        font-size: 55px;
        line-height: 130px;
        margin-top: -30px;
    }
    .background {
        width: 485px;
        height: 350px;
        padding-right: 6px;
    }

}
@media (max-width: 1200px){
    .logo {
        width: 250px;
        height: 250px;
        margin-top: 66px;
        padding-right: 65px;
        margin: auto;
    }
    .login-input {
        height: 45px;
    }
    #toggleIcon {
        position: absolute;
        right: -36px;
        top: 5%;
        transform: translateY(-260%);
    }
    .forget-pass-a {
        margin-left: 190px;
        font-size: 14px;
    }
    .login-label {
        font-size: 22px;
        line-height: 20.78px;
        padding-right: 5px;
        width: 100%;
        /* margin-left: 235px; */
    }
    .btn1 {
        height: 37px;
        font-size: 15px;
        padding: 5px 0px 5px 0px;
    }
    .login-h5 {
        font-size: 25px;
        line-height: 28.96px;
        margin-top: 59px;
        padding-left: 90px;
        /* margin: auto; */
    }
    .login-p {
        font-size: 28px;
        line-height: 60px;
    }
    .login-h2 {
        font-size: 45px;
        line-height: 110px;
    }
    .background {
        width: 420px;
        height: 315px;
        padding-right: 0px;
    }
}
@media (max-width: 992px){
    .logo {
        width: 150px;
        height: 150px;
        margin-top: 0px;
        padding-right: 0px;
    }
    .login-input {
        height: 45px;
    }
    .login-label {
        font-size: 20px;
        line-height: 20.78px;
        padding-right: 5px;
        width: 100%;
        /* margin-left: 145px; */
    }
    .btn1{
        height: 40px;
        font-size: 17px;
        font-weight: 900;
        padding: 5px 0px 5px 0px;
    }
    .login-h5 {
        font-size: 20px;
        margin-top: 0px;
        padding-left: 50px;
        margin: auto;
    }
    .login-p {
        font-size: 22px;
        line-height: 85px;
    }
    .forget-pass-a {
        margin-left: 110px;
        font-size: 13px;
    }

    .login-h2 {
        font-size: 35px;
        line-height: 80px;
        padding-left: 90px;
    }
.background {
    width: 285px;
    height: 285px;
}
}
@media (max-width: 768px){
    .logo {
        width: 135px;
        height: 135px;
        padding-right: 0px;
    }
    .login-label {
        font-size: 20px;
        line-height: 13.78px;
        width: 100%;
    }
    .login-input {
        height: 45px;
        width: 268px;
    }
    .login-h2 {
        font-size: 45px;
    }
    .login-h5 {
        font-size: 20px;
        margin-top: 0px;
        padding-left: 67px;
    }
    .login-p {
        font-size: 22px;
        line-height: 70px;
    }
    .login-h2 {
        font-size: 35px;
        padding-left: 96px;
    }
    .background {
        width: 320px;
        height: 260px;
    }
}

@media (max-width: 578px){
    .logo {
        width: 145px;
        height: 145px;
        margin-bottom: 25px;
        margin-left: 140px;
    }
    .login-h5 {
        margin-top: 0px;
        padding-left: 115px;
        font-size: 18px;
    }
    .login-p {
        font-size: 18px;
        line-height: 50px;
        padding-left: 80px;
    }
    .login-h2 {
        padding-left: 155px;
        line-height: 56px;
        font-size: 27px;
    }
    .login-input {
        height: 40px;
        width: 465px;
    }
    #toggleIcon {
        display: none;
    }
    .forget-pass-a {
        margin-left: 33px;
        font-size: 18px;
        text-decoration: underline;
    }
    .login-label {
        font-size: 23px;
        line-height: 26.78px;
        width: 100%;
        /* margin-left: 35px; */
    }
    .btn1 {
        width: 145px;
        height: 40px;
        font-size: 18px;
        font-weight: 900;
        padding: 5px 0px 5px 0px;
        margin-right: 150px;
    }
    .background {
       display: none;
    }
}
@media (max-width: 450px){
    .logo {
        width: 125px;
        height: 125px;
        margin-bottom: 25px;
        margin-left: 75px;
        margin-top: -45px !important;
    }
    #toggleIcon {
        position: absolute;
        right: 200px;
        top: 5%;
        transform: translateY(-228%);
    }
    .login-h5 {
        margin-top: 0px;
        padding-left: 55px;
        font-size: 18px;
    }
    .login-p {
        font-size: 18px;
        line-height: 50px;
        padding-left: 20px;
    }
    .login-label {
        font-size: 20px;
        line-height: 26.78px;
        width: 100%;
        /* margin-left: 22px; */
    }
    .login-h2 {
        padding-left: 95px;
        line-height: 56px;
        font-size: 27px;
    }
    .login-input {
        height: 40px;
        width: 345px;
    }
    .forget-pass-a {
        margin-left: -11px;
        font-size: 17px;
        text-decoration: underline;
    }
    .btn1 {
        width: 145px;
        height: 40px;
        font-size: 18px;
        padding: 5px 0px 5px 0px;
        margin-right: 100px;
    }
}
@media (max-width: 380px){
    .logo {
        width: 135px;
        height: 135px;
        margin-bottom: 25px;
        margin-left: 65px;
        margin-top: -45px !important;
    }
    .login-h5 {
        margin-top: 0px;
        padding-left: 53px;
        font-size: 15px;
    }
    .login-p {
        padding-left: 12px;
        font-size: 16px;
        line-height: 25px;
    }
    .login-h2 {
        padding-left: 90px;
        font-size: 20px;
        line-height: 63px;
    }
    .login-label {
        font-size: 19px;
        line-height: 26.78px;
        width: 100%;
        /* margin-left: 10px; */
    }

    #toggleIcon {
        position: absolute;
        right: 176px;
        top: 5%;
        transform: translateY(-212%);
    }
    .login-input {
        height: 32px;
        width: 303px;
    }

     .btn1{
        width: 150px;
        height: 36px;
        font-size: 15px;
        font-weight: 900;
        margin-right: 75px;
    }
    .forget-pass-a {
        margin-left: 0px;
        font-size: 13px;
        text-decoration: underline;
    }
    .background {
      display: none;
    }
}
@media (max-width: 340px){
    .logo {
        width: 125px;
        height: 125px;
        margin-bottom: 25px;
        margin-left: 35px;
        margin-top: -45px !important;
    }
    .login-h5 {
        margin-top: 0px;
        padding-left: 25px;
        font-size: 14px;
    }
    .login-p {
        padding-left: 0px;
        font-size: 14px;
        line-height: 30px;
    }
    .login-h2 {
        padding-left: 65px;
        font-size: 18px;
        line-height: 63px;
    }
    .login-label {
        font-size: 18px;
        line-height: 26.78px;
        width: 100%;
        /* margin-left: -8px; */
    }
    .login-input {
        height: 32px;
        width: 260px;
    }
    #toggleIcon {
        display: none;
    }
    .forget-pass-a {
        margin-left: -8px;
        font-size: 11px;
    }
    .btn1 {
        width: 120px;
        height: 36px;
        font-size: 15px;
        font-weight: 900;
        margin-right: 75px;
    }
}