/**
 * Override CSS - Módulo prestablog
 * Tema: motorespersianas
 * Estilo: Adaptado al design system de la web
 *
 * Variables del tema:
 * --mp-brand: #3498DB
 * --mp-accent: #E74C3C
 * --mp-navy: #1C1C1C
 * --mp-radius: 12px
 * --mp-radius-sm: 8px
 * --btn-primary: #3498DB
 * --border-radius-custom: 5px
 * Fuente: Instrument Sans / Montserrat
 */

/* =============================================
   VARIABLES LOCALES
   ============================================= */
#module-prestablog-blog,
#prestablogfront,
#prestablogfont,
.prestablog {
    --blog-brand: #3498DB;
    --blog-brand-dark: #2980B9;
    --blog-brand-light: #EBF5FB;
    --blog-accent: #E74C3C;
    --blog-navy: #1C1C1C;
    --blog-slate: #3D3D3D;
    --blog-gray-600: #7F8C8D;
    --blog-gray-400: #94A3B8;
    --blog-gray-200: #E2E8F0;
    --blog-gray-100: #F1F5F9;
    --blog-gray-50: #F8FAFC;
    --blog-radius: 12px;
    --blog-radius-sm: 8px;
    --blog-shadow: 0 4px 16px rgba(28,28,28,0.08);
    --blog-shadow-hover: 0 12px 40px rgba(28,28,28,0.14);
    --blog-transition: 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* =============================================
   LAYOUT GENERAL DEL BLOG
   ============================================= */

/* Fondo general del blog */
#module-prestablog-blog #main {
    background: #F8FAFC;
    padding-top: 20px;
    padding-bottom: 40px;
}

/* Breadcrumb */
#module-prestablog-blog .breadcrumb {
    background: transparent;
    padding: 8px 0;
    margin-bottom: 16px;
}

/* =============================================
   MENÚ DE CATEGORÍAS (barra superior)
   ============================================= */

#prestablog_menu_cat,
#prestablog_menucat {
    background: var(--blog-navy, #1C1C1C) !important;
    border-radius: var(--blog-radius, 12px) !important;
    overflow: hidden;
    margin-bottom: 24px;
    padding: 0 !important;
}

#prestablog_menu_cat ul,
#prestablog_menu_cat nav ul,
#prestablog_menucat ul,
#prestablog_menucat .prestablog-nav-top {
    background: transparent !important;
    border: none !important;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    float: none !important;
}

#prestablog_menu_cat ul li a,
#prestablog_menu_cat nav ul li a,
#prestablog_menucat ul li a,
#prestablog_menucat .prestablog-nav-top a {
    color: #fff !important;
    font-family: 'Instrument Sans', 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    padding: 12px 20px !important;
    display: block;
    border-left: none !important;
    transition: background var(--blog-transition, 0.3s) !important;
    text-shadow: none !important;
}

#prestablog_menu_cat ul li a:hover,
#prestablog_menu_cat nav ul li a:hover,
#prestablog_menu_cat ul li a.active,
#prestablog_menu_cat nav ul li a.active,
#prestablog_menucat ul li a:hover,
#prestablog_menucat .prestablog-nav-top a:hover,
#prestablog_menucat ul li a.active,
#prestablog_menucat .prestablog-nav-top a.active {
    background: var(--blog-brand, #3498DB) !important;
    color: #fff !important;
    text-decoration: none;
}

/* Icono home en el menú */
#prestablog_menu_cat .material-icons,
#prestablog_menucat .material-icons {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 4px;
}

/* Botón de búsqueda en el menú */
#prestablog_menu_cat .btn.button-search,
#prestablog_menu_cat button,
#prestablog_menucat .btn.button-search,
#prestablog_menucat button[hint="Buscar"] {
    background: var(--blog-brand, #3498DB) !important;
    border-radius: 0 var(--blog-radius, 12px) var(--blog-radius, 12px) 0 !important;
    height: 100%;
    min-height: 44px;
}

/* =============================================
   BUSCADOR DEL BLOG (sidebar)
   ============================================= */

#prestablog_bloc_search {
    margin-bottom: 20px;
}

