/* ===== CHỈ ÁP DỤNG CHO MOBILE & TABLET NHỎ HƠN 1200PX ===== */
@media (max-width: 1199px) {

  /* Thanh menu chứa toggle và ô tìm kiếm */
  .UIDropdownMenu_menu2 {
    
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    background: #0a4b85;
    
    z-index: 1000;
  }

  /* Ô tìm kiếm tổng thể */
  div[class*=UISingleSearch_search_tren_menu] {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin: 0 auto;
    /*padding: calc(0.6vh + 0.4vw) 0;*/
    display: flex;
    justify-content: center;
    order: 1;
    z-index: 900;
     
  }

  /* Khung chứa ô tìm kiếm */
  div[class*=UISingleSearch_search_tren_menu] .SingleSearch {
    width: 100vw;
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border: 1px solid #ddd;
  }




  /* Hộp nhập liệu */
  div[class*=UISingleSearch_search_tren_menu] .SearchBox {
    position: relative;
    width: 100vw;
    /*height: calc(34px + 0.4vh);*/
     
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 calc(1vw);
    border-radius: calc(4px + 0.3vw);
    
    
  }

  /* Input text */
  div[class*=UISingleSearch_search_tren_menu] .SearchBox .Text {
    flex: 1;
    width: 100%;
    padding: calc(6px + 0.4vw);
    font-size: calc(13px + 0.3vw);
    background: transparent;
    border: none;
    color: #333;
  }

  /* Nút tìm kiếm */
  div[class*=UISingleSearch_search_tren_menu] .SearchBox .Button {
    width: calc(16px + 0.6vw);
    height: calc(16px + 0.6vw);
    /*background: url("images/search-button.jpg") no-repeat center center;*/
    background: #fff url(images/s.png) no-repeat scroll center center;
    background-size: contain;
    border: none;
    margin-left: calc(6px + 0.4vw);
    cursor: pointer;
  }

  /* Nút menu hamburger */
  .navbar-button {
    order: 2;
    position: relative;
    z-index: 1100;
    width: calc(36px + 1.2vw);
    height: calc(36px + 1.2vw);
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
  }

  .navbar-button span {
    display: block;
    width: calc(18px + 0.6vw);
    height: calc(2px + 0.2vw);
    background: #fff;
    margin: calc(3px + 0.2vw) 0;
    border-radius: calc(1px + 0.1vw);
  }

}


@media only screen and (min-width: 1200px) {
    div[class*=UISingleSearch_search_tren_menu] .SingleSearch {
        display: none !important;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    div[class*=UISingleSearch_search_tren_menu] .SingleSearch {
        display: none !important;
    }
}

@media only screen and (min-width: 1024px) and (pointer: coarse) {
    div[class*=UISingleSearch_search_tren_menu] {
        display: none !important;
    }
}

@media only screen and (max-width: 1023px) {
        .SingleSearch .SearchBox .Button {
        margin-right: 0px !important;
		}
}