/*
==========================================
NRCube Search Responsive Rules
==========================================
*/

@media (max-width: 900px) {
    .search-card-grid,
    .search-group-summary {
        grid-template-columns: 1fr;
    }

    .search-result-summary {
        display: grid;
    }

    .result-details {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 540px) {
    .search-main {
        padding-top: 96px;
    }

    .search-hero {
        padding-top: 28px;
    }

    .result-header {
        display: grid;
    }

    .result-quality {
        width: fit-content;
    }

    .search-actions .button {
        width: 100%;
    }
}