/* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }

      .carousel .item {
        height: 500px;
      }
      .carousel img {
        width: auto;
        height: 500px;
      }

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 20px;
      }
    }


    @media (max-width: 767px) {

      .navbar-inner {
        margin: -20px;
      }

      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
      .carousel .container {

      }
      .carousel .item {
        height: 300px;
      }
      .carousel img {
        height: 300px;
      }
      .carousel-caption {
        width: 65%;
        padding: 0 70px;
        margin-top: 100px;
      }
      .carousel-caption h1 {
        font-size: 30px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 18px;
      }

      .marketing .span4 + .span4 {
        margin-top: 40px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }

    }

    @media (max-width: 620px) {

        body {
padding-left: 0px!important;
padding-right: 0px!important;
}

               .m-wrap {
padding-left: 20px;
padding-right: 20px;
}


     .nav-collapse .nav { margin: 23px 0 0 0; }

      h2 { 
          font-size: 44px!important;
          line-height: 48px!important;
      }



      #account {
        padding-right: 10px;
      }

      .navbar .btn-navbar { margin: 10px 10px 0 0!important;}

      .navbar .brand {
        padding-left: 0;
        padding-right: 0;
        margin: 0 0 0 10px!important;
}
     
      .navbar-inner {
        margin: -20px;
      }

      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
      .carousel .container {
          width: auto;
      }

      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }

      .carousel .item {
        width: 800px;  
        height: 441px;
      }

      .carousel img {
        width: auto;
        height: auto;
      }

       .carousel-caption {
        position: absolute;
        width: 40%;
        /*padding: 0 70px;*/
        margin-top: 110px;
        padding: 40px 10px 0 10px;
      }

      .carousel-caption h1 {
        font-size: 42px;
        line-height: 50px;
      }

      .carousel-caption .lead {
          line-height: 26px;
      }

      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 18px;
      }

      .carousel-control {
        opacity: 1!important;
        font-size: 60px!important;
        height: 40px!important;
        padding: 0!important;
        top: 90%!important;
        line-height: 20px!important;
        width: 40px!important;
      }

      .marketing .span4 p {
          margin: 5px 0 0 0;
      }

      .marketing .span4 + .span4 {
        margin-top: 20px;
      }

      .marketing i.moon {
        top: -71px;
        left: 6px;
      }

      .marketing .mission-cta {
margin: 0;
}
      .marketing .mission-cta a { width: 100%;}

      .featurette {
        height: auto;
        padding: 0;
      }

      .featurette .span9 {
margin: 40px 0 0 0px;
}
       .featurette.one {
           margin: 40px 0 0 0;
           background: none;
       }

       .featurette.one .btn-large {
width: 100%;
margin: 10px 0 40px 0;
}
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 100%;
        margin: 0 auto 20px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }
    .marketing i.small {
      left: 9px;
      top: -69px;
    }

    article { width: 100%!important;}

    .post{
      display: none!important;
    }


    footer .container .content {
        width: 100%;
        padding: 10px 20px 0 20px;
    }

        footer .container .content .social h2 {
            margin: 20px 0 0 0;
            font-size: 36px!important;
        }

            footer .container .content .social h2 span {
                display: none;
            }

        footer .container .content .social nav,
        footer .container .content nav {
            width: 100%;
        }

        footer .container .content .social nav {

margin: 20px 0 40px 0;

    }

          footer .container .content .social nav ul {
            padding: 0 0 0 40px;
        }

          footer .container .content .social nav ul li {
            width: 50%;
            padding: 0;
        }

        footer .container .content .social nav ul li.first {
          
            padding: 0;
        }


    .youtube { display: none;}

     .twitter {
         width: 100%!important;
     }

     .twitter .twitter-timeline {
         height: 200px;
     }

     .footerLinkContainer { display: none;}

    footer .container.bottom .content {
        width: 100%;
    }

    footer .container.bottom .content .copyright {
        float: left;
    }

    }