/* v71 Mobile force fix based on screenshot */
@media(max-width:767px){
    body{
        overflow-x:hidden!important;
        background:#f3f6fb!important;
    }

    .ab-v57-home-shell,
    .ab-v69-home-widgets-only-sidebars{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        max-width:100%!important;
        margin:8px 0 18px!important;
        padding:0 8px!important;
        gap:12px!important;
        box-sizing:border-box!important;
    }

    .ab-v69-home-builder-content,
    .ab-v57-center{
        order:1!important;
        width:100%!important;
        max-width:100%!important;
    }

    .ab-v69-left-widget-area,
    .ab-v69-right-widget-area,
    .ab-v57-left,
    .ab-v57-right{
        order:2!important;
        width:100%!important;
        max-width:100%!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
    }

    .ab-v69-right-widget-area,
    .ab-v57-right{
        order:3!important;
    }

    .ab-v57-middle-inner,
    .ab-v63-home-builder-all-sections,
    .ab-v62-admin-home-sections{
        width:100%!important;
        display:grid!important;
        gap:12px!important;
    }

    .ab-v57-section,
    .ab-v62-home-section,
    .ab-v63-home-builder-section{
        width:100%!important;
        max-width:100%!important;
        background:#fff!important;
        border:1px solid #e5e7eb!important;
        border-radius:14px!important;
        box-shadow:0 6px 18px rgba(15,23,42,.06)!important;
        padding:10px!important;
        margin:0 0 12px!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
    }

    .ab-v57-section-head{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        border-bottom:1px solid #111827!important;
        padding-bottom:7px!important;
        margin-bottom:10px!important;
    }

    .ab-v57-section-head h2{
        font-size:18px!important;
        line-height:1.2!important;
        margin:0!important;
        padding-left:9px!important;
        border-left:4px solid #ef1b2d!important;
    }

    .ab-v57-section-head a{
        font-size:12px!important;
        color:#ef1b2d!important;
        white-space:nowrap!important;
    }

    .ab-v57-post-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:0!important;
    }

    .ab-v57-post,
    .ab-v57-post.featured,
    .ab-v57-post:not(.featured){
        display:grid!important;
        grid-template-columns:78px minmax(0,1fr)!important;
        gap:9px!important;
        align-items:start!important;
        width:100%!important;
        min-height:auto!important;
        border-bottom:1px solid #edf0f5!important;
        padding:8px 0!important;
        margin:0!important;
        box-sizing:border-box!important;
        grid-row:auto!important;
    }

    .ab-v57-post:last-child{
        border-bottom:0!important;
    }

    .ab-v57-post .ab-v57-img,
    .ab-v57-post.featured .ab-v57-img,
    .ab-v57-post:not(.featured) .ab-v57-img{
        display:block!important;
        width:78px!important;
        height:58px!important;
        min-height:58px!important;
        max-height:58px!important;
        margin:0!important;
        border-radius:8px!important;
        overflow:hidden!important;
        background:#f1f5f9!important;
        grid-column:1!important;
        grid-row:1 / span 3!important;
    }

    .ab-v57-post .ab-v57-img img,
    .ab-v57-post.featured .ab-v57-img img,
    .ab-v57-post:not(.featured) .ab-v57-img img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        display:block!important;
    }

    .ab-v57-post h3,
    .ab-v57-post.featured h3,
    .ab-v57-post:not(.featured) h3{
        grid-column:2!important;
        margin:0 0 4px!important;
        padding:0!important;
        font-size:13px!important;
        line-height:1.35!important;
        font-weight:900!important;
        color:#111827!important;
        min-height:0!important;
    }

    .ab-v57-post h3 a{
        color:#111827!important;
        text-decoration:none!important;
    }

    .ab-v57-post p,
    .ab-v57-post.featured p,
    .ab-v57-post:not(.featured) p{
        display:none!important;
    }

    .ab-v57-time{
        grid-column:2!important;
        font-size:11px!important;
        line-height:1.2!important;
        color:#64748b!important;
        margin:0!important;
    }

    .ab-v57-no-thumb{
        width:100%!important;
        height:100%!important;
        min-height:58px!important;
    }

    /* remove huge whitespace caused by old featured rule */
    .ab-v57-post.featured{
        min-height:auto!important;
    }

    /* widget mobile */
    .widget,
    .ab-v58-widget{
        width:100%!important;
        border-radius:14px!important;
        padding:12px!important;
        margin:0 0 12px!important;
        box-sizing:border-box!important;
    }

    .widget-title,
    .ab-v58-widget-title{
        font-size:16px!important;
        margin-bottom:10px!important;
    }

    /* breaking news/header compact protection */
    .ab-breaking-news,
    .breaking-news,
    .ticker,
    .ab-ticker{
        max-width:100%!important;
        overflow:hidden!important;
    }
}

/* very small phones */
@media(max-width:390px){
    .ab-v57-post,
    .ab-v57-post.featured,
    .ab-v57-post:not(.featured){
        grid-template-columns:72px minmax(0,1fr)!important;
        gap:8px!important;
    }
    .ab-v57-post .ab-v57-img,
    .ab-v57-post.featured .ab-v57-img,
    .ab-v57-post:not(.featured) .ab-v57-img{
        width:72px!important;
        height:54px!important;
        min-height:54px!important;
        max-height:54px!important;
    }
    .ab-v57-post h3,
    .ab-v57-post.featured h3,
    .ab-v57-post:not(.featured) h3{
        font-size:12.5px!important;
    }
}