#prestablog_bloc_search #prestablog_search {
    background: #fff !important;
    border: 1.5px solid var(--blog-gray-200, #E2E8F0) !important;
    border-radius: var(--blog-radius, 12px) !important;
    height: 48px !important;
    padding: 12px 56px 12px 16px !important;
    font-family: 'Instrument Sans', sans-serif;
    font-size: 14px;
    color: var(--blog-navy, #1C1C1C);
    width: 100%;
    transition: border-color var(--blog-transition, 0.3s);
}

#prestablog_bloc_search #prestablog_search:focus {
    border-color: var(--blog-brand, #3498DB) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15);
}

#prestablog_bloc_search .btn.button-search {
    background: var(--blog-brand, #3498DB) !important;
    border-radius: 0 var(--blog-radius, 12px) var(--blog-radius, 12px) 0 !important;
    width: 48px !important;
    height: 48px !important;
    top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background var(--blog-transition, 0.3s);
}

#prestablog_bloc_search .btn.button-search:hover {
    background: var(--blog-brand-dark, #2980B9) !important;
    color: #fff;
}

#prestablog_bloc_search .btn.button-search::after {
    color: #fff;
    font-size: 22px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

/* =============================================
   SIDEBAR - ÚLTIMOS ARTÍCULOS
   ============================================= */

.prestablogswip,
#prestablog_lastliste {
    background: #fff;
    border-radius: var(--blog-radius, 12px);
    border: 1.5px solid var(--blog-gray-200, #E2E8F0);
    overflow: hidden;
    margin-bottom: 20px;
}

/* Título del sidebar */
.prestablog h4,
.prestablog .h4,
#prestablog_lastliste h4,
.prestablogswip h4 {
    font-family: 'Montserrat', 'Instrument Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--blog-navy, #1C1C1C);
    padding: 14px 16px;
    margin: 0;
    border-bottom: 1.5px solid var(--blog-gray-200, #E2E8F0);
    background: var(--blog-gray-50, #F8FAFC);
}

/* Enlace "Ver todo" */
.prestablogswip a.btn,
#prestablog_lastliste a.btn,
.prestablog a.btn-primary {
    background: var(--blog-brand, #3498DB) !important;
    color: #fff !important;
    border-radius: var(--blog-radius-sm, 8px) !important;
    font-family: 'Instrument Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 18px !important;
    line-height: 1.4 !important;
    height: auto !important;
    transition: background var(--blog-transition, 0.3s) !important;
    display: inline-block;
    text-align: center;
}

.prestablogswip a.btn:hover,
#prestablog_lastliste a.btn:hover,
.prestablog a.btn-primary:hover {
    background: var(--blog-brand-dark, #2980B9) !important;
    text-decoration: none;
}

/* =============================================
   TARJETAS DE ARTÍCULOS (grid principal)
   ============================================= */

#blog_list_1-7 {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0;
    padding: 0 !important;
}

#blog_list_1-7 li {
    padding: 10px !important;
    float: none !important;
}

/* Contenedor de la tarjeta */
#blog_list_1-7 .block_cont,
.prestablog .block_cont {
    background: #fff !important;
    border: 1.5px solid var(--blog-gray-200, #E2E8F0) !important;
    border-radius: var(--blog-radius, 12px) !important;
    overflow: hidden;
    box-shadow: var(--blog-shadow, 0 4px 16px rgba(28,28,28,0.08));
    transition: box-shadow var(--blog-transition, 0.3s), transform var(--blog-transition, 0.3s) !important;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#blog_list_1-7 li:hover .block_cont {
    box-shadow: var(--blog-shadow-hover, 0 12px 40px rgba(28,28,28,0.14)) !important;
    transform: translateY(-3px);
    border-color: var(--blog-brand, #3498DB) !important;
}

/* Imagen de la tarjeta */
#blog_list_1-7 .block_top {
    padding: 0 !important;
    overflow: hidden;
    border-radius: var(--blog-radius, 12px) var(--blog-radius, 12px) 0 0;
    aspect-ratio: 16/9;
    background: var(--blog-gray-100, #F1F5F9);
}

#blog_list_1-7 .block_top a {
    display: block;
    height: 100%;
    overflow: hidden;
}

#blog_list_1-7 .block_top img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease !important;
}

#blog_list_1-7 li:hover .block_cont .block_top img {
    transform: scale(1.05) !important;
}

/* Contenido inferior de la tarjeta */
#blog_list_1-7 .block_bas {
    padding: 16px 18px 12px !important;
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Título del artículo en la tarjeta */
#blog_list_1-7 h3,
#blog_list_1-7 h2,
#blog_list_1-7 .h3title {
    font-family: 'Montserrat', 'Instrument Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--blog-navy, #1C1C1C) !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

#blog_list_1-7 h3 a,
#blog_list_1-7 h2 a {
    color: var(--blog-navy, #1C1C1C) !important;
    text-decoration: none;
    transition: color var(--blog-transition, 0.3s);
}

#blog_list_1-7 h3 a:hover,
#blog_list_1-7 h2 a:hover {
    color: var(--blog-brand, #3498DB) !important;
}

/* Fecha y categoría */
.date_blog-cat,
.info_blog,
time.date {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 11px !important;
    color: var(--blog-gray-600, #7F8C8D) !important;
    margin-bottom: 8px;
    text-align: left !important;
}

.date_blog-cat::before,
time.date::before,
.info_blog::before {
    display: none !important;
}

.date_blog-cat span,
time.date span,
.info_blog span {
    background: transparent !important;
    padding: 0 !important;
}

/* Categoría badge */
.categorie_blog,
.date_blog-cat a {
    display: inline-block;
    background: var(--blog-brand-light, #EBF5FB) !important;
    color: var(--blog-brand, #3498DB) !important;
    border-radius: 20px !important;
    padding: 2px 10px !important;
    font-size: 11px !important;
    font-weight: 600;
    text-decoration: none !important;
    transition: background var(--blog-transition, 0.3s);
}

.categorie_blog:hover,
.date_blog-cat a:hover {
    background: var(--blog-brand, #3498DB) !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* Descripción del artículo */
.prestablog_desc,
#blog_list_1-7 p {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 13px !important;
    color: var(--blog-slate, #3D3D3D) !important;
    line-height: 1.6;
    margin: 8px 0 !important;
    flex: 1;
}

/* Estrellas de valoración */
.star_content .material-icons {
    font-size: 13px !important;
    color: var(--blog-gray-200, #E2E8F0) !important;
}

.star_content .material-icons.checked {
    color: #F39C12 !important;
}

/* =============================================
   BARRA INFERIOR DE LA TARJETA (Leer más + comentarios)
   ============================================= */

#blog_list_1-7 .prestablog_more {
    background: var(--blog-gray-50, #F8FAFC) !important;
    border-top: 1.5px solid var(--blog-gray-200, #E2E8F0) !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 !important;
}

#blog_list_1-7 .prestablog_more a.blog_link {
    color: var(--blog-brand, #3498DB) !important;
    font-family: 'Instrument Sans', sans-serif;
    font-size: 13px !important;
    font-weight: 600;
    padding: 10px 16px !important;
    height: auto !important;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: color var(--blog-transition, 0.3s);
}

#blog_list_1-7 .prestablog_more a.blog_link:hover {
    color: var(--blog-brand-dark, #2980B9) !important;
    background: transparent !important;
    text-decoration: none;
}

#blog_list_1-7 .prestablog_more a.blog_link i.material-icons {
    font-size: 16px;
    vertical-align: middle;
}

#blog_list_1-7 .prestablog_more .comments {
    color: var(--blog-gray-600, #7F8C8D) !important;
    font-size: 12px !important;
    padding: 10px 16px !important;
    height: auto !important;
    display: flex;
    align-items: center;
    gap: 4px;
    float: none !important;
}

#blog_list_1-7 .prestablog_more .comments:hover {
    color: var(--blog-brand, #3498DB) !important;
    background: transparent !important;
}

#blog_list_1-7 a.blog_link:hover,
#blog_list_1-7 .comments:hover,
#blog_list_1-7 a.blog_link:hover::before,
#blog_list_1-7 .comments:hover::before {
    background-color: transparent !important;
}

/* =============================================
   TÍTULO DE LA PÁGINA / CATEGORÍA
   ============================================= */

#prestablogfront h1,
h1#prestablog_home,
h1.prestablogcat {
    font-family: 'Montserrat', 'Instrument Sans', sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--blog-navy, #1C1C1C) !important;
    text-align: left !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    border: none !important;
}

h1#prestablog_home {
    padding: 0 0 0 10px !important;
}

h1.prestablogcat span {
    font-size: 14px !important;
    color: var(--blog-gray-600, #7F8C8D) !important;
    font-weight: 400;
}

/* Separador de título */
.prestablogtitle {
    font-family: 'Montserrat', 'Instrument Sans', sans-serif;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--blog-navy, #1C1C1C) !important;
    border-bottom: 2px solid var(--blog-brand, #3498DB) !important;
    padding-bottom: 10px !important;
    margin: 24px 0 20px 0 !important;
}

/* =============================================
   PAGINACIÓN
   ============================================= */

#prestablog_pagination,
.prestablog_pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 24px 0 8px;
    flex-wrap: wrap;
}

#prestablog_pagination a,
.prestablog_pagination a,
#prestablog_pagination span,
.prestablog_pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: var(--blog-radius-sm, 8px) !important;
    border: 1.5px solid var(--blog-gray-200, #E2E8F0);
    background: #fff;
    color: var(--blog-navy, #1C1C1C) !important;
    font-family: 'Instrument Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all var(--blog-transition, 0.3s);
}

#prestablog_pagination a:hover,
.prestablog_pagination a:hover {
    background: var(--blog-brand-light, #EBF5FB);
    border-color: var(--blog-brand, #3498DB);
    color: var(--blog-brand, #3498DB) !important;
    text-decoration: none;
}

#prestablog_pagination a.active,
.prestablog_pagination a.active,
#prestablog_pagination span.current,
.prestablog_pagination span.current {
    background: var(--blog-brand, #3498DB) !important;
    border-color: var(--blog-brand, #3498DB) !important;
    color: #fff !important;
    font-weight: 700;
}

/* =============================================
   PÁGINA DE ARTÍCULO INDIVIDUAL
   ============================================= */

/* Contenedor del artículo */
#prestablogfont {
    background: #fff;
    border-radius: var(--blog-radius, 12px);
    border: 1.5px solid var(--blog-gray-200, #E2E8F0);
    padding: 32px 36px;
    box-shadow: var(--blog-shadow, 0 4px 16px rgba(28,28,28,0.08));
    margin-bottom: 24px;
}

/* Título del artículo */
#prestablogfront h1 {
    font-family: 'Montserrat', 'Instrument Sans', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--blog-navy, #1C1C1C) !important;
    line-height: 1.3;
    text-align: left !important;
    margin: 16px 0 12px 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Subtítulos del artículo */
#prestablogfront h2,
#prestablogfront h3,
#prestablogfront h4,
#prestablogfront h5,
#prestablogfront h6 {
    font-family: 'Montserrat', 'Instrument Sans', sans-serif !important;
    font-weight: 700 !important;
    color: var(--blog-navy, #1C1C1C) !important;
    margin: 28px 0 12px 0 !important;
    padding: 0 !important;
    border: none !important;
    text-align: left !important;
}

#prestablogfront h2 { font-size: 22px !important; }
#prestablogfront h3 { font-size: 18px !important; }
#prestablogfront h4 { font-size: 16px !important; }

/* Texto del artículo */
#prestablogfont p,
#prestablogfront p {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 15px;
    color: var(--blog-slate, #3D3D3D);
    line-height: 1.75;
    margin-bottom: 16px !important;
}

/* Listas */
#prestablogfont ul li,
#prestablogfont ol li {
    font-size: 15px !important;
    color: var(--blog-slate, #3D3D3D) !important;
    line-height: 1.7;
}

/* Imágenes del artículo */
#prestablogfont img,
#prestablogfront img {
    border-radius: var(--blog-radius-sm, 8px);
    max-width: 100%;
    height: auto;
    margin: 16px 0;
}

/* Metadatos del artículo (fecha, categoría) */
#prestablogfront .info_blog {
    text-align: left !important;
    margin-bottom: 16px;
    font-size: 12px !important;
    color: var(--blog-gray-600, #7F8C8D) !important;
}

/* Separador de fecha */
#prestablogfront time.date,
#prestablogfront .info_blog {
    text-align: left !important;
    margin: 0 0 8px 0 !important;
    font-size: 12px !important;
    color: var(--blog-gray-600, #7F8C8D) !important;
}

#prestablogfront time.date::before,
#prestablogfront .info_blog::before {
    display: none !important;
}

#prestablogfront time.date span,
#prestablogfront .info_blog span {
    background: transparent !important;
    padding: 0 !important;
}

/* =============================================
   SECCIÓN DE COMENTARIOS
   ============================================= */

#prestablog_comment_form,
.prestablog_comment_section {
    background: #fff;
    border-radius: var(--blog-radius, 12px);
    border: 1.5px solid var(--blog-gray-200, #E2E8F0);
    padding: 24px 28px;
    margin-top: 24px;
    box-shadow: var(--blog-shadow, 0 4px 16px rgba(28,28,28,0.08));
}

#prestablog_comment_form h3,
.prestablog_comment_section h3 {
    font-family: 'Montserrat', 'Instrument Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--blog-navy, #1C1C1C);
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--blog-brand, #3498DB);
}

/* Inputs del formulario de comentarios */
#prestablog_comment_form input[type="text"],
#prestablog_comment_form textarea {
    width: 100%;
    border: 1.5px solid var(--blog-gray-200, #E2E8F0);
    border-radius: var(--blog-radius-sm, 8px);
    padding: 10px 14px;
    font-family: 'Instrument Sans', sans-serif;
    font-size: 14px;
    color: var(--blog-navy, #1C1C1C);
    background: #fff;
    transition: border-color var(--blog-transition, 0.3s);
    margin-bottom: 12px;
}

#prestablog_comment_form input[type="text"]:focus,
#prestablog_comment_form textarea:focus {
    border-color: var(--blog-brand, #3498DB);
    outline: none;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15);
}

/* Botón de enviar comentario */
#prestablog_comment_form input[type="submit"],
#submitComment {
    background: var(--blog-brand, #3498DB) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--blog-radius-sm, 8px) !important;
    padding: 10px 24px !important;
    font-family: 'Instrument Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--blog-transition, 0.3s);
}

#prestablog_comment_form input[type="submit"]:hover,
#submitComment:hover {
    background: var(--blog-brand-dark, #2980B9) !important;
}

/* =============================================
   SLIDER DE ÚLTIMOS ARTÍCULOS (sidebar)
   ============================================= */

.prestablogswip .swiper-slide .block_cont,
#prestablog_lastliste .block_cont {
    border-radius: var(--blog-radius-sm, 8px) !important;
    border: none !important;
    box-shadow: none !important;
    overflow: hidden;
}

.prestablogswip .block_top,
#prestablog_lastliste .block_top {
    border-radius: var(--blog-radius-sm, 8px) var(--blog-radius-sm, 8px) 0 0;
    overflow: hidden;
}

/* Dots del slider */
.bloglistswip .swiper-pagination-bullet-active,
.prestablogproductswip.prestablogswip .swiper-pagination-bullet-active {
    background-color: var(--blog-brand, #3498DB) !important;
}

/* =============================================
   SLIDER PRINCIPAL DEL BLOG (hero)
   ============================================= */

.prestablog_slide {
    border-radius: var(--blog-radius, 12px) !important;
    border: none !important;
    box-shadow: var(--blog-shadow, 0 4px 16px rgba(28,28,28,0.08)) !important;
    overflow: hidden;
    margin-bottom: 24px !important;
}

.prestablog_slide .nivo-caption {
    border-radius: 0 var(--blog-radius-sm, 8px) var(--blog-radius-sm, 8px) 0 !important;
    background: rgba(28, 28, 28, 0.75) !important;
    border: none !important;
    box-shadow: none !important;
}

/* Dots del slider hero */
.prestablog_slide .nivo-controlNav a {
    border-radius: 50% !important;
    background: rgba(255,255,255,0.5) !important;
    box-shadow: none !important;
}

.prestablog_slide .nivo-controlNav a.active,
.prestablog_slide .nivo-controlNav a:hover {
    background: var(--blog-brand, #3498DB) !important;
    border: none !important;
}

/* =============================================
   FILTROS DE CATEGORÍA
   ============================================= */

#categoriesFiltrage {
    background: #fff;
    border-radius: var(--blog-radius, 12px);
    border: 1.5px solid var(--blog-gray-200, #E2E8F0);
    padding: 16px;
    margin-bottom: 20px;
}

#categoriesFiltrage input.search_query {
    border-radius: var(--blog-radius-sm, 8px) !important;
    border: 1.5px solid var(--blog-gray-200, #E2E8F0) !important;
    height: 38px !important;
    font-family: 'Instrument Sans', sans-serif;
}

#categoriesFiltrage input.search_query:focus {
    border-color: var(--blog-brand, #3498DB) !important;
    outline: none;
}

#categoriesFiltrage .button-search {
    border-radius: var(--blog-radius-sm, 8px) !important;
    background: var(--blog-brand, #3498DB) !important;
    border: none !important;
    color: #fff !important;
}

#categoriesFiltrage div.filtrecat {
    border-radius: 20px !important;
    background: var(--blog-brand-light, #EBF5FB) !important;
    border: 1.5px solid var(--blog-brand, #3498DB) !important;
    color: var(--blog-brand, #3498DB) !important;
    font-size: 12px;
    padding: 4px 12px !important;
}

/* =============================================
   RESPONSIVE
   ============================================= */

@media (max-width: 767px) {
    #prestablogfont {
        padding: 20px 16px;
    }

    #prestablogfront h1 {
        font-size: 22px !important;
    }

    #blog_list_1-7 li {
        width: 100% !important;
    }

    #prestablog_menucat ul li a,
    #prestablog_menucat .prestablog-nav-top a {
        padding: 10px 14px !important;
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #blog_list_1-7 li {
        width: 50% !important;
    }
}