.sidebar-banner
{
    flex: 1 1 25%;
    min-width: 300px;
    max-width: 350px;
}
.sidebar-banner .banner
{
    height: 400px;
    background-color: grey;
    border: 1px solid black;
    border-radius: 20px;
}


.sidebar-banner .newsletter
{
    height: 350px;
    border: 1px solid #173B6A;
    border-radius: 20px;
    background-color: white;
    margin-top: 48px;
    padding: 48px 30px;
    
    box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%);
}




@media (max-width:1024px)
{


    .sidebar-banner
    {
        order: 10;
        display: flex;
        width: 100% !important;
        margin-top: 48px;
        max-width: 100% !important;
    }
}

@media (max-width:480px)
{


    .sidebar-banner
    {
       flex-direction: column;
    }
}