/* MEDIA QUERIES - INDEX.PHP ONLY  MOBILE TO BIG SCREEN */

@media (max-width: 739px) and (min-width: 270px) {
  
  /* =====================
  *
  *  HOMEPAGE RESPONSIVE ONLY
  *
  * ==================== */

  .slider-caption {
    display: none;
  }

  div.box {
    float: none;
    width: 100%;
    margin-right: 3%;
    border-right: 2px double rgb(0, 113, 140);
    height: auto;
    clear: both;
    margin-bottom: 12%;
  }

  div#times_container {
    width: 73%;
    /* background: rgb(46, 46, 46); */
    padding: 14%;
    border-right: none;
    /* height: auto; */
  }

  p.news_welcome_text {
    margin-top: 2%;
    width: 95%;
  }

  img.circle {
    margin-bottom: 1%;
    margin-top: 19%;
  }

  blockquote {
    text-align: center;
    margin-top: 21%;
  }

  


  /* to top */
  img#top {
    display: none;
  }


  /* =======================
  *
  *  ABOUT PAGE ONLY
  *
  * ====================== */

  img#owner {
  float: none;
  width: 50%;
  border-radius: 50%;
  border: 14px solid rgb(255, 255, 255);
  padding: 1%;
  }

  #intro_about_style {
  color: rgb(0, 113, 140);
  font: 300 33px/30px "Open Sans",arial,sans-serif;
  }

  #coolangatta {
  font: 300 33px/30px "Open Sans",arial,sans-serif;
  }

  div#people {
  padding-top: 8%;
  }


  /* =======================
  *
  *  SERVICES PAGE ONLY
  *
  * ====================== */

  #left {
  width: 100%;
  height: 270px;
  float: none;
  margin-bottom: 2%;
  }

  img#page_break_pic {
  margin-top: 10%;
  }

  .center {
  text-align: center;
  padding-bottom: 0;
  }

  

  /* =========================
  * 
  *   PRICES PAGE ONLY
  *
  * ======================== */

  div.price_list {
    width: 100%;
    height: auto;
    float: none;
    margin-bottom: 5%;
    padding: 12%;
  }

  div.price_list {
  padding-bottom: 1%;
  width: 90%;
  height: 330px;
  padding: 6%;
  background: rgba(0, 0, 0, 0.33);
  margin-right: 25px;
  float: none;
  margin-bottom: 3%;
  }



  .price_list > ul li {
    color: rgb(112, 111, 111);
    width: 85%;
  }

  h3.prices_header {
    font-size: 1.2em;
    width: 70%;
  }

  #words_container {
    display: none;
  }

  /* ========================
  *
  * CONTACT PAGE ONLY
  *
  * ====================== */

  div.right {
    background: none;
    float: none;
  }

  div.contact_block {
    float: none;
    width: 100%;
    color: rgb(255, 255, 255);
  }





  /* =======================
  *
  *  FOOTER ONLY
  *
  * ===================== */

  div.footer_margin_setup {
    margin: 0 auto;
    width: 80%;
  }

  h4 {
    margin-top: 25%;
  } 

  /* ==================
  *
  *   NEWSLETTER
  *
  * ================== */

  img#newsletter-image {
    display: none;
  }


}

@media (max-width: 740px) and (min-width: 275px) {

/* ========================
  *
  *  PRODUCTS PAGE ONLY
  *
  * ======================= */

  .products {
  width: 95%;
  float: none;
  height: auto;
  overflow: hidden;
  }

div.products_hair_style {
  width: 88%;
  float: none;
  margin-bottom: 10%;
  height: auto;
  overflow: hidden;
  }

  p.products_paragraph_info {
  display: none;
  }

  p.products_paragraph_info_hairgels {
  display: none;
  }

  img.products_shots {
  float: none;
  }

  h4.small_title_product_header {
    margin-top: 0;
  }

  img.products_female_shots {
      float: none;
  }

}

/* ====================
  *
  * NAVIGATION COLLAPSIBLE MENU
  *
  * =================== */

   /* == navigation header == */

@media (max-width: 450px) and (min-width:250px) {

  nav {
  width: 100%;
  }


  nav#nav-wrap {
    float: none; 
    margin-top: 44%;
  }

  li.styled_links {
    display: block;
    margin-right: 26px;
    padding: 10px;
    background: rgba(42, 134, 146, 0.33);
    border-bottom: 1px solid rgba(255, 255, 255, 0.39);
  }

}








/* ============== END OF NAVIGATION */