

@media(max-width:800px){ /*768*/
.header-logo{ float:none; width:100%; text-align:center;}
.header-right{ float:none; width:100%; text-align:center; margin: 0 0 10px;}
.video-box{  max-width: none;}
.orderform{ max-width: none; margin-top: 20px; position: relative; left:0;}
.orderform:before, .orderform:after { display:none;}
.questions-box ul li{ width: auto;}
.ftlogo{ position:inherit; left:auto; bottom:auto; clear:both; }
footer .ftabtcon{ float:none; max-width:none; margin:0 0 15px; }
footer .ftabt{ margin: 0 30px 10px 0;}
span.subfield{ width: 48%; margin: 0 5px 3px;}
}


@media(max-width:766px) { /*600*/
.header-right p::after{ display:none;}
.events-box .box3 ul li{ width: 100%; margin: 0 0 15px; min-height: inherit;}
footer .ftabt, footer .ftsupp, footer .ftlegal{ float:none; max-width:none; margin:0 0 15px; }
.ftlogo{ text-align:left; }
footer .ftabtcon, footer h3, footer ul li, .ftlogo{ text-align:center;}
span.subfield{ width: 100%; margin: 0 0px 3px;}
input.medium{ width: 100%;}
.mid-box1.thankyou{ min-height:inherit;}
.mid-box1.thankyou h1{ padding:20px; font-size: 26px;}
.mid-box1.thankyou h1 span{ font-size: 35px; line-height: 50px;}
}

@media(max-width:480px) { 
.orderform{ margin-top: 0px;}
.mid-box1{ padding: 13px 10px;}
.header1 ul li{ width: 93%; margin: 0 auto 4px; display:block;}
.header1 ul li:last-child{ margin: 0 auto ;}
.mid-box1.thankyou h1{ font-size: 18px; line-height: 28px; margin-top: 10px;}
.mid-box1.thankyou h1 span{ font-size: 30px;}
}

@media(max-width:400px) { /*360*/
.orderform .panel-title span.event-city{ position:relative; left:0;}
.mid-box1.thankyou h1{ font-size: 16px; line-height: 22px; margin-top: 10px;}
.mid-box1.thankyou h1 span{ font-size: 20px; line-height:30px;}
}




