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

/* #Tablet (Portrait)
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#main-menu { right:21% !important; }
	#main-menu .menu li a { padding: 0 15px; }
  	.main-content { width: 500px; }
	#musicians { width: 500px; background: #3A3A3A !important; height: 1000px !important; }
	fieldset { width: 235px; }
	.menu { margin-left: 140px; margin-top: -80px; }
	.main { width: 780px !important; }
	#footer { position: relative; }
	#phone { width:5%; }
	.inner-content { width: 450px; }
	.contact-left { width: 100%; }
	.contact-right { width: 100%; margin-top: 30px; }
}

/*  #Mobile (Portrait)
================================================== */

@media only screen and (max-width: 767px) {
	#main-menu { right: 280px; bottom:40px; }
	#main-menu .menu li a { padding: 0 10px; }
  	#musicians { width: 500px; background: #3A3A3A; height: 1000px; }
  	.main { width: 480px;}
	.main-content { width: 460px !important; }
	.righ-content { width: 100%; float: right; margin-left: 10px; margin-top: 20px; background: url("/../images/right_sb_bg.png");
}
	#socials { padding: 30px 10px 19px !important; }
	body { height: auto; }
	.main { width: 770px; overflow: hidden; margin: 0 auto; }
	#phone { width:5%; }
	.contact-left { width: 100%; }
	.contact-right { width: 100%; margin-top: 30px; }
	body.musicians-page .inner-content { width: 372px !important; }
}

/* #Mobile (Landscape)
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {	
  	.main-content { width: 500px !important; }
	#logo { height: 200px; }
	#main-menu { right: 280px; bottom:40px; float: none; position: initial; }
    #main-menu .menu li { float: none; }
	#main-menu .menu li a { padding: 0 10px; }
  	#musicians { width: 500px !important; background: #3A3A3A; height: 1000px; }
   .righ-content { width: 500px; float: left; margin-left: 0px; margin-top: 20px; background: url("/../images/right_sb_bg.png"); }
	#socials { padding: 30px 10px 19px !important; }
	body { height: auto; }
	#footer { position: relative; }
  	#address { width: 65%; }
	#phone { width:25%; }
  	.foot-links { float: left; }
	#map { width: 500px; }
	#wowslider-container1 { margin: 20px auto 60px; }
	#top-header { background: url(../images/top-bg.png) top center repeat; position: relative; }
	.contact-left { width: 100%; }
	.contact-right { width: 100%; margin-top: 30px; }
	body.musicians-page .inner-content { width: 372px !important; }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  	.main-content { width: 430px; }
	#musicians { width: 400px; }
    .main { width: 400px; overflow: visible; }
  	.righ-content {  margin-top: 20px; width: 96%; }
  	#socials { padding: 30px 10px 9px; }
	#footer { position: relative; }
	#logo { position: relative; left: -220px; height: 200px; }
	#wowslider-container1 { zoom: 1; position: relative; max-width: 980px; margin: 20px auto 60px; z-index: 90;
border: none; text-align: left; }
	#main-menu { float:none;right: 410px; bottom: 40px; top: 110px; position: relative; }
	#top-header { background: url(../images/top-bg.png) top center repeat; overflow: visible; margin: auto;
width: 100%; position: relative; z-index: 999999; top: 0px; height: 370px; }
	#main-menu .menu li { list-style: none; float: none; }
	.contact-left { width: 100%; }
	.contact-right { width: 100%; margin-top: 30px; }
	body.musicians-page .inner-content { width: 372px !important; }
}