/*
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  ***************/


}

/* MVPRO: cac nut muc chay slide ngang tren mobile */
@media (max-width: 549px) {
  body.home .col-inner.text-right:has(> .button.is-small) {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 6px;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  body.home .col-inner.text-right:has(> .button.is-small)::-webkit-scrollbar {
    display: none;
  }
  body.home .col-inner.text-right:has(> .button.is-small) .button.is-small {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}


/* MVPRO: nut muc truot ngang tren mobile (fallback) */
@media (max-width: 549px) {
  body.home .mvpro-hscroll {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 6px !important;
    justify-content: flex-start !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  body.home .mvpro-hscroll::-webkit-scrollbar {
    display: none !important;
  }
  body.home .mvpro-hscroll .button.is-small {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}