/* CSS Document */

@media only screen and (min-width: 1024px) {
	nav ul {
		overflow: visible !important;
		height: auto !important;
	}
}

@media only screen and (max-width: 1023px) {
	#menu_link {
		display: inline-block;
	}
	
	#slider_nav {
		display: inline-block;
	}

	nav {
		position: relative;
	}
	
	nav ul {
		position: absolute;
		top: 35px;
		height: 0px;
		overflow: hidden;
		white-space: nowrap;
		background-color: rgba(0,0,0,0.9);
		line-height: 30px;
		z-index: 999;
		right: 0;
	}
	
	nav ul li,
	nav ul li a {
		float: none;
		display: block;
	}
	
	h1 {
		font-size: 24px;
	}
	
	footer .container {
		padding: 0px 10px;
	}

	#upcoming-shows-section .show-starts-time ul li {
		padding: 5px 6px;
	}
	
}

@media only screen and (max-width: 767px) {

	#upcoming-shows-section .columns.two .column.one {
		width: 100%;
	}
	
	#upcoming-shows-section .show-starts-time ul {
		margin-bottom: 10px;
		font-size: 14px;
	}

	#upcoming-shows-section .show-starts-time ul li {
		padding: 5px 5px;
	}

	#events-n-news-section .columns.two .column.one {
		width: 100%;
	}

	#events-n-news-section .box.events {
		padding: 0 25px;
		margin-bottom: 50px;
	}

	#events-n-news-section .box.news {
		padding: 0 25px;
	}
	
	#events-n-news-section .box {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px 15px;
	}

	#social-section .columns.three .column.one, #social-section .columns.three .column.two {
		width: 100%;
	}

	.homeCols3 {
		height: auto !important;
	}

	.homeCols3 .box {
		position: static;
		margin: 0 auto;
		width: 350px !important;
		max-width: 100% !important;
		top: 0px !important;
		height: auto !important;
		float: none !important;
	}
	
	h1 {
		font-size: 21px;
	}

	#upcoming-shows-section .btn.green {
	    margin: 0 5px 10px;
	    min-width: 150px;
	    font-size: 14px;
	    padding-left: 5px;
	    padding-right: 5px;
	}
	
}

@media only screen and (max-width: 719px) {
	.container {
		padding: 0px 10px;
	}
	
	header:before {
		opacity: 0.95;
	}
	
	#slider_footer:before {
		opacity: 0.95;
	}
	
	#slider_footer {
		bottom: auto;
	}
	
	h1 {
		font-size: 18px;
	}
	
	#slider_footer .left_section h1 {
		line-height: 38px;
		height: 38px;
	}
	
	#slider_footer .container {
		text-align: center;
	}
	
	#slider_footer .left_section {
		float: none;
	}
	
	#slider_footer .right_section {
		padding-top: 8px;
		padding-bottom: 10px;
		float: none;
	}
	
	footer .widgets .widget {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 24px;
	}
	
	footer .container {
	}
	
	footer .copyright,
	footer .social {
		text-align: center;
	}
}

@media only screen and (max-width: 479px) {
	header .right_section {
		display: none;
	}
	
	nav {
		float: right;
		margin-right: 10px;
	}
	
	nav ul {
		right: -10px;
	}
}

@media only screen and (max-width: 419px) {
}