@media(min-width:1025px){
    .sbx-page{
        padding-top:44px;
    }

    .sbx-hero{
        min-height:260px;
        grid-template-columns:1.15fr .85fr;
    }

    .sbx-filter-panel{
        grid-template-columns:repeat(5, minmax(0, 1fr));
    }

    .sbx-filter-box{
        min-height:165px;
    }

    .sbx-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .sbx-card{
        min-height:420px;
    }

    .sbx-resources,
    .sbx-request{
        max-width:100%;
    }
}







@media(max-width:1100px){
    .sbx-filter-panel{
        grid-template-columns:repeat(3, 1fr);
    }

    .sbx-zero-art{
        grid-column:1 / -1;
    }
}

@media(max-width:768px){
    .sbx-page{
        padding:16px 12px 40px;
    }

    .sbx-hero{
        grid-template-columns:1fr;
        padding:26px 20px;
        border-radius:24px;
        text-align:left;
    }

    .sbx-art img{
        max-height:210px;
    }

    .sbx-filter-panel{
        grid-template-columns:1fr;
        gap:10px;
        padding:12px;
        border-radius:22px;
    }

    .sbx-filter-box{
        border-radius:16px;
    }

    .sbx-options{
        max-height:none;
    }

    .sbx-resource-divider{
        grid-template-columns:1fr;
        padding:24px 20px;
        border-radius:24px;
    }

    .sbx-resource-divider-actions{
        width:100%;
    }

    .sbx-divider-btn,
    .sbx-all-resource-btn{
        width:100%;
    }

    .sbx-resources{
        border-radius:24px;
    }

    .sbx-resources-head{
        flex-direction:column;
        align-items:stretch;
    }

    .sbx-request{
        grid-template-columns:1fr;
        padding:22px 18px;
        border-radius:24px;
    }

    .sbx-request-left{
        padding:20px;
        border-radius:20px;
    }

    .sbx-illustration img{
        max-height:220px;
    }

    .sbx-form-grid{
        grid-template-columns:1fr;
    }

    .sbx-submit-request{
        width:100%;
    }

    .sbx-card-bottom{
        align-items:flex-start;
        flex-direction:column;
    }

    .sbx-card-btn{
        width:100%;
    }
}

@media(max-width:480px){
    .sbx-hero h1{
        font-size:30px;
    }

    .sbx-hero p{
        font-size:15px;
    }

    .sbx-card-body{
        padding:15px;
    }

    .sbx-resource-divider-text h2,
    .sbx-resources-head h2,
    .sbx-request-intro h2{
        font-size:30px;
    }
}