/*
==================================== Media Queries
*/
/* ==========  Non-Mobile First Method  ========== */

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

/* Medium Devices, Desktops */
@media only screen and (max-width:992px) {
  #opening-times .feature-text h2 {
    font-size: 26px;
  }
  .feature-text h2 {
    font-size: 36px;
  }
  .feature-text p {
    font-size: 13px;
    line-height: 17px;
    width: 200px;
  }
  #footer div {
    width: 120px;
  }
  #contact-info {
    width: 210px !important;
  }
  #feature-boxes-3 .feature-box-1,
  #feature-boxes-3 .feature-box-2,
  #feature-boxes-3 .feature-box-3,
  #feature-boxes-3,
  #opening-times,
  #the-salon {
    height: 300px;
  }
  #opening-times .feature-text h2 {
    font-size: 24px;
    margin: 15px 0 0;
  }
  #opening-times .feature-text p {
    margin: 7px -5px 0px 0;
  }
  .feature-text {
    width: 220px;
    margin-left: -110px;
  }
  #opening-times .feature-text {
    margin-left: -110px;
  }
  .feature-box a:hover .feature-text {
    margin: -50px 0px 0px -110px;
  }


/* team page */
.team-member {
  width: 32%;
}

#team-members {
  padding: 20px 8px;
}

.member-bio {
  font-size: 13px;
  line-height: 20px;
}

/* brands */
.brand {
  width: 32%;
}





}






/* Small Devices, Tablets */
@media only screen and (max-width:768px) {
  /* header */
  .menu-button {
    display: block;
  }
  #header .menu-navigation-container {
    display: none;
  }
.academy-title {
  padding: 50px 0px 15px;
}

  #header {
    position: fixed;
    top: 0;
    z-index: 999;
    height: 40px;
  }
  
  /* home header */
  #home-image {
    height: 600px;
  }
  #home-call-to-action {
    margin: 30px auto 0px;
    width: 300px;
    padding: 25px 10px;
  }
  #home-call-to-action h1 {
    font-size: 14px;
    line-height: 25px;
  }
  #home-image #logo {
    margin: 140px auto 0px;
  }
  
  /* home feature boxes */
  #the-salon {
    width: 100%;
    height: 400px;
  }
  #opening-times {
    position: relative;
    width: 100%;
    height: 400px;
  }
  #feature-boxes-3 .feature-box-1,
  #feature-boxes-3 .feature-box-2,
  #feature-boxes-3 .feature-box-3 {
    width: 100%;
    height: 400px;
    position: relative;
    left: 0;
  }
  #feature-boxes-3 {
    height: auto;
  }
  
  /* footer */
  #footer #logo {
    right: 50%;
    margin-right: -63px;
  }
  #footer {
    text-align: center;
    padding: 180px 0 50px;
  }

#footer .menu-footer-container { 
  width: 100%;
}

  #footer > div {
    width: 100%;
    height: auto;
    margin: 0 0 40px;
  }
  #footer > div {
    height: auto;
  }
  #footer h4 {
    margin: 0px 0px 10px;
  }
  
.service-wrap {
    width: 50%;
  }

  #page-content {
    width: 95%;
  }
.service-category {
    width: 304px;
    text-align: left;
    margin: 0px 0px 40px;
    position: relative;
    padding: 0px 10px;
}

.service {
  position: relative;
  overflow: hidden;
  width: 280px;
  margin: 0 0 11px;
}

.service-title {
  float: left;
  width: 170px;
  font-size: 14px;
  line-height: 17px;
  padding: 0 20px 0 0;
}

#category-29 h2,
#category-33 h2,
#category-34 h2 {
    font-size: 21px;
    line-height: 22px;
    letter-spacing: -0.05em;
}

/* team page */ 
.team-member {
    width: 46%;
}

/* contact page */
#contact-left, #contact-right {
  padding: 0px 0px 60px;

}

.brand {
    width: 32%;
}


}

/* services query */
@media only screen and (max-width:670px) {
  .service-wrap {
    width: 100%;
  }

  .team-member {
    width: 90%;
}

/* contact */
#contact-left, #contact-right {
  text-align: center;
  width: 80%;
  }

.phone-number p {
  text-align: left;
}
.phone-number p:nth-of-type(2) {
  text-align: right;
}
#email {
  margin: 40px 0px 0px;
}

.brand {
    width: 48%;
}


}

/* services iphone 5 */
@media only screen and (max-width:460px) {
  #page-content {
    width: 100%;
  }

#page-content h1 {
  font-size: 36px;
}

.service-category {
    width: 304px;
    text-align: left;
    margin: 0px 0px 40px;
    position: relative;
    padding: 0px 10px;
}

.service {
  position: relative;
  overflow: hidden;
  width: 280px;
  margin: 0 0 11px;
}

.service-title {
  float: left;
  width: 170px;
  font-size: 14px;
  line-height: 17px;
  padding: 0 20px 0 0;
}

#category-29 h2,
#category-33 h2,
#category-34 h2 {
    font-size: 21px;
    line-height: 22px;
    letter-spacing: -0.05em;
}

/* contact */
.phone-number p {
    width: 45%;
    }

/* site by */
#website-by {
text-align: center;
height: 180px;
  }

#dteb-logo {
  display: inline-block;
  margin: 25px 0px 0px 0px;
  float: none;
}

#website-by a {
  float: none;
  padding: 40px 0px;
}

.brand {
    width: 90%;
}



}

/* Extra Small Devices, Phones */
@media only screen and (max-width:370px) {
  #home-call-to-action {
    margin: 30px auto 0px;
    width: 250px;
    padding: 25px 0px;
  }
  #home-image #logo {
    margin: 120px auto 0px;
  }
  #home-call-to-action h1 {
    font-size: 13px;
    line-height: 23px;
  }
}
































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

.team-member {
	width: 100%;
}

.team-member-window {
	max-height: 100%;
}




}