/* 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}
  .instagram-item .inner * {
    font-size: 75%;
  }
}

/* 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;
  }
  .emptycol {
    display: none;
  }

  .space-bot50 {
    margin-bottom: 50px !important;
  }

  #timeline-years.stuck {
    top: -18px;
  }

  #timeline-years.stuck li {
    font-size: 13px;
  }

  .grid .c3 img {
    max-width: 320px;
  }

  body .az-widget-sold-out,
  body .az-widget-presale a,
  body .az-widget-custom-td-tickets .az-widget-custom-buy-tickets a {
    width: 100% !important;

  }

  .instagram-item > a:hover {
    background: transparent !important;
  }

  .instagram-item .inner {
    display: none !important;
  }

  .responsive-twocol .row {
    display: inline;
  }

  .responsive-twocol .col {
    display: inline-block;
    width: 50%;
    float: left;
    margin-bottom: 0;
  }
}

/* Media query for iPad and tablets */
@media only screen and (max-width:680px){
  .post .post-main {
    width: auto;
    min-width: 200px;
  }

  #footer-marquee {
    display: none;
  }

  .left, .right {
    float: none;
    clear: both;
    margin-bottom: 30px;
  }

  .third {
    width: 100%;
  }

  .twothirds {
    width: 100%;
  }

  .post-discography ol {
    padding-left: 24px;
  }
}

/* Media query for iPad and tablets */
@media only screen and (max-width:480px){
  
  .wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .size10 {
    font-size: 19px;
    line-height: 22px;
  }

  .size10.double-spaced {
    line-height: 1.6em;
  }

  #side-left,
  #side-right {
    display: none !important;
  }  

  #header,
  #header-anchor {
    height: 50px;
  }

  #menu-button {
    right: 0;
  }

  .nav-overlay-active #menu-button:before,
  #menu-button:before {
    content: '';
  }  

  #logo {
    line-height: 46px;
    font-size: 15px;
  }

  #hamburger {
    top: 14px;
  }

  ul.menu-main li {
    display: block;
    margin: 0 0 0px 0;
  }

  .menu-main a {
    padding-bottom: 0px;
    margin-bottom: 12px;
    display: inline-block;
    border-bottom: 3px solid transparent;
  }

  #menu-overlay img {
    width: 30px;
    margin: 10px auto 0;
  }  

  #menu-overlay .menu-main {
    margin: 45px auto 45px;
  }

  ul.menu-second li {
    margin: 7px !important;
  }

  .play-button {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    background-size: 50px 50px;
  }

  #timeline-container {
    top: 50px;
  }

  #timeline-years ul {
    line-height: 60px;
    font-size: 13px;    
  }

  #timeline-years ul li {
    margin-right: 20px;
  }

  #timeline-years.stuck {
    top: 36px;
    width: 100%;  
    margin-left: 0;  
    left: 0;
    text-align: center;
  }

  #timeline-years.stuck ul {
    line-height: 10px;
  }

  #timeline-years.stuck li {
    font-size: 10px;
  }


 .logos li {
    display: block;
    float: none;
    clear: none;
    width: 100%;
  }

  .applauze-tour table th, .applauze-tour table td {
    padding: 15px 0 21px;
  }


  body .applauze-tour table {
    font-size: 15px;
    line-height: 17px;
    max-width: 100%;
  }

  body .az-widget-custom-td-date {
    width: 20% !important;
  }

  body .az-widget-custom-narrow-notes {
    font-size: 10px;
    line-height: 13px;
  }

  body .az-widget-sold-out,
  body .az-widget-custom-td-tickets a {
    width: 95px;
    padding: 7px 0;
  }

}