.top_blue_ball {
  width: 260px;
  height: 260px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.btm_blue_ball {
  width: 150px;
  height: 150px;
  position: absolute;
  z-index: 999;
  left: 0px;
  bottom: 200px;
}
.login_page {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.login_content {
  display: flex;
  width: 50%;
  height: 100%;
  /* background-color: brown; */
  position: relative;
  float: left;
}
.content_padding {
  padding: 50px 40px;
  width: 100%;
}
.content_padding .navbar {
  padding: 0rem 0rem;
}
.login_img {
  display: flex;
  width: 50%;
  height: 100%;
  /* background-color: pink; */
  float: left;
}
.form_input_content {
  /* display: flex; */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.login_img img {
  width: 100%;
  height: 100%;
}
.bg_text {
  width: 50%;
  position: absolute;
  bottom: 40px;
  right: 30px;
  text-align: right;
  color: #ffff;
}
.mobile_img_text {
  position: absolute;
  top: 50px;
  left: 20px;
  color: #ffff;
  display: block;
}
.mobile_header_img img {
  display: none;
}
.large_device_header img {
  display: block;
}
/* Media Queires */
@media only screen and (max-width: 767px) {
  .login_img {
    display: none;
  }
  .login_content {
    width: 100%;
  }
  .content_padding {
    padding: 0px 0px;
  }
  .mobile_img {
    width: 100%;
    height: 200px;
    display: block;
  }
  .content_padding_mobile {
    padding: 20px;
  }
  .mobile_img_text,
  .mobile_header_img img {
    display: block;
  }
  .large_device_header img {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .login_img {
    display: none;
  }
  .login_content {
    width: 100%;
  }
  .content_padding {
    padding: 0px 0px;
  }
  .mobile_img {
    width: 100%;
    height: 200px;
    display: block;
  }
  .content_padding_mobile {
    padding: 20px;
  }
}

@media only screen and (max-width: 425px) {
  .login_img {
    display: none;
  }
  .login_content {
    width: 100%;
  }
  .content_padding {
    padding: 0px 0px;
  }
  .mobile_img {
    width: 100%;
    height: 200px;
    display: block;
  }
  .content_padding_mobile {
    padding: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .login_img {
    display: none;
  }
  .login_content {
    width: 100%;
  }
  .content_padding {
    padding: 0px 0px;
  }
  .mobile_img {
    width: 100%;
    height: 200px;
    display: block;
  }
  .content_padding_mobile {
    padding: 20px;
  }
}

@media only screen and (max-width: 320px) {
  .login_img {
    display: none;
  }
  .login_content {
    width: 100%;
  }
  .content_padding {
    padding: 0px 0px;
  }
  .mobile_img {
    width: 100%;
    height: 200px;
    display: block;
  }
  .content_padding_mobile {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .login_img {
    display: block;
  }
  .login_img img {
    min-height: 100vh;
  }
  .login_content {
    width: 50%;
  }
  .content_padding {
    padding: 50px 40px;
  }
  .register_pg .content_padding {
    padding: 10px 20px;
  }

  .mobile_img,
  .mobile_header_img img {
    display: none;
  }
  .large_device_header img {
    display: block;
  }
  .content_padding_mobile {
    padding: 0;
  }
  .mobile_img_text {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .login_img {
    display: block;
  }
  .login_content {
    width: 50%;
  }
  .content_padding {
    padding: 50px 40px;
  }
  .mobile_img {
    display: none;
  }
  .content_padding_mobile {
    padding: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .content_padding {
    padding: 50px 40px;
  }
  .mobile_img {
    display: none;
  }
  .content_padding_mobile {
    padding: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .login_img {
    display: block;
  }
  .login_content {
    width: 50%;
  }
  .content_padding {
    padding: 50px 40px;
  }
  .mobile_img {
    display: none;
  }
  .content_padding_mobile {
    padding: 0;
  }
}
@media only screen and (min-width: 1366px) {
  .login_img {
    display: block;
  }
  .login_content {
    width: 50%;
  }
  .content_padding {
    padding: 50px 40px;
  }
  .mobile_img {
    display: none;
  }
  .content_padding_mobile {
    padding: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .login_img {
    display: block;
  }
  .login_content {
    width: 50%;
  }
  .content_padding {
    padding: 50px 40px;
  }
  .mobile_img {
    display: none;
  }
  .content_padding_mobile {
    padding: 0;
  }
}
@media only screen and (min-width: 1600px) {
  .login_img {
    display: block;
  }
  .login_content {
    width: 50%;
  }
  .content_padding {
    padding: 50px 40px;
  }
  .mobile_img {
    display: none;
  }
  .content_padding_mobile {
    padding: 0;
  }
}
@media only screen and (min-width: 1920px) {
  .login_img {
    display: block;
  }
  .login_content {
    width: 50%;
  }
  .content_padding {
    padding: 50px 40px;
  }
  .mobile_img {
    display: none;
  }
  .content_padding_mobile {
    padding: 0;
  }
}