.nb-search-icon-2 {
    cursor: pointer;
    display: inline-block;
}

.nb-search-icon-2 .nb-search-input-wrapper {
    position: absolute;
    right: 0;
    top: -30px;
    width: 100%;
    display: none;
}

.nb-search-icon-2 .nb-search-input-wrapper .nb-input {
    border-radius: 4px 4px 0 0;
}

.form-control.nb-input:active, .form-control.nb-input:focus {
    border-color: var(--nb-input-border-color);
}

.nb-icon.nb-search-close {
   position: absolute;
   right: 20px;
   top: 8px;
}

.nb-search-icon-2 .nb-search-mobile-close {
    display: none;
}

body.open-search .nb-search-icon-2 .nb-icon-search {
    display: none;
}

body.open-search .nb-search-input-wrapper {
    display: block;
}

@media screen and (max-width: 992px) {
    body.open-search .nb-search-input-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 15px;
        margin-bottom: 15px;
    }

     .nb-search-mobile-close {
        display: inline-block;
        padding-left: 5px;
        margin-right: 5px;
    }

     .nb-search-input-wrapper .nb-input {
        display: inline-block;
        width: 90%;
        order: 2;
        margin-right: 15px;
    }

     .nb-icon.nb-search-close {
        right: 25px;
    }
}