@media (max-width :1370px) {
	#gallery .gallery-front-left, #gallery .gallery-front-right{ z-index:190; width:100%;}
}

@media (max-width :1140px) {
	.story{}
	body{padding-left: 20px; padding-right: 20px;}
	#intro, #about, #gallery, #concerts, #contact{margin-left: -20px !important; margin-right: -20px !important; padding-left: 20px !important; padding-right: 20px !important;}
	#about .bg-shadow, #concerts .conterts-bg, #gallery .gallery-bg, .pttrn{margin-left: -20px !important;}
	#gallery .gallery-front-left, #gallery .gallery-front-right{ z-index:190; width:100%;}
	
	#menu{width:100%; height:28px; position:fixed; right:0; top:00px; z-index:999999999; background-color:rgba(0,0,0,0.8);}
	#menu ul{width:100%; text-align:right;}
	#menu ul li{width:auto; float:none; margin-left:-4px; display:inline-block; margin-top:0px; border-right:solid 1px #7d1419;}
	#menu ul li a{ background-color:inherit;}
	#gallery .gallery-box ul {
     display: table;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 570px;
}
}

@media (max-width :1024px) {
	#about .bg{display:none;}
	.about-us-image{display:block;}
	#gallery .gallery-box ul {
    display: table;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 570px;
}
}

@media (max-width :768px) {
	#concerts .concert-time{width:60%; margin-top:50px; position:relative; right:20%;}
	#concerts .content{ width:100%;}
	#concerts .content h2,
	#concerts .content p,
	#concerts .concert-time{text-align:center;}
	.red-bttn{float:none; display:inline-block;}
	#gallery .gallery-box ul li{ width:32.25%;}
	#intro .logo{position:relative;}
	#intro .logo:before{width:100%; padding:15%; height:200%; display:inline-block; content:""; position:absolute; top:-30%; z-index:-2; left:-15%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	}
	
	.about-us{ width:100%; text-align:center;}
	.about-us-image{ float:left; left:50%; margin-left:-174px; top:140px;}
}

@media (max-width :640px) {
	.contact-image{display:none;}
	#concerts .concert-time{ width:80%; right:10%;}
	.contact{ width:80%; left:10%;}
	.red-bttn{margin-bottom:40px;}
	#gallery .gallery-box ul {
     display: table;
    float: left;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
	#gallery .gallery-box ul li {
    display: table;
    margin: 20px auto;
    width: 32.25%;
    float: none;
}
}

@media (max-width :480px) {
	#contact .contact-bg,
	#intro .logo:before{display:none;}
	
	#gallery .gallery-box ul li{ width:59.1%;}
	#concerts .concert-time{ width:90%; right:5%;}
	.accordion-box ul li a span.date{ font:25px/25px 'ralewaylight',Arial,Helvetica,sans-serif;}
	.accordion-box ul li a span.location{font:15px/15px 'ralewaylight',Arial,Helvetica,sans-serif;}
	
	.pttrn{background-image:none;}
	
	.about-us,
	#gallery .content,
	#concerts .content{ background-color:#1f2324; padding:20px; width:auto; border-bottom:solid 1px #0e1011;  border-top:solid 1px #2f3537;}
	.about-us{top:50px;}
	.about-us-image{top:45px;}
	.contact{ left:inherit; top:50px;}
	#concerts .content{ margin-top:50px;}
	#concerts .concert-time{ margin-top:30px;}
	#gallery .content{ margin-top:50px; margin-bottom:30px;}
	#gallery .gallery-box{float:none;}
	
	.contact{ background-color:#1f2324; padding:20px; width:auto !important; border-bottom:solid 1px #0e1011;  border-top:solid 1px #2f3537;}
}

@media (max-width :360px) {
	#gallery .gallery-box ul li{ width:82.1%;}
	#concerts .concert-time{ width:100%; right:0%;}
	.contact{ width:100%; left:0%;}
	.accordion-box ul li a span.date{ font:28px/28px 'ralewaylight',Arial,Helvetica,sans-serif; padding:5px 0 5px 0;}
	.accordion-box ul li a span.location{font:13px/13px 'ralewaylight',Arial,Helvetica,sans-serif; padding:0 15px 0 0; float:left;}
	#menu ul li a{ font:14px/15px Arial,Helvetica,sans-serif; padding:7px 6px 5px 6px;}
}