/* Extra small devices (phones, less than 768px) 
=========================================================*/
@media (max-width: 766px) {
.navbar-nav > li > .dropdown-menu {
  background: #ddd none repeat scroll 0 0;
  margin-left: 65px;
  margin-top: -40px;
}
.dropdown-menu {
  box-shadow: none;
}
.banner h2 {
  color: #ffffff;
  font-size: 50px;
  line-height: 60px;
}
.social-profiles{
	margin-bottom: 25px;
}
.skill-header {
	margin-bottom: 20px;
}
.promo-button h2 {
	line-height: 30px;
}
.member-details {
  padding: 18px 0;
}
.carousel-indicators li {
  background-color: #66cbff;
  border: 1px solid #66cbff;
}
#map-canvas {
margin-bottom:30px;
}

}

/* Small devices (tablets, 768px and up) 
=========================================================*/
@media (min-width: 768px) and (max-width: 991px) {
.nav > li > a {
		padding: 10px 13px;
		}
		.navbar-header {
  margin-bottom: 10px;
}
.member-details {
  margin-top: 85px;
}	
.member-img {
  max-width: 100%;
}
.social-profiles {
  margin-bottom: 0;
}
.carousel-indicators li {
  background-color: #66cbff;
  border: 1px solid #66cbff;
}
#map-canvas {
margin-bottom:30px;
}
.promo-button h2 {
  line-height: 30px;
}
.promo-button a {
  margin-top: 23px;
}
}

/* Wide Mobile Layout: 480px
=========================================================*/
@media only screen and (max-width: 480px) {
	/* GALLERY SECTION */
    #gallery .gallery-filter {
        list-style: none;
        padding: 0;
        margin: 0 0 12px;
    }
    #gallery .gallery-filter > li a {
        display: block;
        padding: 7px 15px;
        margin: 5px 2px;
    }
    #gallery .gallery-item {
        width: 48.9%;
        padding: 8px;
    }
    #gallery .gallery-item .gallery-item-inner .gallery-info .preview {
        width: 28px;
        height: 24px;
        line-height: 24px;
        margin: 56px auto;
    }
    #gallery .gallery-item .gallery-item-inner .gallery-info {
        padding: 7px 0 0;
    }
}