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

@media screen and (min-width: 768px) {
    .carousel-caption {
      left: 12%;
      right: 40%;
      padding-bottom: 30px;
    }
}

/* Large Devices, Wide Screens */
  @media only screen and (max-width : 1200px) {
    #footerAdress {
      float: right;
    }

    .marketing .caption-btm{
        text-align: center;
        background: rgba(0,0,0,0.4);
        width: 96.5%;
        position: absolute;
        bottom: 4px;
        color: #fff;
    }
  }

  /* Medium Devices, Desktops */
  @media only screen and (max-width : 992px) and (min-width: 768px) {
    #footerAdress {
      float: left;
    }

    body {
      /* Margin bottom by footer height */
      margin-bottom: 280px;
    }

    .footer {
      height: 280px;
    }

    .featurette-heading {
      margin-top: 120px;
    }

    .marketing .caption-btm{
        text-align: center;
        background: rgba(0,0,0,0.4);
        width: 97.6%;
        position: absolute;
        bottom: 4px;
        color: #fff;
    }


  }

  /* Small Devices, Tablets */
  @media only screen and (max-width : 768px) {

    #footerAdress {
      float: left;
    }

    body {
      /* Margin bottom by footer height */
      margin-bottom: 380px;
      font-size: 15px;
    }
    .footer {
      height: 380px;
    }

    /* Navbar positioning foo */
    .navbar-wrapper {
      margin-top: 0px;
    }
    .navbar-wrapper .container {
      padding-right: 15px;
      padding-left: 15px;
    }
    .navbar-wrapper .navbar {
      padding-right: 0;
      padding-left: 0;
    }

    /* The navbar becomes detached from the top, so we round the corners */
    .navbar-wrapper .navbar {
      border-radius: 4px;
    }

    .navbar-collapse .nav {
      margin-top: 79px;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 1);
      background: rgba(255, 255, 255, 1);
      color: rgba(255, 255, 255, 1);
      border-radius: 4px;
      border: 1px solid #ccc;
    }

    .navbar-collapse li {
      margin-right: -5px;
    }

    /* Bump up size of carousel content */
    .carousel-caption p {
      margin-bottom: 20px;
      font-size: 21px;
      line-height: 1.4;
    }

    .featurette-heading {
      font-size: 50px;
    }

    .marketing .caption-btm{
        text-align: center;
        background: rgba(0,0,0,0.4);
        width: 98.8%;
        position: absolute;
        bottom: 4px;
        color: #fff;
    }


  }

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

  .first-element {
    margin-top: 160px;
  }

  #footerAdress {
    float: left;
  }

  #myCarousel {
    display: none;
  }

  .navbar .navbar-brand {
    max-width: 220px;
  }

  #myContent .container:first-child {
    margin-top: 0px;
  }

  .marketing  .caption-btm{
      text-align: center;
      background: rgba(0,0,0,0.4);
      width: 97.2%;
      position: absolute;
      bottom: 4px;
      color: #fff;
  }


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

  .navbar .navbar-brand {
    padding: 0px 0px 0px 5px;
  }

  .navbar .navbar-brand img {
    
  }

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {

  .navbar .navbar-brand {
    padding: 0px 0px 0px 5px;
  }

  .navbar .navbar-brand img {
    position: absolute;
	top: 20px;
left: 5px;
max-width: 120px;
margin-top: -16px;
  }

}




/* Lazy quesries */
  @media only screen and (max-width : 600px) {
    .marketing  .caption-btm{
        text-align: center;
        background: rgba(0,0,0,0.4);
        width: 98.5%;
        position: absolute;
        bottom: 4px;
        color: #fff;
    }

  }

  @media only screen and (max-width : 360px) {
    .navbar .navbar-brand {
      padding: 25px 0px 0px 15px;
      max-width: 180px;
    }

    .navbar .navbar-brand img {
      width: 90%;
    }
  }



  @media screen and (min-width: 992px) {
  .navbar-brand {
    float: left;
    margin-right: 5px;
    margin-left: -15px;
  }
  .navbar-nav {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    border-radius: 0;
  }
  .navbar-nav.pull-right {
    float: right;
    width: auto;
  }
  .navbar-toggle {
    position: relative;
    top: auto;
    left: auto;
    display: none;
  }
  .nav-collapse.collapse {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
}