/* * * ============================ */
/*~~~> 1200px +
/* * * ============================ */
@media (min-width: 1200px) {
	.social-media-container { max-width:360px; margin: 0 15px 0 15px; }
}

/* * * ============================ */
/*~~~> 1200px -
/* * * ============================ */
@media (max-width: 1200px) {
	.container { width: 100%; }
	#social .row { margin: 0 auto; }
	.all-events-box { max-width: 75%; margin: 0 auto; }
}

/* * * ============================ */
/*~~~> 992px +
/* * * ============================ */
@media (min-width: 992px) {
	.navbar-collapse { padding-right: 0; }
	.mainMenu { display: block !important; overflow: initial; }
	span.event-month::after,.event-day::after { content: "\A"; white-space: pre; }
	.event-detail-description { padding-left: 30px!important; }
	.page-content>.col-md-8 { padding-right: 30px; }
  .overlay{min-height:90px}
  .overlay h1{width:70%;}
  .overlay .start-end--date{text-align:right;margin-top:10px}
  .seating-charts .col-lg-4.col-sm-6 h3{min-height:52px}
}

/* * * ============================ */
/*~~~> 992px > 1200px
/* * * ============================ */
@media (min-width: 992px) and (max-width:1200px) {
	#navTabs nav { width: 100%; }
	.nav>.nav-tabs { width: 33%; }
	.social-media-container:nth-child(1) { padding: 0 15px; }
}

/* * * ============================ */
/*~~~> 992px > 1080px
/* * * ============================ */
@media (min-width: 992px) and (max-width: 1080px) {
	#navbar { margin-top:40px; }
	#navSocial { margin-top: -40px }
}

/* * * ============================ */
/*~~~> 992px -
/* * * ============================ */
@media (max-width: 992px) {
	.page-content>.col-md-8 { padding: 0; }
	/* MAIN MENU */
	.mainMenu { padding: 0 0 15px 0; margin-top: 15px; }
    .navbar-header .collapse, .navbar-toggle { display:block !important; }
	.navbar { margin: 15px 0 0 0; }

.navbar-toggle:hover { background: #f7941e; cursor: pointer;}
.navbar-toggle.collapsed, .navbar-toggle.collapsed:hover { background-color: #0075c0; }
	#nav { position: relative; float: left; width: 100%; bottom: auto; top: 0; z-index: 1000; }
    .navbar-nav > li { float: none; }
    .navbar-nav { float: none; margin: 0; }
    .nav.navbar-nav { clear: both; float: left; width: 100%; }
    #mainMenu { position: relative; float: left; width: 100%; }
	#mainMenu>li { padding: 7px 0; border-bottom: 1px solid #ccc; }
	#navSocial { position: relative; right: 0; top: 0; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
    .logo { margin-bottom: 0; }
	.logo-container { width: 100%; margin: 0 auto; text-align: center; }

	/* SEARCH BOX DROPDOWN*/ 
	.search-dropdown-menu { left: -40px; top: 40px; right: auto; }
	.search-button-main.active { color: #f7941e; }

	/* CAROUSEL SLIDER */ 
	.overlay { padding: 5px; font-size: 75%; border-left: 5px solid #0075c0; text-align: center; }
	.overlay h1, .overlay .start-end--date{ float: none; margin: 0 auto; }
  .overlay .start-end--date {width:100%;}
	.overlay, .overlay .text-right { text-align: center; }
	.search .search-box,.search select { margin-bottom: 15px; }
	#mainEventsSlider { clear: both; }
	/* EVENT DETAILS */
	#events-sidebar { margin-top: 60px; }
	.event-details-block { margin-right: 0; }	
	.event-detail-description { padding-left: 0; }
	.event-image { margin-bottom: 5px; }
	.event-date { height: auto; padding: 10px 0; font-size: 2em; margin-bottom: 10px; }
	.event-day {font-size: inherit;}
	.event-day::after, .event-day::before { content: " "; }
	.event-detail-description { margin-top: 30px; }

	/* SOCIAL MEDIA */
	.social-media-container:nth-child(1) { margin-bottom: 30px; }
	.social-media-container:nth-child(3) { float: right; }
	.navSocial { position: relative; top: 0; }
	
	.standardPage header { clear: both; }
}

/* * * ============================ */
/*~~~> 768px > 992px
/* * * ============================ */
@media (min-width: 768px) and (max-width: 992px) {
	.social-media-container:nth-child(2), .social-media-container:nth-child(3) { max-width: 360px; }
}

/* * * ============================ */
/*~~~> 768px -
/* * * ============================ */
@media (max-width: 768px) {
	.mobile-no-show { display: none; }
	.nav .nav-tabs { width: 100%!important; }
	#navTabs .nav>li>a { padding: 7px 0; }
	#nav { position: relative; float: left; width: 100%; bottom: auto; top: 0; z-index: 1000; }
	.navTab-active,
	#navTabs .navTab-active:hover, 
	#navTabs .navTab-active:focus,
	#navTabs a:focus { 
		background:transparent; background-image: url(/images/blue-button.png); 
		background-size: 100% 100%; padding-bottom: 7px!important; margin-bottom: 0!important; 
	}
	.page-header h1 { font-size: 2.5em; }
	.main-event-image {  width: 100%; }
	.social-media-container { width: 100%!important; }
	.social-media-container h3 { text-align: center; }
	.event-details-block { background: #fff; margin-right: -15px; }
	.event-details-ticket { background: #fff; padding: 0 15px 0 15px; }
	.event-details-block .event-date {display: none; }
	#events { display: block!important; }
	.triangle { display: none; }
	.preferred { border: 2px solid #f7941e; }
	footer { text-align: center; }
	footer .logo { margin-bottom: 15px; }
	.navSocial { position: relative; top: 0; }
}
/* * * ============================ */
/*~~~> 768px +
/* * * ============================ */
@media (min-width: 768px) { 
	.mobile-no-show { display: block; }
	#calendarDisplay { display: block; }
	#calendar { display: block; }
}

/* * * ============================ */
/*~~~> 460px > 992px
/* * * ============================ */
@media (min-width: 460px) and (max-width: 992px) {
	.container { padding-left: 30px; padding-right: 30px; }
	#eventsCarousel, header { margin-left: -15px; margin-right: -15px; }
}
/* * * ============================ */
/*~~~> 568px > 1200px
/* * * ============================ */
@media (min-width: 568px) and (max-width: 1200px) { 
	.container { padding-left: 30px; padding-right: 30px; }
}

/* * * ============================ */
/*~~~> 568px -
/* * * ============================ */
@media (max-width: 576px) {
	#navSocial{ position: relative; }
	.logo-container { text-align: left; }
	#navTabs>ul>li { width: 100%; padding: 0; }
	.sidebar-buttons .button { width: 100%; }
	.event-detail-description .primary-button { padding: 10px 60px; }
	.carousel-inner .overlay { position: relative; background: linear-gradient(#000,#222); font-size: .5em; padding: 10px 5px; border-left: 0; border-top: 2px solid #0075c0; border-bottom: 2px solid #0075c0; }
	.carousel-inner h1 { font-weight: 400; }
}

/* * * ============================ */
/*~~~> 460px -
/* * * ============================ */
@media (max-width: 460px) {
	header { margin-left: -15px; margin-right: -15px; }
	#main-events { margin-top: 15px; }
}

/* * * ============================ */
/*~~~> 380px -
/* * * ============================ */
@media (max-width: 380px) {
	.search-dropdown-menu { max-width: 295px; }
}