@media (max-width: 399px) 
{
    .nav-list input[type="text"] {
        width: 96%;
    }
}

@media (min-width: 400px) and (max-width: 499px) 
{
    .nav-list input[type="text"] {
        width: 97%;
    }
}

@media (max-width: 450px) 
{
    .navbar .brand {
        display: none;
    }
}

@media (min-width: 500px) and (max-width: 767px) 
{
    .nav-list input[type="text"] {
        width: 98%;
    }

    .nav-list .input-prepend input[type="text"], 
    .nav-list .input-append input[type="text"] 
    {
        width: 94%;
    }
}

@media (min-width: 768px) and (max-width: 979px) 
{
    .grid-row .row-indicator-content {
        width: 152px;
    }

    .grid-row .span8 {
      width: 472px;
      padding-left: 4px;
    }

    .grid-row .span7 {
      width: 410px;
      padding-left: 4px;
    }

    .grid-row .span6 {
      width: 348px;
      padding-left: 4px;
    }

    .grid-row .span5 {
      width: 286px;
      padding-left: 4px;
    }

    .grid-row .span4 {
        width: 224px;
        padding-left: 4px;
    }

    .grid-row .span3 {
        width: 162px;
        padding-left: 4px;
    }
    
    .grid-row .span2 {
        width: 131px;
        padding-left: 4px;
    }

    .grid-row .span2 {
        width: 100px;
        padding-left: 4px;
    }
    
    .grid-row .span1_5 {
        width: 69px;
        padding-left: 4px;
    }

    .grid-row .span1 {
        width: 38px;
        padding-left: 4px;
    }
    
    .nav-list input[type="text"] {
        width: 121px;
    }

    .nav-list .input-prepend input[type="text"], 
    .nav-list .input-append input[type="text"] 
    {
        width: 80px;
    }
}

@media (max-width: 980px) 
{
    body {
        padding-top: 0;
    }
    
    .nav-collapse .dropdown-menu .active > a,
    .nav-collapse .dropdown-menu .active > a:hover,
    .nav-collapse .dropdown-menu li > a:hover,
    .nav-collapse .dropdown-menu li > a:focus {
        background-color: transparent !important;
        background-image: none !important;
    }
    
    .nav-collapse .dropdown-toggle,
    .nav li.dropdown ul.dropdown-menu:before, .nav li.dropdown ul.dropdown-menu:after 
    {
        display: none !important;
    }
}

@media (min-width: 1200px) 
{
    .grid-row .row-indicator-content {
        width: 256px;
    }

    .grid-row .span8 {
      width: 766px;
      padding-left: 4px;
    }

    .grid-row .span7 {
      width: 666px;
      padding-left: 4px;
    }

    .grid-row .span6 {
      width: 566px;
      padding-left: 4px;
    }

    .grid-row .span5 {
      width: 466px;
      padding-left: 4px;
    }

    .grid-row .span4 {
        width: 366px;
        padding-left: 4px;
    }

    .grid-row .span3 {
        width: 266px;
        padding-left: 4px;
    }

    .grid-row .span2_5 {
        width: 216px;
        padding-left: 4px;
    }

    .grid-row .span2 {
        width: 166px;
        padding-left: 4px;
    }
    
    .grid-row .span1_5 {
        width: 116px;
        padding-left: 4px;
    }    

    .grid-row .span1 {
        width: 66px;
        padding-left: 4px;
    }    
    
    .nav-list input[type="text"] {
        width: 224px;
    }

    .nav-list .input-prepend input[type="text"], 
    .nav-list .input-append input[type="text"] 
    {
        width: 183px;
    }
}