@media screen and (max-width: 480px) {
  .login_main_page{
      height: 100%!important;
  }
}
@media (max-width: 575.98px) {
  .login_1 {
    display: block;
  }

  .login-img-1 {
      width: 100%;
      margin: 0px 0px 20px 0px;
  }

  .loging-img-text-box {
    width: 100%;
  }

}


/*================media css start =================*/
@media (max-width: 575.98px) { 

  .order_details_text_2 {
    margin: 10px 0px 0px 0px;
  }

  .order_details_text_2 h5 {
    font-weight: bold;
    font-size: 18px;
    text-align: left;
  }

  .order_details_text_2 p {
      font-size: 14px;
      margin: 0px 0px 0px 0px;
      text-align: left;
  }

  .detail-num-bg {
    display: block;
  }

  .detail-num-work {
      margin-bottom: 10px;
      border-bottom: 1px solid #000;
      padding-bottom: 10px;
  }

  .return_qty_box {
    display: block;
  }

  .return_qty_text {
      margin: 18px 0px 8px 0px;
  }

  .order_details_work-space-3 {
    margin-bottom: 10px;
  }


}

@media (max-width: 768px) { 
  .login__form {
    /*border: none;*/
  }
}

/*=============== BREAKPOINTS ===============*/
/* For medium devices */
/*@media screen and (min-width: 768px) {
  .login {
    justify-content: center;
  }
  .login__form {
    width: 432px;
    padding: 4rem 3rem 3.5rem;
    border-radius: 1.5rem;
  }

}
*/

  

/*================media css end =================*/