/* =================================================================
   ĐỒNG BỘ BREAKPOINT FLATSOME TOÀN TRANG (CHUẨN SẠCH & BỀN VỮNG)
   ================================================================= */

/* 1. KÍCH HOẠT THIẾT KẾ TABLET KHI CỬA SỔ <= 1024PX */
@media screen and (max-width: 1024px) {
    .row > .medium-12 { flex-basis: 100%; max-width: 100%; }
    .row > .medium-11 { flex-basis: 91.66667%; max-width: 91.66667%; }
    .row > .medium-10 { flex-basis: 83.33333%; max-width: 83.33333%; }
    .row > .medium-9  { flex-basis: 75%; max-width: 75%; }
    .row > .medium-8  { flex-basis: 66.66667%; max-width: 66.66667%; }
    .row > .medium-7  { flex-basis: 58.33333%; max-width: 58.33333%; }
    .row > .medium-6  { flex-basis: 50%; max-width: 50%; }
    .row > .medium-5  { flex-basis: 41.66667%; max-width: 41.66667%; }
    .row > .medium-4  { flex-basis: 33.33333%; max-width: 33.33333%; }
    .row > .medium-3  { flex-basis: 25%; max-width: 25%; }
    .row > .medium-2  { flex-basis: 16.66667%; max-width: 16.66667%; }
    .row > .medium-1  { flex-basis: 8.33333%; max-width: 8.33333%; }

    .hide-for-medium { display: none !important; }
    .show-for-medium { display: block !important; }
}

/* 2. KÍCH HOẠT THIẾT KẾ MOBILE KHI CỬA SỔ <= 767PX */
@media screen and (max-width: 767px) {
    .row > .small-12 { flex-basis: 100%; max-width: 100%; }
    .row > .small-11 { flex-basis: 91.66667%; max-width: 91.66667%; }
    .row > .small-10 { flex-basis: 83.33333%; max-width: 83.33333%; }
    .row > .small-9  { flex-basis: 75%; max-width: 75%; }
    .row > .small-8  { flex-basis: 66.66667%; max-width: 66.66667%; }
    .row > .small-7  { flex-basis: 58.33333%; max-width: 58.33333%; }
    .row > .small-6  { flex-basis: 50%; max-width: 50%; }
    .row > .small-5  { flex-basis: 41.66667%; max-width: 41.66667%; }
    .row > .small-4  { flex-basis: 33.33333%; max-width: 33.33333%; }
    .row > .small-3  { flex-basis: 25%; max-width: 25%; }
    .row > .small-2  { flex-basis: 16.66667%; max-width: 16.66667%; }
    .row > .small-1  { flex-basis: 8.33333%; max-width: 8.33333%; }

    .hide-for-small, .show-for-medium-up { display: none !important; }
    .show-for-small { display: block !important; }
}