div.SingleSearch {
        width: 100%;
        background: rgba(0, 0, 0, 0) linear-gradient(to top, #d3d6d4, #fffdfd) repeat scroll 0 0;
        height: 38px;
        display: flex;
        align-items: center;
        padding: 0 5px;
        max-width: unset;
        z-index: 99999;
}
.SingleSearch .SearchBox {
        gap: 5px;
        width: 100%;
}
.SingleSearch .SearchBox .Text {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #cccc;
        color: #5b5b5b;
        height: 25px;
        margin: 0;
        flex: 1;
        width: 80%;
        font-size: 13px;
        padding: 5px;
        border-radius: 18px;
        outline: none;
        z-index: 9;
}
.SingleSearch .SearchBox .Button {
        background: url("images/search-button.jpg") no-repeat scroll top center;
        border: medium none;
        height: 25px;
        width: 25px;
        float: right;
}
@media only screen and (max-width: 768px){
        div.SingleSearch {
                margin: 0 !important;
                position: relative !important;
                z-index: 0 !important;
        }
        div.SingleSearch .SearchBox .Button {
                margin: 0 !important;
        }
         div.SingleSearch .SearchBox .Text {
                padding: 5px !important;
        }
}