.email-right { text-align:right; display:none;}
.email-left { text-align:left; display:none; }
.email-right img,
.email-left img {
    width:100%;
    height:auto;
    max-width:185px;
    max-height:143px;
}

    #event-info .info-head {
        text-align:center;
        margin-bottom: 35px;
    }
    #event-info .info-head img {
        width: 90%;
        height:100%;
        max-width:583px;
        max-height:54px;
    }
    #event-info .houses,
    #event-info .zones,
    #event-info .shows,
    #event-info .nights {
        text-align:center;
        margin-bottom: 45px;
    }
    #event-info .houses img,
    #event-info .zones img,
    #event-info .shows img,
    #event-info .nights img {
        width:100%;
        height:100%;
        max-width:158px;
        max-height:132px;
    }
    
    #main-hero {
        display: none;
        padding-top: 200px;
    }
    #hhnslider {
        display:none;
    }
    #hhnmobileslider {
        display:none;
    }
    .hotel-package-ad-bg {
        background: url('../img/home/bg_hotel_package.jpg') top center no-repeat;
        padding: 10% 10px 10% 10px;
        width: 100%;
        height: auto;
        max-width: 389px;
        max-height: 387px;
    }
    .tickets-ad-bg {
        background: url('../img/home/bg_tickets.jpg') top center no-repeat;
        padding: 10% 10px 10% 10px;
    }

    #event-info h1 {
        font-family: "Bourbon-Regular", arial, helvetica, sans-serif;
        font-size: 42px;
        color:#b4b8b8;
        text-align: center;
        margin: 80px 0 15px 0;
    }
    #page-main {
        background: #000 !important;
    }

    .ls-slide h3 {
        font-family: "DIN", arial, helvetica, sans-serif;
        font-weight:normal;
        color:#fff;
        text-align: center;
        font-size:2.0em;
        line-height:1.4em;
        padding-left:40px;
    }
    #proscenium {
        background: #000 url(../img/home/Proscenium.jpg) no-repeat top center;
        /* min-height: 560px; */
    }
    #event-info, #ticketpackages {
        background: none !important;
    }
    #billboard {
        background: none !important;
        height: auto;
        width:100%;
        max-width:640px;
        padding-top: 0;
    }
    


