@media only screen and (max-width: 1500px)
{
    #userInfo > .cell:last-child,
    #actualBookRow {display: none !important;}

    header,
    .list .headLine {position: relative !important;}
    #body {padding-top: 0 !important;}
}

@media only screen and (max-width: 1400px)
{
    .bar .dates label span,
    .bar .presets label span,
    .bar .eshops .block-row:after,
    .list .o-id .column-name {display: none;}

    .bar .eshops .block-row {overflow: visible;display: flex;}

    .check-label {padding: 0 6px;}

    /*header #search {display: none;}*/

    .bar .eshops .block-row.search {display: block !important; float: right;}
    .bar .eshops .block-row.search input {display: block; width: 300px; border-radius: 3px; height: 30px; line-height: 30px;}
    .bar .eshops .block-row.search .button,
    .bar .eshops .block-row.search .button span {background: none; color: #00b1d2; border: none; position: absolute; top: 0; right: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0;}

    .bar > form > .table > .cell.basic-filter {width: 100px;}
    .bar .dates label input, .bar .presets label select {width: 90px;}

    .bar #filterBarForm .table {width: 100% !important;}

    #filterSearchForm .button {
        background: none;
        position: absolute;
        top: 2px;
        right: 40px;
        border: none;
        color: #00b1d2;
    }
    .wrapFilter
    {
        width: auto;
    }
    header
    {
        z-index: 15;
        font-weight: normal;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: white;
        font-family: 'Open Sans', sans-serif;
    }
    .button {padding: 0px 10px !important;}
    /*.bar .big-single label {position: absolute; top: -40px; left: -100px; }*/

    #filterSearchForm input {border-color: #00b1d2; background: white; border-radius: 3px;}
}

@media only screen and (max-width: 1400px)
{
    header #logo {width: 50px; min-width: 50px;}
    header #logo img {margin: 0;}
    header #logo a span {display: none;}
}


@media only screen and (max-width: 1500px)
{
    .list .headLine {top: 0px !important;}
}
