/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* Tab dich vu: cuộn ngang 1 hàng trên mobile (Nori 09/09) */
@media only screen and (max-width: 549px) {
  /* bo pull-up -90px cua cot chua tabs (id bi random moi load) */
  .col:has(> .col-inner > .tabbed-content) > .col-inner { margin-top: 0 !important; }
  .tabbed-content > ul.nav {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #033659 #e6ebf0;
    justify-content: flex-start !important;
    padding-bottom: 10px;
  }
  .tabbed-content > ul.nav::-webkit-scrollbar { height: 4px; }
  .tabbed-content > ul.nav::-webkit-scrollbar-track { background: #e6ebf0; border-radius: 4px; }
  .tabbed-content > ul.nav::-webkit-scrollbar-thumb { background: #033659; border-radius: 4px; }
  .tabbed-content > ul.nav > li { flex: 0 0 auto; white-space: nowrap; min-width: max-content; }
  .tabbed-content > ul.nav > li > a { white-space: nowrap; }
}
/* Cam ket Zcon: 2 thep 1 hang tren mobile (Nori 09/09) */
@media only screen and (max-width: 549px) {
  .col-inner > .row > .col.medium-4:has(> .col-inner > .is-border) {
    width: 50% !important;
  }
  .col-inner > .row > .col.medium-4:has(> .col-inner > .is-border) .box-text p {
    font-size: 100% !important;
  }
}