@media (max-width: 767px) {


    .header .srch-box {
        position: relative;
        padding: 10px;
        float: none;
        top: auto;
        right: auto;
        margin: 10px auto;
    }

        .header .srch-box input {
            float: none;
        }

        .header .srch-box #txtSearchText {
            width: 90%;
        }
}

@media (max-width: 420px) {
    .header .srch-box #txtSearchText {
        width: 80%;
    }
}