@media (max-width: 767px) {
    .navbar-header {
        background: url(../img/ui/mobile_bg.jpg) top center no-repeat #000 !important;
    }
    #proscenium {
        background: #000 url(../img/home/Proscenium_mobile.jpg) no-repeat top center;
        /* min-height: 560px; */
        background-size: contain;
    }
    .vert-spacer {
        display:none;
    }
    
    #billboard {
        height: auto;
    }
    
    #video-content {
        display:none;
    }
    #event-info {
        background: none !important;
    }
    #event-info .details {
        text-align:center;
        font-family: "DIN", arial, helvetica, sans-serif;
        font-size: 16px;
        line-height:21px;
        color: #fff;
        font-weight:normal;
        font-style:normal;
        margin-bottom: 30px;
}
    #event-info .details img {
        text-align:center;
        width:100%;
        height:100%;
        max-width:760px;
        max-height:241px;
        margin: 0 auto 37px 0;
    }
    #eventInfo {
        margin-top: 37px;
    }
    #newsletter {
        background-color: #46706d;
        min-height: 197px;
        padding-top:32px;
        padding-bottom: 40px;
    }
    .signup {
        margin-top: 3px;
        font-family: "DIN-Condensed",arial, helvetica, sans-serif;
        font-size: 20px;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: bold;
    }
    #packages {
        background: none !important;
        margin-bottom: 30px;
        padding-top: 30px;
    }
    .ticket-holder {
        text-align:center;
    }
    .ticket {
        width:100%;
        height:100%;
        /* max-width: 300px; */
        /* max-height: 280px; */
        margin: 0 auto 0 auto;
        padding: 10px;
        /* border: 6px solid #57000f; */
        /* background: #000; */
        margin-bottom:40px;
        text-align: center;
        /* background: url('../img/home/offerbg.jpg') no-repeat top center; */
    }
    
    .ticket-bg {
        width:100%;
        height:100%;
        max-width: 389px;
        max-height: 387px;
        position:absolute;
        display: none;
    }
    .ticket-bg img {
        width:100%;
        height:auto;
    }
    .hotel-package-ad-bg {
        background: url('../img/home/bg_hotel_package.jpg') top center no-repeat;
        padding: 5% 8px 5% 8px;
        width: 100%;
        height: auto;
        max-width: 280px;
        max-height: 245px;
    }
    .tickets-ad-bg {
        background: url('../img/home/bg_tickets.jpg') top center no-repeat;
        padding: 5% 6px 5% 6px;
        width: 100%;
        height: auto;
        max-width: 280px;
        max-height: 245px;
    }
    
    .ticket-content {
        width:100%;
        /* height:100%; */
        /* max-width: 389px; */
        font-family: 'DIN-Medium', arial, helvetica, sans-serif;
        font-weight: normal;
        font-size: 14px;
        color: #ffffff;
        font-style:normal;
        text-align: center;
        background: url('../img/home/offerbg.jpg') no-repeat top center;
    }
    .ticket-header {
        font-family: 'DIN-Condensed', arial, helvetica, sans-serif;
        font-weight: bold;
        font-size: 28px;
        color: #ffffff;
        font-style:normal;
        text-transform:uppercase;
        line-height: 30px;
        /* margin-top: 20px; */
        padding-top: 20px;
    }
    .ticket-header img {
        width: auto;
        height: auto;
        max-height: 40px;
        margin-bottom: 12px;
    }
    hr.ticket-line {
        margin-top: 6px;
        margin-bottom: 15px;
        border: 0;
        border-top: 1px solid #bd923f;
        width: 20%;
        max-width: 60px;
    }
    .btn_package {
        margin-top: 12px;
        font-size:13px !important;
        padding-top: 10px;
        padding-bottom: 8px;
        color: #fff;
        background: none;
        border-color: #fff;
        font-family: "DIN";
        font-weight: bold;
        text-transform:uppercase;
        font-size: 16px !important;
        border-width:4px;
        margin-bottom: 30px;
    }
    .btn_package:hover,
    .btn_package:focus,
    .btn_package.focus,
    .btn_package:active,
    .btn_package.active,
    .open > .dropdown-toggle.btn-primary {
      color: #5b9593;
      background: none;
      border-color: #5b9593;
    }
    #allOffers {
        margin: 34px auto;
    }
    .homeyt iframe {
        border: 3px solid #57000f;
        margin: 34px auto;
        width: 100%;
        height: auto;
    }
    .tleft img,
    .tright img {
        width: 100%;
        max-width: 426px;
    }
    
}
@media (min-width: 768px) {
    .email-right {  display:block; }
    .email-left { display:block; }
    .vert-spacer {
        display:block;
        padding-left:20px;
    }
    
    #main-hero {
        display: none;
        padding-top: 300px;
    }
    #billboard {
        height: auto;
        width:100%;
        max-width:826px;
        padding-top: 148px;
    }
    
    #video-content {
        display:none;
    }
    #proscenium {
        background:url(../img/home/Proscenium.jpg) no-repeat top center;
        /* height:1230px; */
    }
    #event-info .details {
        text-align:center;
        font-family: "DIN", arial, helvetica, sans-serif;
        font-size: 18px;
        line-height:23px;
        color: #b4b8b8;
        font-weight:normal;
        font-style:normal;
    }
    #event-info .details img {
        text-align:center;
        width:100%;
        height:100%;
        max-width:760px;
        max-height:241px;
        margin: 0 auto 37px 0;
    }
    #eventInfo {
        margin-top: 37px;
    }
    #newsletter {
        background: url('../img/ui/email_bg.png') top center no-repeat #000;
        min-height: 197px;
        padding-top:20px;
        padding-bottom: 20px;
    }
    .signup {
        margin-top:22px;
        font-family: "DIN-Condensed",arial, helvetica, sans-serif;
        font-size: 18px;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: bold;
    }
    #packages {
        background: none !important;
        padding-bottom:60px;
    }
    .ticket-holder {
        text-align:center;
    }
    .ticket {
        width:100%;
        height:100%;
        /* max-width: 389px; */
        /* max-height: 387px; */
        margin: 60px auto 0 auto;
        /* padding: 10px; */
        /* border: 6px solid #57000f; */
        /* background: #000; */
        padding: 0 12px 0 12px;
    }
    .tleft {
        float: right !important;
        /* margin-right: 10%; */
        text-align: center;
    }
    .tright {
        float: left !important;
        /* margin-left: 10%; */
        text-align: center;
    }
    .tleft img,
    .tright img {
        width: 100%;
        max-width: 426px;
    }
    .ticket-bg {
        width:100%;
        height:100%;
        max-width: 389px;
        max-height: 387px;
        position:absolute;
    }
    .ticket-bg img {
        width:100%;
        height:auto;
    }
    .ticket-content {
        width:100%;
        height:100%;
        /* max-width: 389px; */
        /* max-height: 387px; */
        /* position:absolute; */
        font-family: 'DIN-Medium', arial, helvetica, sans-serif;
        font-weight: normal;
        font-size: 15px;
        color: #a2a6a6;
        font-style:normal;
        text-align: center;
        background: url('../img/home/offerbg.jpg') no-repeat top center;
    }
    
    .hotel-package-ad-bg {
        background: url('../img/home/bg_hotel_package.jpg') top center no-repeat;
        padding: 10% 10px 10% 10px;
        width: 100%;
        height: auto;
        max-width: 389px;
        max-height: 387px;
    }
    .tickets-ad-bg {
        background: url('../img/home/bg_tickets.jpg') top center no-repeat;
        padding: 10% 10px 10% 10px;
    }    
    .ticket-header {
        font-family: 'Bourbon-Regular', arial, helvetica, sans-serif;
        font-size: 27px;
        color: #ffffff;
        font-style:normal;
        text-transform:uppercase;
        line-height: 40px;
        padding-top: 10px;
    }
    .ticket-header img {
        margin-bottom:15px;
    }
    hr.ticket-line {
        margin-top: 15px;
        margin-bottom: 15px;
        border: 0;
        border-top: 1px solid #57000f;
        width: 35%;
        max-width: 100px;
    }
    .btn_package {
        margin-top:15px;
        background: none;
        border-color: #fff;
        font-family: "DIN";
        font-weight: bold;
        text-transform:uppercase;
        font-size: 14px !important;
        border-width:4px;
        color:#fff;
        margin-bottom: 20px;
        padding: 10px 30px 8px 30px;
    }
    .btn_package:hover,
    .btn_package:focus,
    .btn_package.focus,
    .btn_package:active,
    .btn_package.active,
    .open > .dropdown-toggle.btn-primary {
      color: #5b9593;
      background: none;
      border-color: #5b9593;
    }
    #allOffers {
        margin: 34px auto;
    }
    .homeyt iframe {
        border: 6px solid #57000f;
        margin: 34px auto;
        box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.7);
    }
    .ls-slide h3 {
        font-size:1.4em;
        line-height:1.3em;
    }

}