#packages {margin-top: 30px!important}
.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;
    }
    .ticket-header {
        text-align: center;
    }
    .btn_package {
    margin-top: 15px;
    }
    .ticket-header img {
        padding-bottom:10px; 
    }
    .hotel-package-ad-bg {
        background: url('../img/home/bg_hotel_package-cbbr.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;
        margin-bottom: 20px;
        padding: 10% 10px 10% 10px;
        width: 100%;
        height: auto;
        max-width: 389px;
        max-height: 387px;
    }

    #event-info h1 {
        font-family: "DIN-Condensed", arial, helvetica, sans-serif;
        font-weight:bold;
        font-size: 34px;
        color:#fff;
        text-align: center;
        margin: 55px 0 15px 0;
    }
    #event-info p {
        font-family: "DIN", arial, helvetica, sans-serif;
        font-size:18px;
    }

    #page-main {
        /*background: #000!important;*/
        margin-top: 1px!important;
    }

    #newsletter {
        background: #323e48; /* Fallback background color for non supported browsers */          

        background-image: -moz-radial-gradient(center 45deg,circle cover, #323e48, #000);
        background-image: -webkit-gradient(radial, 50% 51%, 0, 50% 50%,1000, from(#323e48), to(#000));
        min-height: 197px;
        padding-top:32px;
        padding-bottom: 40px;
        margin-top: 40px; 
    }
@media (max-width: 767px) {
    .vert-spacer {
        display:none;
    }
    
    #billboard {
        height: auto;
        border-bottom: 6px solid #323e48;
    }
    #hero-container {
        background-color: #000;
        max-width:1280px;
        /* max-height: 400px; */
        margin:0 auto;
        width:100%;
        height:100%;
        background-repeat:no-repeat;
        background-position: top center;
        background-size: cover;
        position: relative;
    }
    #hero-container h2 {
        font-family: "DIN-Condensed", arial, helvetica, sans-serif;
        font-size: 47px;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: bold;
        margin: 0 0 5px 0;
    }
    #first-visit {
        text-align: center;
        position: relative;
        top: 25%;
        display:none;
    }
    #main-hero a,
    #first-visit a {
        color: #bd923f;
        font-family: "DIN", arial, helvetica, sans-serif;
        font-size: 18px;
        font-weight:bold;
    }
    #main-hero a img,
    #first-visit a img {
        margin-left:9px;
        margin-top:-2px
    }
    #video-content {
        display:none;
    }
    #event-info {
        /*background: #000 url(../img/home/main_scratch_bg.jpg) no-repeat top center;*/
        /* min-height: 560px; */
        margin-top: 50px
    }
    #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: #323e48; /* Fallback background color for non supported browsers */          

        background-image: -moz-radial-gradient(center 45deg,circle cover, #323e48, #000);
        background-image: -webkit-gradient(radial, 50% 51%, 0, 50% 50%,1000, from(#323e48), to(#000));
        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: #000;
        /* height: 450px; */
        background-size: cover;
        margin-bottom: 30px;
        padding-top: 30px;
        margin-top: 20px;
    }
    .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 #323e48;
        background: #000;
        margin-bottom:40px;
    }
    
    .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-cbbr.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;
    }
    .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;
    
    }
    .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;
    }
    #allOffers {
        margin: 34px auto;
    }
    .homeyt iframe {
        border: 3px solid #323e48;
        margin: 34px auto;
        width: 100%;
        height: auto;
    }

}
@media (min-width: 768px) {
    .email-right {  display:block; }
    .email-left { display:block; }
    .vert-spacer {
        display:block;
        padding-left:20px;
    }
    #event-info {
        /* min-height: 560px; */
    }
    
    #main-hero {
        display: none;
        padding-top: 300px;
    }
    #billboard {
        height: auto;
        /*border-bottom: 6px solid #323e48;*/
    }
    #hero-container {
        height: 643px;
        width: 100%;
        background-position: top center;
        background-size: cover;
    }
    #hero-container h2 {
        font-family: "DIN-Condensed", arial, helvetica, sans-serif;
        font-size: 52px;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: bold;
        margin: 0 0 5px 0;
    }
    #first-visit {
        text-align: center;
        position: relative;
        top: 230px;
        display:none;
    }
    #main-hero a,
    #first-visit a {
        color: #bd923f;
        font-family: "DIN", arial, helvetica, sans-serif;
        font-size: 18px;
        font-weight:bold;
    }
    #main-hero a img,
    #first-visit a img {
        margin-left:9px;
        margin-top:-2px
    }
    #tunnel_btn2 {
        margin-left:80px;
        margin-top: 100px
    }
    #video-content {
        display:none;
    }
    #event-info {
        /*background:url(../img/home/main_scratch_bg.jpg) no-repeat top center*/;
        /*height:669px;*/
        padding-bottom: 50px
    }
    #event-info .details {
        text-align:center;
        font-family: "DIN", arial, helvetica, sans-serif;
        font-size: 18px;
        line-height:23px;
        color:#fff;
        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: #323e48; /* Fallback background color for non supported browsers */          

        background-image: -moz-radial-gradient(center 45deg,circle cover, #323e48, #000);
        background-image: -webkit-gradient(radial, 50% 51%, 0, 50% 50%,1000, from(#323e48), to(#000));
        min-height: 197px;
        padding-top:32px;
        padding-bottom: 40px;
    }
    .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:#000; */
        padding-bottom:60px;
        margin-top: 20px;
    }
    .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 #323e48;
        background: #000;
    }
    .tleft {
        float: right !important;
        margin-right: 10%;
    }
    .tright {
        float: left !important;
        margin-left: 10%;
    }
    .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: 16px;
        color: #ffffff;
        font-style:normal;
        text-align: center;
    }
    
    .hotel-package-ad-bg {
        background: url('../img/home/bg_hotel_package-cbbr.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: 'DIN-Condensed', arial, helvetica, sans-serif;
        font-weight: bold;
        font-size: 36px;
        color: #ffffff;
        font-style:normal;
        text-transform:uppercase;
        line-height: 42px;
    }
    .ticket-header img {
        margin-bottom:15px;
    }
    hr.ticket-line {
        margin-top: 15px;
        margin-bottom: 15px;
        border: 0;
        border-top: 1px solid #323e48;
        width: 35%;
        max-width: 100px;
    }
    .btn_package {
        margin-top:15px;
    }
    #allOffers {
        margin: 34px auto;
    }
    .homeyt iframe {
        border: 6px solid #323e48;
        margin: 34px auto;
        box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.7);
    }

}

<!--
@media (min-width: 1200px) {

}
-->