#wrap, #wrap_xs {
    display: inline-block;
    /* position: relative; */
    /* height: 30px; */
    /* float: right; */
    /* padding: 0; */
    position: relative;
    /*top: 15px;*/
}

.search-input {
    height: 30px;
    font-size: 18px;
    display: inline-block;
    font-family: "Lato";
    font-weight: 100;
    border: none;
    outline: none;
    padding: 3px;
    width: 0px;
    position: relative;
    top: 10px;
    right: 0;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
}

.search-input-show {
    width: 150px;
    z-index: 1;
    border-bottom: 1px solid #104f91 !important;
    cursor: text;
    color: #000;
    background-color: #fff;
}

.search-padding {
    padding: 0 20px 0 20px !important;
}

@media(max-width:767px) {
    .search-input-show {
        width: 200px !important;
        z-index: 1;
        border-bottom: 1px solid #104f91 !important;
        cursor: text;
        color: #000;
        background-color: #fff;
        margin-bottom: 20px;
    }

    .search-submit {
        /* height: 31px; */
        /* width: 15px; */
        font-size: 22px;
        display: inline-block;
        color: #009999;
        background: transparent;
        /* float: right; */
        border: none;
        position: relative;
        top: 0px !important;
        /* right: 0px; */
        padding-left: 0px;
        z-index: 2;
        cursor: pointer;
        transition: opacity .4s ease;
    }
}

.search-remove {
    color: #e43d5d;
}

.search-submit {
    /*height: 31px;*/
    /* width: 15px; */
    font-size: 22px;
    display: inline-block;
    color: #115091;
    background: transparent;
    /* float: right; */
    border: none;
    position: relative;
    top: 5px;
    /* right: 0px; */
    /* padding-left: 0px; */
    z-index: 2;
    cursor: pointer;
    transition: opacity .4s ease;
}

.search_submit:hover {
    opacity: 0.8;
}