@media (max-height: 630px) {
  .section_login_new {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 575.98px) {
  .section-home2-title h2 {
    font-size: 18px;
  }
  /*****************BOOTSTRAP*********************/
  .modal-header {
    padding: 5px 0;
  }
  .modal-body {
    padding: 5px 15px;
  }
  .form-group {
    margin-bottom: 5px;
  }
  /*****************BOOTSTRAP*********************/
  .modal-dialog-toamau {
    max-width: 100% !important;
  }
  .section_hanghoa_header #hanghoa_search,
  .section_hanghoa_header #hanghoa_nhomthuoc {
    width: 100%;
    margin: 5px;
  }
  .section_hanghoa_header {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .section_tonkho_form {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin: 10px 0;
  }
  .section_tonkho_form .date_filter {
    padding: 0 10px;
  }
  .section_tonkho_form select,
  .section_tonkho_form .date_filter,
  .section_tonkho_form input {
    width: 100%;
    margin: 5px 0;
  }
  .section_tonkho_form button {
    margin: 0 10px;
  }
  .login_new_footer p {
    font-size: 14px;
  }
  .login_new_form .container {
    padding: 0;
    margin: 0;
  }
  .login_new_banner {
    display: none;
  }
  .login_new_banner_mb {
    display: block;
  }
  .login_new_content .content {
    padding: 10px 0;
  }
  .guicong_right {
    display: flex;
    flex-direction: column;
  }
  .guicong_right button {
    margin-left: 0;
  }
  .sl_gui {
    margin-left: 0;
  }
  .section-handung-header ul,
  .section-kiemkho-header ul {
    flex-wrap: wrap;
  }
  .section-thekho-header ul {
    justify-content: flex-start;
  }
  .section-thekho-header ul li {
    justify-content: flex-start;
    width: 100%;
  }
  .section-thekho-header.section-bctheonhom-header select {
    max-width: 100%;
  }
  .thekho_header_right button {
    margin-top: 10px;
  }
  .handung_button {
    text-align: left;
    margin-top: 10px;
  }
  .kiemkho_header_item {
    margin: 5px 0;
  }
  .section-kiemkho-header input[type="number"] {
    width: 100%;
  }
  .kiemkho_header_item_btn {
    justify-content: flex-start;
  }
  .section-kiemkho-header p {
    margin: 0 5px 0 0;
  }
  .thekho_header_right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .thekho_header_right input {
    width: 100%;
  }
  .kedon_form {
    white-space: nowrap;
    flex-wrap: wrap;
  }
  .kedon_form input[name="kedon_loc"]:nth-child(2),
  .kedon_form input[name="kedon_loc"]:nth-child(3) {
    margin-left: 10px;
  }

  .modal-body .form-group p {
    text-align: left;
  }
  input {
    border-radius: 0;
  }

  input[type="text"] {
    -webkit-appearance: none;
  }
  .section-nhomthuoc-content {
    margin-bottom: 60px;
    height: 300px;
  }
  .section-nhomthuoc-header input,
  .section-nhomthuoc-header select {
    margin: 10px 0;
  }
  .nhatkybanthuoc-right-bottom ul {
    margin: 5px 0;
  }
  .section-banthuoc-right {
    min-height: 200px;
  }
  .section-banthuoc-right.nhatky {
    padding: 10px;
  }
  .nhatkybanthuoc-left-top {
    padding: 0 10px;
  }
  .nhatkybanthuoc-left-bottom {
    padding: 10px;
  }
  .banthuoc_title_right {
    padding: 10px;
  }
  .cachdung {
    min-width: 175px;
  }
  .soluong {
    min-width: 60px;
  }
  #tenthuoc_search {
    min-width: 345px;
  }
  .section-banthuoc-left {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ddd;
    min-height: 200px;
  }
  .banthuoc-left-title .dvt.dvt_xuatkho {
    min-width: 120px;
  }
  .section-nhataitro img {
    height: 30px;
  }
  .active_header input,
  .active_header button {
    font-size: 14px;
  }
  .section_active {
    margin: 20px 10px;
    padding-bottom: 60px;
  }
  .section_active p {
    float: left;
    font-size: 14px;
  }
  .banthuoc-left-title.nhapkho-left-title input {
    max-width: 155px !important;
  }
  .select_input input {
    min-width: 155px !important;
  }
  .tenhh.tenhh_nhapkho {
    min-width: 320px !important;
  }
  .nhatkybanthuoc-right-bottom ul {
    justify-content: flex-start;
  }
  .nhatkybanthuoc-right-bottom ul li {
    margin: 5px 10px 5px 0;
  }
  .section-home-title {
    left: 40%;
    top: 50%;
    transform: translate(-40%, -50%);
  }
  .footer_mb {
    display: block;
    font-size: 14px;
    padding: 5px 0px;
    text-align: center;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    position: fixed;
  }
  .footer {
    display: none;
  }

  .section-login {
    padding: 0;
    margin: 10px;
    flex-direction: column;
    transform: translate(0%, 0%);
  }

  .section-login-left {
    border-bottom-left-radius: unset;
    border-top-right-radius: 20px;
  }
  .login-content {
    padding: 20px 0;
  }
  .section-login-right {
    padding: 15px 10px;
  }
  .login-content input {
    border-radius: unset;
    padding: 0;
  }
  .section-login-left p {
    margin-bottom: 10px;
  }
  .section-login-left {
    justify-content: center;
    height: 30%;
  }
  .section-login-mb {
    display: block;
    padding: 0;
    margin: 10px;
    flex-direction: column;
    transform: translate(0%, 0%);
    overflow: hidden;
    border-radius: 10px;
    /* box-shadow: 0 5px 10px 0px rgb(107 102 102 / 45%); */
    background-color: #ffff;
    justify-content: center;
    align-items: center;
    width: 85%;
    border: 1px solid #ffffff42;
    background-color: #0c0c0c4a;
  }
  .section-login-left-mb {
    justify-content: flex-start;
    height: 15%;
    border-bottom-left-radius: unset;
    border-top-right-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 30px 0;
  }
  .section-login-left-mb p {
    margin: 10px;
    padding: 0;
    color: #353535;
    font-weight: 500;
    font-size: 15px;
  }

  .login-content-mb {
    padding: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .login-content-mb input {
    border-radius: unset;
    padding: 0;
    font-size: 16px;
    color: #fff !important;
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 45px;
    background: transparent;
    outline: none;
    border: none;
    border-bottom: 1px solid #d7dad7;
    margin-bottom: 20px;
  }
  .login-content-mb button {
    background-color: #ececec;
    padding: 8px 20px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ffffff;
    margin-top: 20px;
    font-weight: 600;
  }
  .login-content-mb p {
    color: #fff;
    font-size: 15px;
    margin: 10px 0;
  }
  .login-content-mb .error_dangnhap {
    color: red;
    font-size: 15px;
    margin: 10px 0;
    text-align: center;
  }
  .section-login {
    display: none;
  }
  .section-home-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .section-home-title h3 {
    font-size: 24px;
  }
  .divide {
    display: none;
  }
  .section-home-footer {
    bottom: 12%;
    display: inline;
  }
  .section-home-footer-left {
    padding: 5px 10px;
  }
  .section-home-footer-right {
    padding: 0px 10px;
    align-items: flex-start;
  }
  .section-login-wrap {
    background: url("../../img/bglgmb.jpg");
    background-repeat: no-repeat;
    background-attachment: initial;
    background-position: center;
    background-size: cover;
  }
  .section-home {
    background: url("../../img/bglgmb.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .section-home-footer-left-mb {
    display: block;
    padding: 5px 10px;
  }
  .section-home-footer-left {
    display: none;
  }

  /************************************EC******************************************/
  .nhanbenh_btn {
    margin: 10px 0;
    flex-wrap: wrap;
  }
  .nhanbenh_search_div {
    display: flex;
    margin-top: 10px;
  }
  .nhanbenh_btn .tim_tenbenhnhan,
  .khambenh_btn .tim_tenbenhnhan {
    width: 200px;
  }
  .khambenh_btn {
    flex-direction: column;
    margin: 10px;
  }
  .nhanbenh_radio {
    margin: 0;
  }
  .nhanbenh_content {
    display: none;
  }
  .nhanbenh_content_mb {
    display: block;
    max-height: 100%;
    padding-bottom: 100px;
    overflow-y: auto;
  }
  .nhanbenh_mb_item {
    text-align: left;
    padding: 3px 5px 10px 10px;
    background-color: #a0aba20a;
    margin: 15px 10px 10px 10px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
      rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-radius: 5px;
  }
  .nhanbenh_mb_item .name,
  .nhanbenh_mb_item .loai {
    font-family: "OpenSans-SemiBold";
  }
  .nhanbenh_mb_item .btn_xuly {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .ectoamau_left.lichsukhambenh_left {
    min-height: 200px;
    justify-content: flex-start;
  }
  .lichsubenh_danhsachphieuthu_div {
    display: none;
  }
  .ectoamau_left_title {
    flex-wrap: wrap;
    padding: 0;
    margin: 0px 5px 10px 5px;
  }
  #lskb_intoa {
    padding: 5px 0;
  }
  .chisosinhhieu_btn_div {
    justify-content: flex-start;
  }
  .nhanbenh_mb_item .name {
    color: #07611c;
  }
  .phatthuoc_right_footer {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .phatthuoc_right_footer .item:nth-child(1) {
    margin-bottom: 10px;
  }
  .phatthuoc_right_footer .item .item_danhsachthuoc {
    display: block;
  }
  .ectoamau_left,
  .ectoamau_right {
    min-height: 200px;
  }
  .nhanbenh_input_btn {
    justify-content: center;
    margin-top: 10px;
  }
  .nhanbenh_input_btn .tim_tenbenhnhan {
    width: 220px;
  }
  .info_name_div {
    flex-direction: column;
  }
  .info_name_div p {
    font-size: 14px;
  }
  .khambenh_info {
    padding: 5px 0;
  }
  .khambenh_right {
    padding: 10px 25px;
  }
  .khambenh_cls {
    padding: 10px 10px 10px 20px;
  }
  .chisosinhnieu_item_child .field__input {
    width: 160px;
  }
  .khambenh_div {
    min-height: 0;
  }

  /***************************EC HIDDEN*******************/
  .kbr_header_right.hidden,
  .cls_table_div.hidden {
    display: none;
  }
}