@media (max-width: 979px)
{

    .container .nav-collapse > ul.nav
    {
        margin-top: 0;
    }

    .nav-collapse ul.nav li
    {
        width: 100%;
        max-width: 979px;
        /*align vertically*/
        line-height: 40px;
    }

        .nav-collapse ul.nav li a,
        .nav-collapse > ul.nav > li.active > a
        {
            padding: 0px;
            min-height: auto;
            margin: 0;
        }
}

@media (max-width: 767px)
{

    [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"]
    {
        -moz-box-sizing: border-box;
        display: block;
        float: none;
        margin-left: 0;
        width: 100%;
    }

    .header .srch-box
    {
        background: #e5e5e5;
        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%;
    }
}