#searchform {
    position: absolute;
    z-index: 1;

    right: 0;

}

.navbar ul.nav {

    margin-right: 40px;

}

@media (max-width: 979px) {
    #searchform {
        width: 100%;
        padding: 0 15px;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        box-sizing: border-box;
    }

    #searchfield {
        max-width: 100% !important;
        width: 100%;
        height: 30px;
        float: none;
        margin: 0;
        position: relative;
        box-sizing: border-box;
    }

    #searchform:hover #searchfield,
    #searchform:focus #searchfield,
    #searchfield:hover,
    #searchfield:focus {
        width: inherit;
        min-width: inherit;
        padding: inherit;
    }

    #searchbutton {
        right: 21px;
    }
}