.SingleSearch {
        z-index: 4;
        position: absolute;
        right: calc((100% - var(--body-width))/ 2 + 6px);

 
        
        bottom: 5px;
}
.SingleSearch .SearchBox {
        border-radius: 3px;
        height: 28px;
        width: 160px;
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ccc;
}
.SingleSearch .SearchBox .Text {
        border-radius:3px;
        border:none;
        color: #5b5b5b;
        display: inline-block;
        height: 26px;
        margin: 0;
        text-align: left;
        width: 127px;
        font-size: 13px;
        padding: 0 5px;
}
.SingleSearch .SearchBox .Button {
        background: rgba(0, 0, 0, 0) url("images/s.png") no-repeat top -1px right -5px;
        border: medium none;
        display: inline-block;
        height: 20px;
        vertical-align: top;
        width: 25px;
        border-radius: 0 3px 3px 0;
        display: none;
}
.SingleSearch *, ::after, ::before{
        box-sizing: content-box;
}
@media only screen and (max-width: 768px) {
        .SingleSearch {
                z-index: 1;
        }
        .SingleSearch .SearchBox{
                height: 22px;
        }
        .SingleSearch .SearchBox .Text{
                border: none !important;
        }
        .SingleSearch .SearchBox .Button{
                height: 22px !important;
        }
        .SingleSearch {
                /* display: none !important; */
                position: absolute !important;

                bottom: 5px;
                left: 0;
                width: calc(100vw - 50px) !important;

        }
}