/* -----------------------------------------------------
---------------------Responsive Css--------------------- */

@media (max-width: 1200px) {
}
@media (max-width: 991px) {
  .search_area .top-search-bar input {
    width: 230px;
  }
}

@media (max-width: 767px) {
  .login_main {
    background: #fff6f2;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
  }
  .login_left_area {
    justify-content: center;
  }
  .login_right_area {
    margin-top: 0px;
  }
  /* mobile */
  .management-wrapper {
    display: block;
  }
  .m-side-bar {
    width: 65%;
    position: fixed;
    z-index: 9999999999;
    overflow: scroll;
    transform: translateX(-100%);
    transition: all 300ms;
    height: 100%;
    margin: 0px;
  }
  .m-main-content {
    width: 100%;
  }
  .top_menu_area {
    justify-content: space-evenly;
  }
  .mobile-menu-tab {
    display: block;
  }
  /* -------- */
  .search_area .top-search-bar input {
    width: 295px;
  }
  .a_report_details_main {
    margin: 0px;
  }
  .p_adhaar_details.a-pan_card {
    border: 0;
  }
}

@media (max-width: 576px) {
  .login_right_area .lon_in_content .log_in_head .login_heading-txt {
    font-size: 26px;
  }
  .login_right_area
    .lon_in_content
    .log_in_head
    .login_heading-txt.forgot_head_txt {
    font-size: 26px;
  }
  .login_main {
    padding: 10px;
  }
  .search_area .top-search-bar input {
    width: 260px;
  }
  .search_area .brand_add > img {
    width: 70px;
    height: 70px;
  }
  .new_user_main {
    margin: 0px;
  }
  .user-all-info {
    margin: 30px 0px;
  }
  .user_education_details {
    padding: 30px 6px;
  }
  .p_adhaar_details.a-pan_card {
    padding: 0px;
  }

  .min-package-area {
    margin: 20px 0px;
  }
  .manage_gender_main .gend_txt {
    font-size: 15px;
    margin: 5px 10px;
  }
  .manage_gender_main .g_name {
    font-size: 15px;
  }
  .education_inner_info .education_info .edu_title,
  .education_inner_info .education_info .edu_name {
    font-size: 12px;
  }
  .blood_report_area .reports_question_main .report_qes {
    margin-bottom: 12px;
  }
  .blood_report_area .reports_question_main .report_qes {
    font-size: 14px;
  }
  .blood_report_area .reports_question_main .report_yes_no .yes_btn > img {
    width: 50px;
    height: 50px;
  }
  .user_match_card_main {
    justify-content: center;
  }
  .blood_report_area .reports_question_main.report_top {
    padding-top: 0px;
  }
}

@media (max-width: 360px) {
  .form_input_otp .opt_input_area {
    width: 40px;
  }
  .form_input_otp .opt_input_area {
    height: 66px;
    font-size: 28px;
  }
  .search_area .top-search-bar input {
    width: 230px;
  }
  .brand_main .brand_head_data .brands_total {
    width: 125px;
  }
  .button_area .save_btn {
    width: 280px;
  }
  .education_inner_info .education_info .edu_title,
  .education_inner_info .education_info .edu_name {
    font-size: 11px;
  }
  .user_education_details {
    padding: 30px 2px;
  }
}