@media only screen and (min-width: 0px)
 {
.SingleSearch {
    max-width: 100% !important;
}
}
.SingleSearch {
        position: absolute;
        right: 20px;
        top: 195px;
        z-index: 10;
        cursor: pointer;
}
.SingleSearch .SearchBox {
        /* width: 100%; */
        /* height: 100%; */
        /* position: absolute; */
        /* right: 0; */
        /* top: 60px; */
        /* margin-top: 61px; */
}
.SingleSearch .SearchBox .Text {
        /* background: #f5f2f2a6; */
        /* margin: 0; */
        /* width: 100%; */
        border: none;
        /* outline: none; */
        /* border-radius: 2px; */
        /* padding: 13px 16px; */
        /* font-family: Roboto; */
        /* font-style: normal; */
        /* font-weight: normal; */
        /* font-size: 14px; */
        /* line-height: unset; */
        /* color: #99A5B5; */
        /* height: 42px; */
        display: none;
}
.SingleSearch .SearchBox .Button {
        background: rgba(0, 0, 0, 0) url("images/timkiem.png") no-repeat scroll center center;
        /* position: absolute; */
        /* right: 13px; */
        /* bottom: 50%; */
        width: 20px;
        height: 20px;
        /* transform: translateY(50%); */
}
::-webkit-input-placeholder {
        /* Edge */
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        color: #99A5B5;
}
:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        color: #99A5B5;
}
::placeholder {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        color: #99A5B5;
}
@media only screen and (max-width: 768px){
        div.SingleSearch {
                height: auto;
                margin: 0 !important;
                padding: 0 !important;
        }
        .SingleSearch div.SearchBox {
                height: auto;
                margin: 0;
                padding: 0;
                position: relative;
                border-left: 1px solid #eeeeee;
                width: 100%;
        }
        .SingleSearch .SearchBox input.Text {
                /* margin-bottom: 0; */
                /* border-radius: 0; */
        }
        div.SingleSearch {
                flex: unset;
                order: 3;
                display: inline-block;
                height: 25px;
                position: absolute;
                top: 87px;
                right: 35px;
                width: 0;
        }
        .SingleSearch .SearchBox input.Text {
                color: transparent !important;
                border: none !important;
                background: transparent;
                height: auto;
                padding: 0;
                margin: 0px;
                display: none;
        }
        .SingleSearch .SearchBox input.Text::placeholder {
                color: transparent;
        }
        .SingleSearch .SearchBox a.Button {
                bottom: unset !important;
                margin-left: 0 !important;
                position: absolute !important;
                transform: unset;
                opacity: 1;
                top: 0;
                right: -10px;
        }
}