/* Desktops and laptops testing for small screens ----------- */
@media only screen and (max-width : 767px) {
  
/* Blog list style for small devices/screens */

  section.marketplace-summary {
    width: 100%;
    float: none;
  }
  aside.blog-sidebar-right {
    width: 100%;
    float: none;
  }
}

@media only screen and (max-width : 1120px) {
  nav.primary ul li {
    font-size: .8em;
 }
 .qtip-wrapper {
  display: none;
 }

}

@media (max-width:1400px) and (min-width:1120px) {
  nav.primary ul li {
    font-size: .8em;
 }
 .qtip-wrapper {
  display: none;
 }
 #workshop-menu-item-1 + ul.menu {
  display: none;
 } 
}



@media only screen and (max-width : 960px) {
  nav.primary ul li {
    font-size: .7em;
 }
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 900px) {
  header nav ul {
    font-size: .8em;
    margin: 0 auto;
  }
  nav .menu li a {
    font-size: .65rem
  }


}


/* Desktops and laptops testing for small screens ----------- */
@media only screen and (max-width : 780px) {
  
  /* bottom page styles */
  .bottom-group header section ul {
    display: none;
  }
  #footer-group h2 {
    font-size: .8em;
  }
  .feature, .feature:first-child, .feature:last-child {
    width: 100%;
    border-top: dotted 1px lightgray;
    border-right: none;
    background: none repeat scroll 0 0 #FBFBFB;
    box-shadow: 0 0 1px gray inset;
    margin: 1em auto;
    border-top: none;
  }

  #bx-pager {
    display: none;
  }

  .quote_box {
    width:100% !important;
    font-size: .8em;
    bottom:1px;
  }
  .col-25 {
    width: 20%;
  }
  article img {
    float: left;
    margin: 0 1em 1em 0em;
    max-width: 120px;
  }

  h5 {
    text-align: left;
    border-bottom: none;
  }
  .slider p {font-size: 1.1em}
}
}

@media only screen and (max-width : 650px) {
  #bx-pager ul li a {
    font-size: .6em;
  }
  .col-25 h4 {
    font-size: .7em;
  }
  .content-wrap h2 {font-size: 1.2em}
  .slider p {font-size: 1em; line-height: 1.2em}

  #workshop-menu-item-1 + ul.menu {
    display: block;
  }

}



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 480px) {

  /* bottom page styles */
  .direct-contact {
    display: inline-block;
    text-align: center;
    margin: 0 0 1em;
  }
  .social-contact {
    display: inline-block;
    text-align: center;
  }
  section.contact-us {
    margin: 1em auto;
  }
    /* Dispaly menu into a dropdown on click, full width bar */
  nav.primary ul li {
      position: inherit;
  }
  nav.primary ul li a {
    display: inline-block;
    font-size: 1em;
    padding: .5em;
  }
  nav.primary ul li a {
    display: block
  }
  nav.primary ul ul {
    width: 100%;
    position: relative;
  }
  nav.primary ul ul li {
    float: none;
  }
   .content-wrap h2 {font-size: 1em}
  .slider p {font-size: .8em; line-height: 1.2em}
  .orangebutton{font-size: .8em;}

    .slider-container {
    height: auto;
  }

  .workshop-buttons {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-color: rgba(0,0,0,.4);
    margin: 0;
    padding: 1em;
    text-align: center;
  }
  .workshop-buttons a {
    float: none;
    margin: 1em auto;
  }
  .mobile_hide_btn {
    display: block;
    position: fixed;
    right:0;
    top: 0;
    width: 25px;
    height: 25px;
    background-color: lightblue;
    z-index: 9999;
  }
  
}



/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}