@media (max-width: 480px) {
  /* Remove padding above jumbotron */
  
  html
  {
      margin-top:-25%;
  }
  body {
    
    max-width:580px;
     width:480px;
    height:auto;
    margin-left:0px;
  }
  
  .navbar-fixed-top
  {
      position:fixed;
      width:auto;
     
      margin-left:1%;
  }
  
  .navbar-inner .pull-left img
  
{
    width:80px; height:50px;
    
}
.navbar-inner .pull-right
{
     width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    
    font-style: normal;
    text-decoration: none;
   
}
.pull-right ul
{
     margin: 0;
    padding: 0;
    float: left;
    width: 100%;

  
}
.navbar-inner .pull-right ul li
{
    display:inline;
   
}
.pull-right ul li a
{
    float: left;
   
    padding: 0px 5px;
    text-decoration: none;
   
   
}


.pull-right ul li a:hover, .pull-right ul li{
   
    padding-top: 0px;
    padding-bottom: 0px;
  
}


/*Slider starts */


#slide-show
{
    margin-top:10%;
    width:100%;
    margin-left:0px;
}

/*Slider End */

.main-info
{
    width:100%;
}

/*bottom*/
#bottom
{
    width:100%;
    
}
#bottom .row-fluid
{
    width:auto;   
}
#bottom .row-fluid h4 ,h5
{
    font-size:10px;
}

#bottom .row-fluid ul li
{
    font-size:8px;
}
.footerimg
{
   width:auto;
    height:50px;
}
#address
{
    margin-left:5px;
}
#archives
{
 

   padding-left:60%;
   margin-top:-41%;
   
}
.thumbnails
{
    width:100%;
    
      
}

.carousel-inner img
{
    width:50px;
}

.carousel-inner
{
    width:100%;
}
.carousel-inner ul
{
     height: auto;
    padding: 8px 0px;
    margin: 0px;
}

.carousel-inner li
{
    display: inline; 
padding: 10px; 
}

.carousel-inner a
{
     text-decoration:none;
      padding: 8px 8px 8px 8px;
}



#clients{background:#fff}
#clients h4{color:#999}
#clients .carousel{margin-bottom:0}
#clients .clients ul.thumbnails{margin:0}
#clients .clients ul.thumbnails>li{text-align:center;margin-bottom:0}
#clients .prev,#clients .next{color:#999}

#Director
{
    
   padding-left:80%;
   margin-top:-30%;
   
}
#tweets
{
   padding-left:40%;
   margin-top:-41%;
   
}
#gototop
{
    margin-left:50%;
}

/*bottom end */


  /* Change up some type stuff */
  h2 small {
    display: block;
  }

  /* Downsize the jumbotrons */
  .jumbotron h1 {
    font-size: 45px;
  }
  .jumbotron p,
  .jumbotron .btn {
    font-size: 18px;
  }
  .jumbotron .btn {
    display: block;
    margin: 0 auto;
  }

  /* center align subhead text like the masthead */
  .subhead h1,
  .subhead p {
    text-align: center;
  }

  /* Marketing on home */
  .marketing h1 {
    font-size: 30px;
  }
  .marketing-byline {
    font-size: 18px;
  }

  /* center example sites */
  .example-sites {
    margin-left: 0;
  }
  .example-sites > li {
    float: none;
    display: block;
    max-width: 280px;
    margin: 0 auto 18px;
    text-align: center;
  }
  .example-sites .thumbnail > img {
    max-width: 270px;
  }

  /* Do our best to make tables work in narrow viewports */
  table code {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
  }

  /* Examples: dropdowns */
  .bs-docs-example-submenus > .pull-left {
    float: none;
    clear: both;
  }
  .bs-docs-example-submenus > .pull-left,
  .bs-docs-example-submenus > .pull-left + .pull-left {
    margin-left: 0;
  }
  .bs-docs-example-submenus p {
    margin-bottom: 0;
  }
  .bs-docs-example-submenus .dropup > .dropdown-menu,
  .bs-docs-example-submenus .dropdown > .dropdown-menu {
    margin-bottom: 10px;
    float: none;
    max-width: 180px;
  }

  /* Examples: modal */
  .modal-example .modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  /* Tighten up footer */
  #footer 
  {
      width:auto;
      
  }
  
  #footer .cp
  {
      font-size:95%;
      padding:10px 0 0 0;
      width:70%;
  }
  
  #footer .span6
  {
      width:30%;
      
  }
  
  #footer .span6 ul li a
  {
      width:2%;
      height:auto;
  }
 .icon-facebook
  {
     margin-left:20%;
     width:10px;
     height:auto;
  }
}