@charset "utf-8";
/* CSS Document */

/* For Calender - Desktop Only */
.desktop-only { visibility: hidden; }
@media (min-width: 1200px) {
.event-calendar { max-width:1200px;}
.event-calendar .calendar-row{ display:inline-block; }
.desktop-hide { visibility:hidden; display: none; }
.desktop-only { visibility:visible; }
.event-calendar .day { margin-left: 207px; }
}

@media (max-width: 1199px) {
.container { width:auto;}
.modal-dialog { width:95%;}
.submenu li { margin-left:3px; font-size:12px;}
}

@media (max-width: 1024px) {
.event-calendar .event-date h3 { width:210px;}
.event-calendar .event-date ul li { margin-bottom: 5px; }
.submenu ul li,.submenu button:last-child { margin-left:27px; }
}

@media (max-width: 992px) {
.submenu { left:120px; top:0;}
.event { font-size:12px;}
.event .caption h6 { font-size:12px;}
.event { min-height:350px;}
.submenu li, .submenu button{
	margin-left:0;
	font-size:12px;}
	
}

@media (max-width: 800px) {
.navigation ul { font-size:20px;}
.details .btn {padding: 8px 10px 5px 10px;}
.details .content-details a.btn { margin-bottom:10px; width:140px; font-size:12px;}
.page-nav { font-size:13px;}
#calendar .submenu{
    left:124px;}
.submenu li, .submenu button{
	font-size:12px;}
	
.map-responsive { width: 270px; }
	
}

@media (max-width: 767px) {
.navigation { display:none;}
h1 { margin:30px 0 15px 0; font-size:24px;}
a.back-to-top { margin:5px 0 25px 0;}
footer { background:url(../images/mob-footer-strip-bg.jpg) repeat-x; text-align:center; padding:36px 0 18px 0;}
footer p { margin-bottom:0;}
footer ul.footer-social-nav { text-align:center;}
footer ul.footer-social-nav li { float:none; display:inline-block;}
footer ul.quick-links { text-align:center; margin-bottom:5px;}
footer ul.quick-links li { float:none; display:inline-block;}
footer .text-right { text-align:center; margin-top:10px;}
.modal-body .artist h6 { margin-top:15px;}
.modal-content h4 { font-size:16px;}
.show-img { text-align:center; overflow:hidden;}
.show-img img { margin:0 auto;}
.details .content-details h3 { font-size:18px;}
.details .content-details h5 { font-size:15px; line-height:normal;}
.details h1 {margin: 30px 0px 15px;}
.details .section-title { margin:0;}
.details .show-img { margin-bottom:25px;}
.details .show-img .btn { float:left;}
.details .content-details .share { margin:10px 0 20px 0;}
.heading ul.heading-social-nav { margin:25px 0 20px 20px;}
#calendar .submenu { position:relative; top:0; left:0;}
#calendar .submenu li { margin-left:5px;}
#calendar h1 { margin-bottom:0;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
.top-animate{background:#fff!important;top:13px!important;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mid-animate{opacity:0;}
.bottom-animate{background:#fff!important;top:13px!important;-webkit-transform:rotate(-225deg);transform:rotate(-225deg);}
.top-menu{top:5px;width:26px;height:5px;border-radius:1px;background-color:#fff;}
.mid-menu{top:13px;width:26px;height:5px;border-radius:1px;background-color:#fff;}
.bottom-menu{top:21px;width:26px;height:5px;border-radius:1px;background-color:#fff;}
.menui{background:#fff;transition:0.6s ease;transition-timing-function:cubic-bezier(.75,0,.29,1.01);margin-top:10px;position:absolute;}
.icon{z-index:999;position:fixed;display:block;padding:10px;height:50px;width:45px;margin:0;top:10px;left:10px; font-weight:bold; background:#000;}
.mobilenav{top:0;left:0;z-index:999;display:none;position:fixed;width:100%;height:100%;background:#fff;padding:70px 0;margin:0; overflow: scroll; }
.mobilenav li:first-child { padding:20px 20px 25px 20px;}
.mobilenav li{list-style-type:none;text-align:left;padding:0px 20px 25px 20px; font-family: 'BPreplay Bold';font-size:24px;text-transform:uppercase;}
.mobilenav li a{list-style:none;margin-bottom:0;width:100%; color:#333;}
.mobilenav li ul.msubmenu { display:none; margin-top:10px;}
.mobilenav li ul.msubmenu.n-active { display:block; }
.dropdown-about .n-active { color:#e20a16; }
.dropdown-calendar .n-active { color:#14a48f; }
.dropdown-support .n-active { color:#e33078; }
.mobilenav li ul.msubmenu li {font-family:'Roboto', sans-serif; text-transform:capitalize; font-size:14px; line-height:24px; padding:0;}
.similar-shows { display:none;}
.event-calendar { padding-top:20px; max-width:290px;}
.event-calendar .event-date h3 { width:148px; font-size:20px; line-height:30px;}
.event-calendar .event-date ul li button {background:#14a48f; text-align:center; font-size:16px; cursor:pointer; width:35px; height:35px; font-family: 'BPreplay Bold'!important; margin:0;}
.event-calendar .event-date ul li a {color:#fff; line-height:30px;}
.event-calendar .day li { margin:0; width:35px; }
.event-calendar .event-date ul li { width:32px; margin: 0 3px 0 0; }
.mobile-hide { display: none; }
.mobile-show { display: block; }
.mobile-nuslogo { padding: 15px 0 15px 0; }
.about#support .row .col-sm-2, .about#support .row .col-sm-4 { font-size:14px; line-height: 18px;}
footer .footer-right { text-align: center; margin-top:30px; margin-left: -10px; }
footer ul.footer-social-nav { list-style:none; margin-bottom:10px; overflow:hidden; margin-top: 5px; margin-left: 10px; }
} 

@media (max-width: 640px) {
#calendar .submenu li { line-height:0;}
.map-responsive { width: 470px; }
#tshirt .content h2 { font-size:14px}
#tshirt .content { max-width:120px;}
}

@media (max-width: 450px) {
.col-xs-6 { width:100%;}
.event { max-width:370px; margin:0 auto; margin-bottom:20px; min-height:auto;}
.event .caption { min-height:auto;}
.section-title h2 { font-size:24px;}
.heading h1 { margin-bottom:20px; display:block; width:100%;}
.details .section-title span,.details .section-title img { display:none;}
.details .content-details h5 { font-weight:500;}
.details .content-details h5.date { margin-top:20px;}
.heading ul.heading-social-nav { margin:0px 0 20px 0px;}
#calendar h1 { margin-bottom:20px;}
.map-responsive { width: 430px;}
#signupform ul.checkbox li { display:block; float:left; float:none;}
#signupform { text-align:left;}
#signupform h3 { font-size:15px;}
}

@media (max-width: 375px) {
.section-title h2 { font-size:25px;}
.music h2 { margin-top:10px;}
.dance h2 { margin-top:45px;}
.film h2 { margin-top:30px;}
.navigation ul li:hover .submenu .block { display:block;}
iframe { border:0;height:940px; }
.map-responsive { width: 345px; }
#tshirt .content { max-width:100%; margin-top:30px;}
#tshirt .content h2 { display:block; color: #fff;}
}

@media (max-width: 320px) {
.map-responsive { width: 300px; }
}