@media only screen and (min-width:1300px) {
               .grid {      width: 1080px;  } }

@media only screen and (max-width:1300px) {
               .grid {      width: 960px;  } }



/* Media query for 960 Screens - sets nested grids to 100% */
@media only screen and (max-width:960px), only print {
  .row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12,.row .row .c1-5,.row .row .c1-8{width:100%;margin-bottom:20px;margin-left:0px;margin-right:0px; }
  .row .row > div:last-child{margin-bottom:0 !important}
  .grid {
    width: 100%;
    max-width: 960px;
  }
}

/* Media query for iPad and tablets */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait), only print {
  body{font-size:90%}
  .row{margin-bottom:0!important}
  .c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c1-5,.c1-8{width:100%;margin-right:0;margin-left:0;margin-bottom:20px; padding:0 10px;}
  .c1.first,.c2.first,.c3.first,.c4.first,.c5.first,.c6.first,.c7.first,.c8.first,.c9.first,.c10.first,.c11.first,.c1-5.first,.c1-8.first {
    padding-left: 10px; position:relative;
  }
  .c1.last,.c2.last,.c3.last,.c4.last,.c5.last,.c6.last,.c7.last,.c8.last,.c9.last,.c10.last,.c11.last,.c1-5.last,.c1-8.last {
    padding-right: 10px; position:relative;
  }

  .negative-margin-top-small,
  .mobile-no-margin-top {
    margin-top: 0 !important;
  }

  .mobile-no-margin-bottom {
    margin-bottom: 0 !important;
  }

  #nav-secondary {
    width: 280px;
    left: 20px;
    top: 86px;
  }

  #nav-secondary li {
    font-size: 24px;
    line-height: 29px;
  }

  #nav-main li {
    font-size: 37px;
    line-height: 36px;    
  }

  #nav-tl {
    left: 20px;
    top: 20px;
  }

  #nav-tr {
    right: 20px;
    top: 20px;
    text-align: right;
  }

  #nav-bl {
    bottom: 7px;
    left: 20px;
  }

  #nav-br {
    bottom: 7px;
    right: 20px;
    text-align: right;
  }

  .logo {
    width: 31px !important;
    height: 41px !important;
  }

  .logo span {
    width: 31px !important;
    height: 11.5px !important;
    background-size: 182px 11.5px !important;  
    top: 14px !important;

  }

  #home-intro .text-headline {
    margin-bottom: -55px;
  }

  #home-intro .text-caption {
    display: none;
  }

  .four-col {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;  

      -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
      column-gap: 10px;
  }

  .team .overlay-image {
    position: static;
    display: block;
    height: 500px;
    width: 100%;
  }

  .team > .inner {
    position: static;
    height: auto;
    margin-bottom: 20px;
  }

  .team .overlay-bio {
    display:block;
    position: static;
    width: 100%;
    margin: -15px 0 0 0;
  }

  .team .overlay-bio .inner {
    display: block;
  }

  .team .overlay-bio .inner .size-14 {
    display: none;
  }

  .team .spacer {display: none;}


  #instagrams {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  #instagrams .c4 {
    margin-top: 0;
    margin-bottom: 20px;
    width: 48%;
  }

  #instagrams .c4:nth-child(even) {
    float: left;
  }

  #instagrams .c4:nth-child(odd) {
    float: right;
  }

  #instagrams .insta:nth-child(4) > div {
    position: static;
  }

  .product-previews .c6,
  .product-previews .c6 .img-container,
  .product-previews .c6 .text-caption  {
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }

  .cart-customlocation {
    height: 100px;
    bottom: -28px;
    top: auto;
    left: 50%;
    margin-left: 10px;
    z-index: 100;
  }

  .cart-customlocation .btn {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    background-color: #ffffff;
    line-height: 30px;
    height: 30px;
  }

   .cart-customlocation .btn span {
    line-height: 30px;
    width: 31px;
    height: 25px;
    overflow: hidden;
    display: inline-block;
    padding-bottom: 4px;
   }

   body.woocommerce-checkout textarea {
    width: 100%;
   }

  body.woocommerce-checkout .form-row-first,
  body.woocommerce-checkout .form-row-last  {
    width: 100%;
    display: block;
    clear: both;
  }


}


/* Media query for iPad and tablets */
@media only screen and (max-width:480px){

  #frame-top,
  #frame-bottom {
    display: none;
  }

  .hide-on-mobile {
    display: none !important;
  }

  .mobile-only {
    display: block !important;
  }

  .text-headline,
  .size-14 {
    font-size: 32px;
    line-height: 32px;
  }

  .size-10 {
    font-size: 26px;
    line-height: 32px;
  }

  .size-7 {
    font-size: 20px;
    line-height: 30px;
  }


  .font-b.size-10 a {
    height: 32px;
  }

  .text-headline a {
    height: 32px;
  }

  .margin-top-40 { margin-top:    25px; }
  body .margin-bot-40 { margin-bottom: 25px; }
  .margin-top-50 { margin-top:    35px; }
  body .margin-bot-50 { margin-bottom: 35px; }
  .margin-top-80 { margin-top: 50px; }
  body .margin-bot-80 { margin-bottom: 50px; }
  .margin-top-100 { margin-top: 65px; }
  body .margin-bot-100 { margin-bottom: 65px; }
  .margin-top-130 { margin-top: 85px; }
  body .margin-bot-130 { margin-bottom: 85px; }

  #nav-main li {
    font-size: 25px;
    line-height: 25px;    
  }

  #nav-tl {
    left: 15px;
    top: 15px;
  }

  #nav-tr {
    right: 15px;
    top: 15px;
    text-align: right;
  }

  #nav-bl {
    bottom: 0px;
    left: 15px;
  }

  #nav-br {
    bottom: 0px;
    right: 15px;
    text-align: right;
  }

  .logo {
    width: 31px !important;
    height: 41px !important;
  }

  #nav-secondary  {
    display: none;
  }

  .social-icons li {
    margin-right: 44px;    
  }

  .share-menu-container ul {
    margin-left: 0;
    margin-top: 10px;
    display: block;
  }

  #contact .font-b {
    font-size: 25px;
    line-height: 33px;
  }

  #listening-watching p {
    font-size: 25px;
  }

  #listening-watching img {
    display: none;
    left: auto;
    right: 0px;
    height: 80px;
    width: 80px;
    top: -80px;

  }

  .team .overlay-image {
    height: 300px;
  }


  #instagrams .c4 {
    width: 100%;
    float: none;
  }

}

@media only screen and (max-width:360px){
  .team .overlay-image {
    height: 200px;
  }

}