@media (max-width: 1019px)
{
    .techSupport .ts-hero
    {
        padding: 50px 0 50px 0;
    }

    .techSupport .ts-hero h1
    {
        font-size: 36px;
        padding: 0 0 24px 0;
    }

    .techSupport .ts-search input
    {
        height: 46px;
        font-size: 15px;
    }

    .techSupport .ts-popular
    {
        margin-top: 18px;
    }

    .techSupport .ts-popular .ts-popular-label
    {
        display: block;
        margin: 0 0 12px 0;
    }

    .techSupport .ts-content-section
    {
        padding: 36px 0 60px 0;
    }

    .techSupport .ts-cards-grid
    {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .techSupport .ts-card
    {
        padding: 30px 20px 56px 20px;
    }

    .techSupport .ts-card-icon
    {
        width: 42px;
        height: 42px;
        margin-bottom: 18px;
    }

    .techSupport .ts-card-title
    {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .techSupport .ts-card-desc
    {
        font-size: 13px;
        line-height: 20px;
    }

    .techSupport .ts-whatsapp-wrap
    {
        position: fixed;
        bottom: 16px;
        right: 16px;
        margin: 0;
        text-align: right;
        z-index: 50;
        pointer-events: none;
    }

    .techSupport .ts-whatsapp-btn
    {
        pointer-events: auto;
        height: 52px;
        line-height: 52px;
        font-size: 15px;
        min-width: 0;
        padding: 0 15px;
        border-radius: 14px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    }

    .techSupport .ts-whatsapp-btn:hover,
    .techSupport .ts-whatsapp-btn:active
    {
        transform: none;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    }

    .techSupport .ts-whatsapp-icon
    {
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
        background-size: 22px;
    }

    .techSupport .ts-whatsapp-label-extra
    {
        display: none;
    }

    .techSupport .ts-result-thumb
    {
        flex: 0 0 72px;
        width: 72px;
        height: 44px;
    }

    .techSupport .ts-result-title
    {
        font-size: 14px;
        line-height: 18px;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .techSupport .ts-result-type
    {
        display: none;
    }
}

@media (max-width: 599px)
{
    .techSupport .ts-search
    {
        max-width: 90%;
    }

    .techSupport .ts-cards-grid
    {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .techSupport .ts-whatsapp-btn
    {
        gap: 8px;
    }

    .techSupport .ts-card
    {
        padding: 30px 20px 56px 20px;;
    }

    .techSupport .ts-modal
    {
        padding: 20px 22px;
        max-width: 320px;
    }

    .techSupport .ts-modal-qr
    {
        width: 180px;
        height: 180px;
    }
}
