#jumping-navigation-20580 > h2{
    position: relative;
}

#docSearchForm{
    position: absolute;
    top: 20px;
    left: 450px;
    -webkit-transition: top .3s;
    -moz-transition: top .3s;
    -ms-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s;
}

#docSearch{
    font-size: 30px;
    padding-left: 5px;
    cursor: pointer;
}

#jumping-navigation-20580.scrolled #docSearchForm{
    top: 0;
}
#documentSearchResult .closer{
    position: absolute;
    right: 20px;
    top:20px;
    font-size: 30px;
    cursor: pointer;
}

#documentSearchResult{
    background-color: white;
    z-index: -100;
    position: fixed;
    top:0; bottom:0;
    left:0; right: 0;
    opacity: 0;
    overflow-y: auto;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
#documentSearchResult.open{
    opacity: 1;
    z-index: 10000;
}

#searchResults .upload-title{
    left:var(--space-extra-small-mobile);
    right:var(--space-extra-small-mobile);
    bottom:var(--space-extra-small-mobile);
}
@media(min-width: 768px){
    #documentSearchResult .closer{
        top:40px;
        right:40px;
    }
    #searchResults .upload-title{
        left:var(--space-extra-small-tablet);
        right:var(--space-extra-small-tablet);
        bottom:var(--space-extra-small-tablet);
    }
}
@media(min-width: 992px){
    #searchResults .upload-title{
        left:var(--space-extra-small-tablet-landscape);
        right:var(--space-extra-small-tablet-landscape);
        bottom:var(--space-extra-small-tablet-landscape);
    }
}
@media(min-width: 1200px){
    #searchResults .upload-title{
        left:var(--space-extra-small);
        right:var(--space-extra-small);
        bottom:var(--space-extra-small);
    }
}
@media(min-width: 1440px){
    #searchResults .upload-title{
        left:var(--space-extra-small-xl);
        right:var(--space-extra-small-xl);
        bottom:var(--space-extra-small-xl);
    }
}
@media(min-width: 1600px){
    #documentSearchResult .closer{
        top:50px;
        right:50px;
    }
    #searchResults .upload-title{
        left:var(--space-extra-small-xxl);
        right:var(--space-extra-small-xxl);
        bottom:var(--space-extra-small-xxl);
    }
}
