@charset "utf-8";
/* CSS Document */
@media(max-width:320px) {
	.js #menu {display:none;}
	.js .slicknav_menu {display:block;}
	.wrapper {margin: auto; width: 100% !important;}
	.header { width: 100%px !important;}
	.bodyContainer { width: 100% !important; padding: 15px 0}
	.logoRTSideImage {background: url(../img/headerBg.png) no-repeat bottom right; height: 160px;}
	.footer {text-align: center; height: 30px; line-height: 30px; background: #466273; color: #829dae; width: 100% !important;}
	.form {width: 90% !important; margin: auto;}
	.logo img {padding: 0px 0 0 10px !important;}
	.logo { padding: 10px 0 0 0}
	.form {width: 100% !important; margin: auto;}
	.labelTxt {width: 100% !important; line-height: 25px; padding: 0 0 0 0; text-align: left; font-size: 16px;}
	.inputBox {width: 100% !important;}
	.validationMsg {color: #FF0000; font-size: 11px; padding: 0 0 0 0 !important; width: 100% !important; display: block !important; float: left;}
	.inputRow { padding: 0px 0px 0px 0px !important; width: 100%;}
	.accordion-content h2 { font-size: 22px;}
	.ticketing { padding-left: 15px; width: 320px !important}
	.ticketing .labelTxt { width: 35%!important; font-size: 14px !important;}
	.ticketing .inputBox { width: 64%!important; font-size: 14px !important; line-height: 25px;}
	.grayBox h3 { padding: 0 0 5px 0;}
	.paddLeft { padding: 0 0 0 0 !important;}
	.errorMsg { display: block; width: 260px !important; padding: 0 0 10px 0; float: left;}
	.emailInput {display: block; width: 240px!important;}
	.grayBox { background: #f0f0f0; padding: 20px; font-size: 16px; margin: 0 0 15px 0;}
	.countryCodeHover {width: 250px !important}
	.countryCodeHover li {width: 250px !important}
}
@media(max-width:480px) {
	.js #menu {display:none;}
	.js .slicknav_menu {display:block;}
	.wrapper {margin: auto; width: 100% !important;}
	.header { width: 100% !important;}
	.bodyContainer { width: 100% !important}
	.footer {text-align: center; height: 60px; line-height: 60px; background: #466273; color: #829dae; width: 100% !important;}
	.form {width: 80% !important; margin: auto;}
	.logoRTSideImage {background: url(../img/headerBg.png) no-repeat bottom right; height: 160px;}
	.logo img {padding: 0px 0 0 10px !important;}
	.logo { padding: 20px 0 0 0}
	.paddLeft { padding: 0 0 0 0 !important; }
	.emailInput {display: block; width: 230px!important;}
	.grayBox { background: #f0f0f0; padding: 20px; font-size: 16px; margin: 0 0 15px 0; width: 100% !important;}
	.labelTxt {width: 100% !important; line-height: 25px; padding: 0 0 0 0; text-align: left; font-size: 16px;}/*NEW*/
	.inputBox {width: 100% !important;}/*NEW*/
	.validationMsg {color: #FF0000; font-size: 11px; padding: 0 0 0 0 !important; width: 100% !important; display: block !important; float: left;}/*NEW*/
.countryCodeHover {width: 220px}
.countryCodeHover li {width: 220px}
.ticketing .labelTxt {text-align: left; color: #747577; width: 35% !important; line-height: 36px;}
.ticketing .inputBox {line-height: 36px; font-size:16px; width: 64% !important;}
}
@media(max-width:640px) {
	.js #menu {display:none;}
	.js .slicknav_menu {display:block;}
	.wrapper {margin: auto; width: 100% !important;}
	.header { width: 100% !important;}
	.bodyContainer { width: 100% !important}
	.footer {text-align: center; height: 60px; line-height: 60px; background: #466273; color: #829dae; width: 100% !important;}
	.form {width: 80% !important; margin: auto;}
	.box { width: 130px !important; margin: 5px 5px 15px 5px; height: 120px !important; border: 0; vertical-align: top !important; cursor: pointer}
	.centerImg img { height: 40px !important;}
	.centerImg { height: 50px;}
	.footerTxt { width: 100%; text-align: center; font-size: 12px !important;}
	.bigFont { font-size: 30px !important;}
	.logoRTSideImage {background: url(../img/headerBg.png) no-repeat bottom right; height: 160px;}	
	.bigFont { font-size: 20px!important;}
	.bigFont div { padding: 0 0 5px 0; float: left; width: 100%;}
	.ticketing .inputBox { width: 64%!important; font-size: 16px !important; line-height: 32px;}
	.grayBox h3 { padding: 0 0 5px 0; font-size: 16px !important;}
	.inputBoxRow { font-size: 13px;}
	.checkBoxTxt { width: 92%}
	.checkBox { width: 8%;}
	.grayBox { background: #f0f0f0; padding: 20px; font-size: 16px; margin: 0 0 15px 0; width: 100% !important;}
	.paddLeft { padding: 0 0 0 0 !important;}
	.errorMsg { display: block; width: 400px; padding: 0 0 10px 0; float: left;}
	.emailInput {display: block; width: 400px;}
	.countryCodeHover {width: 220px;}
	.countryCodeHover li {width: 220px;}
	.ticketing .labelTxt {text-align: left; color: #747577; width: 35%;}
	.ticketing .inputBox {line-height: 36px; font-size:16px; width: 64%;}
}
@media(max-width:768px) {
	.wrapper {margin: auto; width: 100% !important;}
	.header { width: 100% !important;}
	.bodyContainer { width: 100% !important}
	.logoRTSideImage {background: url(../img/headerBg.png) no-repeat bottom right; height: 160px;;}
	.footer {text-align: center; height: 60px; line-height: 60px; background: #466273; color: #829dae; width: 100% !important;}
	.form {width: 95% !important; margin: auto;}
	.box { width: 162px; margin: 5px 10px 15px 10px; height: 140px; border: 0; vertical-align: top !important; cursor: pointer}
	.centerImg img { height: 50px;}
	.footerTxt { width: 100%; text-align: center; font-size: 15px;}
	.bigFont { font-size: 33px;}
	.grayBox { background: #f0f0f0; padding: 20px; font-size: 16px; margin: 0 0 15px 0; width: 100%;}
	.countryCodeHover {width: 360px}
	.countryCodeHover li {width: 360px}
	.ticketing .labelTxt {text-align: left; color: #747577; width: 35%;}
.ticketing .inputBox {line-height: 36px; font-size:16px; width: 64%;}
.errorMsg { display: block; width: 100%; padding: 0 0 10px 0; float: left;}
}
@media(max-width:1024px) {
	.wrapper {margin: auto;width: 980px;}
	.countryCodeHover {width: 360px; }
	.countryCodeHover li {width: 360px;}
}