/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.18.7
Requires at least:    5.9
Requires PHP:         5.6
WC requires at least: 4.7
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
@media (max-width: 767px) {
  .blog-posts .post-item .box {
    display: flex;
    flex-direction: row; /* giữ ảnh bên trái, chữ bên phải */
    align-items: center;
  }

  .blog-posts .post-item .box-image {
    flex: 0 0 40%; /* ảnh chiếm 40% */
    margin-right: 10px;
  }

  .blog-posts .post-item .box-text {
    flex: 1; /* text chiếm phần còn lại */
  }

  .blog-posts .post-item .box-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}