/* RESPONSIVE STYLES */

.fullimage {max-width:100%; height: auto;}
.imgfull {max-width:95%; height: auto;}

@media (max-width: 1250px) {

	.button-title {
		font-size: 40px;
	}

}


@media (max-width:1200px) {

	#navbox {
		right: 15px;
	}

	#tixbox {
		right: 10px;
	}

	#logobox {
		width: 230px;
		height: 123px;
		top: 10px;
	}

	#headerbox-main {
		height: 140px;
	}

	.e-button{ 
		font-size: 1.7vw;
	}

	.button-title {
		font-size: 3.3vw;
	}


}

@media (max-width: 980px) {

	#navbox {
		right: 0px;
	}

	#tixbox {
		right: 15px;
	}


}

@media (max-width: 900px) {

	.e-name {
		font-size: 2.8vw;
	}

	.e-dates {
		font-size: 2.4vw;
	}

	.e-loc {
		font-size: 2.2vw;
	}

}

@media (max-width: 800px) {

	#rc-imageselect, .g-recaptcha { 
		transform:scale(0.8); 
		-webkit-transform:scale(0.8); 
		transform-origin:0 0; 
		-webkit-transform-origin:0 0;
	}


	.sectionbox-heading {
		font-size: 4vw;
	}

	.e-button{ 
		font-size: 1.9vw;
	}


}

@media (max-width: 768px) {

	.contact-col-1 {
		width: 100%; 
		padding: 0; 
	}
	.contact-col-2 {
		width: 100%; 
		padding: 15px 0 0 0; 
	}
	.formleft-div {
		width: 100%; 
		padding: 6px 2% 0 2%;
		text-align: left; 
		font-weight: bold; 
		vertical-align: bottom;
	}
	.formright-div {
		width: 100%; 
		padding: 0 2% 0 2%;
		vertical-align: top; 
	}

	.hideonmobile {display: none;}

}

@media (max-width: 750px) {

}

@media (max-width: 700px) {

}

@media (max-width: 650px) { 

	#eventbox {
		display: block;
	}

	.event-border {
		width: 46%;
		padding: 5px;
		margin: 1% 2% 1% 2%;
	}

	.e-name {
		font-size: 3.6vw;
	}

	.e-dates {
		font-size: 3.2vw;
	}

	.e-loc {
		font-size: 3vw;
	}

	.e-btnimg {
		display: none;
	}

	.e-button{ 
		font-size: 3vw;
	}

	.button {
		width: 46%;
		margin: 1% 2% 1% 2%;
	}

	.button-title {
		font-size: 6vw;
	}

	.pageheaderbox-heading {
		font-size: 6.5vw;
	}

	#mainbox { 
		font-size: 18px;
	}


}


@media (max-width: 600px) {


	.imgfloatleft {float:none; }
	.imgfloatright {float:none; }
	.imgborder {margin: 0 0 2% 0; }

	.col50 {
		width: 100%;
		padding: 0 1% 20px 1%;
	}

	.sitebtn { 
		width: 96%;
		padding: 2%; 
	}

	.col50 {
		width: 98%;
		margin: 0 1% 0 1%;
		float: left;
		position: relative;
	}

	#rc-imageselect, .g-recaptcha { 
		transform:scale(1.0); 
		-webkit-transform:scale(1.0); 
		transform-origin:0 0; 
		-webkit-transform-origin:0 0;
	}
}

@media (max-width: 550px) {

	#logobox {
		width: 122px;
		height: 65px;
		top: 5px;
		left: 10px;
	}

	#headerbox-main {
		height: 80px;
	}

	#navbox {
		top: 30px;
	}

	#tixbox {
		top: 5px;
		right: 10px;
		text-align: right;
	}

	#tixbox img{
		max-width: 65%;
	}

	#headerbox-top {
		min-height: 20px;
	}

	#headerbox-social {
		padding: 2px 0 2px 0;
	}

	#headerbox-social img {
		max-width: 15px;
		height: auto;
	}


}

@media (max-width: 500px) {

	#header-container {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		z-index: 20000000000000000000;
	}

	#footerline {
		margin: 0 0 45px 0;
	}

	#footer-sigline {
		text-align: center;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );

	}

	#footer-sigline > span{
		display: block;
	}

}

@media (max-width: 480px) {


	.sectionbox-heading {
		font-size: 5vw;
	}

	.e-button{ 
		font-size: 3.5vw;
	}

	.event-border {
		width: 90%;
		padding: 5px;
		margin: 1% 5% 1% 5%;
	}

	.e-name {
		font-size: 6vw;
	}

	.e-dates {
		font-size: 5.5vw;
	}

	.e-loc {
		font-size: 5vw;
	}

	.e-btnimg {
		display: none;
	}

	.e-button{ 
		font-size: 4.5vw;
	}

	.button {
		width: 46%;
		margin: 1% 2% 1% 2%;
	}

	.button-title {
		font-size: 6vw;
	}


	#mainbox h1 {font-size: 26px;}
	#mainbox h2 {font-size: 24px;}
	#mainbox h3 {font-size: 22px;}


}

@media (max-width: 400px) {

	#layerslider .hide {display: none;}
	
	#rc-imageselect, .g-recaptcha { 
		transform:scale(0.8); 
		-webkit-transform:scale(0.8); 
		transform-origin:0 0; 
		-webkit-transform-origin:0 0;
	}

	
}

@media (max-width:380px) {

}

@media (max-width:350px) {

	#g-recaptcha-wrapper {
		width: 90% !important;
		text-align: center;
	}


	#mainbox h1 {font-size: 22px;}
	#mainbox h2 {font-size: 20px;}
	#mainbox h3 {font-size: 18px;}

}