.banner
{
    position: relative;
}

@media (min-width: 992px)
{
    .logo
    {
        width: 35%;
    }

    .page-wrapper .block.block-search
    {
        width: 50% !important;
    }
}

@media (min-width: 1300px)
{
    .logo
    {
        width: 33%;
    }
}

@media (max-width: 991.98px)
{
    .logo
    {
        width: 50%;
    }
}

@media (max-width: 767.98px)
{
    .logo
    {
        width: 60%;
    }
}

@media (max-width: 550px)
{
    a.logo
    {
        margin-top: 14px !important;
    }
}