/* Media Query for 1280px*/



@media only screen and (max-width: 1280px)

{

    header .span8

    {

        display: block;

        float: none;

        width: 100%;

    }



    .container

    {

        width: 96%;

    }



    .hero-unit

    {

        height: 100%;

    }





    .main-container, header

    {

        padding: 40px;

    }



    footer

    {

        padding: 0 40px;

    }



    ul.nav

    {

        width: 650px;

    }

}



/* Media Query for 1024px*/



@media only screen and (max-width: 1024px)

{





    img#logo

    {

        width: 200px;

    }





    div.carousel-caption

    {

        height: 150px;

    }



        div.carousel-caption h1

        {

            font-size: 2.3em;

        }



        div.carousel-caption p.lead

        {

            font-size: 0.8em;

        }



        div.carousel-caption A.btn.btn-large.btn-primary

        {

            height: 12px;

            font-size: 0.8em;

            padding-top: 3px;

        }



    body

    {

        font-size: 12px;

    }



    ul.nav li a

    {

        font-size: 1.3em;

    }



    .main-container, header

    {

        /*padding: 30px;

        background-color: red;*/

    }

}



/* Media Query for 980px */



@media only screen and (max-width: 980px)

{

    .main-container, header

    {

        padding: 25px;

    }



    body

    {

        font-size: 11px;

    }



    header .span8

    {

        width: 100%;

        display: block;

        overflow: hidden;

    }



    ul.nav

    {

        width: 550px;

    }



        ul.nav li a

        {

            padding: 5px;

        }

}



/* Media Query for 920px */



@media only screen and (max-width: 925px)

{

    div#row-1.row-fluid article

    {

       

    }



        div#row-1.row-fluid article.span9

        {

            

        }



    div#row-1.row-fluid aside img

    {

        margin-bottom:0;

        height: 150px;

    }

}





/* Media Query for 770px */



@media only screen and (max-width: 770px)

{



    .hero-unit

    {

        display: none;

    }



    ul.nav

    {

        width: 100%;

        margin-top: 10px;

    }



    footer .row-fluid #column-1, #column-2, #column-3

    {

        border-right: none;

        border-bottom: solid 1px #cbcbcb;

        padding: 20px 0;

    }



    .main-container, header, footer

    {

        /*padding: 30px;*/

        margin: 0;

    }



    #row-2 article.span4

    {

        border-bottom: solid 1px #f5f5f5;

        padding-bottom: 10px;

        margin-bottom: 20px;

    }



    article.span9

    {

        border-bottom: none;

        border-top: solid 1px #f5f5f5;

    }

}



/* Media Query for 550px */



@media only screen and (max-width: 550px)

{





    input#search

    {

        width: 180px;

    }



    ul.nav

    {

        width: 100%;

        text-align: left;

    }

}



/* Media Query for 400px */



@media only screen and (max-width: 400px)

{

}