.SingleSearch {
        z-index: 4;
width: 100%;
        max-width:max-content !important;
    margin-bottom: 10px;
}
.SingleSearch .SearchBox {
        border-radius: 3px;
        height: 28px;
        width:  calc(var(--body-width));

}
.SingleSearch .SearchBox .Text {
        width:100%  ;
        border-radius:3px;
             border: 1px solid #ccc;
        color: #5b5b5b;
        display: inline-block;
        height: 35px;
        text-align: left;
        font-size: 13px;
        padding: 0 5px;

}
.SingleSearch .SearchBox .Button {
        background: rgba(224,12,12,1);
        border: medium none;
        height: 37px;
        vertical-align: top;
        width: 100px;
        border-radius: 3px;
    margin-left: 10px;
    display: flex;              /* bật flexbox */
  justify-content: center;    /* căn giữa ngang */
  align-items: center;
}
.SingleSearch .SearchBox .Button::after{
    justify-items: center;
      content: "Tìm kiếm";
  color: white;
    font-family: roboto;
    font-weight: 500;

}
.SingleSearch *, ::after, ::before{
        box-sizing: content-box;
}
@media only screen and (max-width: 1023px) {
        /*.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;

        }*/
    .SingleSearch {
        z-index: 4;
width: 100%;
            max-width:max-content !important;
    margin-bottom: 10px;
}
.SingleSearch .SearchBox {
        border-radius: 3px;
        height: 35px;
        width: 100vw !important;

}
.SingleSearch .SearchBox .Text {
        width: 100% !important;
        border-radius:3px;
             border: 1px solid #ccc;
        color: #5b5b5b;
        display: inline-block;
        height: 35px!important;
        text-align: left;
        font-size: 13px;
        padding: 0 5px;

}
.SingleSearch .SearchBox .Button {
        background: rgba(224,12,12,1);
        border: medium none;
        height: 37px !important;
        vertical-align: top;
        width: 100px !important;
        border-radius: 3px;
    margin-left: 10px;
    display: flex;              /* bật flexbox */
  justify-content: center;    /* căn giữa ngang */
  align-items: center;
}

}