/* Media Queries - 1 */

@media screen and (min-width:1400px) {
	.regbox .ticket_label_text {
		padding:6px 0 0 0;
	}

}

/* Note: Design for a below width of 1200px */
@media screen and (max-width: 1200px) {
	.field-3 ul li .showlabel1 {
		visibility: hidden;
		margin-top:-25px;
	}	
}

/* Note: Design for a width above of 1000px */
@media only screen and (min-width: 1000px) {
	.panel-container {
		min-width:475px;   
	}
}

/* Note: Design for a below width of 1024px */
@media only screen and (min-width: 768px) and (max-width: 999px) {
.show_ipad1 {
	display:block
}

.hide_ipad1 {
	display:none
}

.hide_mobile2 {
	display:none;
}

.show_mobile2 {
	display:block;
}

.container {
	max-width:730px
}


.left-panel-bg {
	width: 100%
}

.right-panel {
	width: 100%;
	margin:10px 0 0 0
}

.centerdiv {
	width:100%;
	margin: 0 auto;
}

.panel-container {
	width: 50%;
	margin:0 auto;
    
}
.field-1 .options li {
	width:auto;
	padding-right:10px;
    
}


/*.regbox .ticket_label_text {
		padding:0;
	}*/

}


/* Media Queries - 2 */


/* Note: Design for a width of 768px */
@media only screen and (max-width: 767px) {
.show_mobile1 {
	display:block
}

.hide_mobile1 {
	display:none
}

.hide_mobile2 {
	display:none;
}

.show_mobile2 {
	display:block;
}

.panel-container {
    /*margin:0 auto;*/
	padding: 0 4%;
    max-width: 890px;    
    display: inline-block;
    width: auto;    
}

.container-main {
	padding:20px 0
}

.container {
	max-width:100%;
	padding:0 3%
}

.col1, .col2, .col3 {
	margin:0 1% 0 0;
}

.left-panel-bg {
	width: 100%;
	background:none;
	padding-bottom:0
}

.left-panel {
	padding:20px 4%;
}

.form-block {
	padding:0 4%
}

.field-1 .box-yellow {
	padding:5%
}

.field-1 .options {
	width:100%;
	margin:0;
	padding:0
}

.field-1 .options li {
	min-width:120px;
	padding:0 0 10px 0;
}

.field-1 .selec-txt span{
	width:60%;
}

.field-1 .option-info {
	width:100%;
	float:left;
	/*padding:5px 0 0 0*/
}

.field-1 .option-info .type1 {
	margin:5px 0 0 0;
}

.field-1 .option-info .type2 {
	padding:0 3px 0 0;
}

.field-1 .option-info .input {
	margin-top:5px;
}

.field-1 .sbHolder {
	width:100%;
}

.field-2 .flex-col-1 {
	width:100%;
	overflow:hidden;
}

.field-2 .flex-col-2 {
	width:100%;
}

.field-2 .input {
    width: 100%;
}

.field-2 .notlist {
	margin: 3px 0 0 2px;
}

.field-2 .notlist span {
    margin: 0;
}

.field-3 ul li label {
	display:block;
	width:90%;
	margin-left:8%;
	text-align:left;
}

.field-3 ul li .input, .field-3 ul li .input100, .field-3 ul li .input200 {
	display:block;
	width:90%;
	margin: 0 0 0 8%;
}


.field-3 ul li .sbHolder {
	width:90%;
	display:block;
	margin: 0 0 0 8%;
}

.field-3 ul li .hidelabel {
	display:block;
}

.field-3 ul li .showlabel {
	display:none;
}


.field-4 {
	width:100%;
	float:left
}

.field-4 ul {
	width:100%;
	float:left;
}

.field-4 ul li {
	width:100%;
	float:left;
	padding:0 0 25px 0
}

.field-4 ul li .sbHolder {
	width:100%
}

.field-4 ul li .sbOptions ul {
	margin:0
}

.field-4 ul li .sbOptions li {
	padding:0
}

.field-4 ul li .textarea {
	max-width:100%
}

.field-4 ul li .txt-tag {
	max-width:100%
}

.field-5 ul li label {
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
}

.field-5 ul li .input {
	width:99%
}

.field-5 ul li .sbHolder {
	width:99%;
	max-width:99%
}

.field-5 .check-info {
	padding:0
}

.field-5 #col1, #col2 {
	float:left;
	width:48%;
	margin: 0 2% 0 0;
} 

.field-5 #col3 {
	float:left;
	width:58%;
	margin: 0 2% 0 0;
}

.field-5 #col4 {
	float:left;
	width:38%;
	margin: 0 2% 2% 0;
}

.field-6 {
	padding:0 0 15px 0
}

.field-6 h2 {
	margin:0 0 30px 0
}

.field-6 ul {
	width:100%;
	float:left;
}

.field-6 ul li {
	width:100%;
	float:left;
	padding:0 0 15px 0
}

.field-6 ul li label {
	width:100%;
	text-align:left;
	padding:0;
	margin:0
}

.field-6 ul li .right-r {
	width:100%;
	float:left
}

.field-6 ul li .cart-type {
	float:right;
	margin:15px 0 0 0
}

.field-6 ul li .cart-type p {
	display:none
}

.field-6 .btn-bg {
	width:100%;
	float:left
}

.field-6 .btn-bg .checkoutamt {
	width:100%;
	text-align:center;
	padding:20px 0 0 0
}

.field-6 .btn-bg .btn {
	width:100%
}

.field-6 .btn-bg #loading{
	width:100%;
}

.field-6 ul li #ccard {
	width:99%;
}

.field-6 ul li .ss-code .input {
	width:98%;
	margin:0 2% 0 0;
}

.field-6 ul li .sbHolder {
	width:49%;
	margin:0 1% 0 0;
}

.tooltip {
	display:none;
}

.tooltip span {
	/*left:0;
	margin-left:-200px;*/
	display:none;
}

.stretch {
	width:100%;
}

.flex-grid > * {
  flex: 1 100%;
}

.regbox .box-bg label {
	width:59%;
}

.regbox input, .regbox select {
	width:100%;
	margin-bottom:5px;
}

.regbox input[type=checkbox]{
	width:20px;
	height:20px;
}

.regbox input[type="radio"]
{
	max-width:20px;
}

.regbox input
{
	max-width:100%;
}

.regbox input[type="range"]
{
	width:150px;
}

.regbox .box-bg .field-1{
	margin-top:0;
}

/*.field-1 .option-info .input {
	margin-top:10px;
}*/

.regbox .box-bg .button-label {
	margin-left:0;
}

.regbox .box-bg .longlabel {
	width:100%;
}

.regbox .box-bg .msgtext-indent {
	margin:15px 0 0 1%;
}

.regbox .box-bg .custom-text-field {
	width:95%;
}


/*.regbox .box-bg .checkbox {
	float:left;
	width:16px;
	height:15px;
	margin-right:10px;
}*/

.regbox .box-bg .ticket_holder {
	width: 57px;
	min-width:57px;
	margin-right: 5px;
    /*margin-bottom: 10px;*/
    float: left;
}

.ticket_label_2line, .ticket_label {
	margin:0;
}

.regbox .ticket_label_text {
	padding:0 0 0 0;
}

.regbox .box-bg .text-label {
	float:none;
}

.regbox .box-bg .totamt {
	width:100%;
}

.regbox .box-bg .options li {
	width:120px;
	padding:0 0 10px 0;
}


.regbox .box-bg #fee_box span {
	width:100%;
}

.regbox .box-bg #fee_box .input {
	margin:0 0 10px 25px;
}


#memDuesNote {
	display:block;
	margin:0;
}


#footer-text{
	width:100%;
	text-align:center;
	margin:10px 0;
}

.footer-bar {
	padding:20px 0
}

.footer-bar .btn-verify {
	width:100%;
	text-align:center;
	margin:0 0 20px 0
}

.footer-bar aside {
	width:100%;
	text-align:center;
	padding:0 5px;
}

.footer-bar aside p {
	font-size:12px;
	color:#d1d3d4;
	line-height:16px;
	padding:0 0 5px 0
}

.footer-bar .ssl {
	width:100%;
	text-align:center;
	padding:20px 5px;
	margin:0;
}

.right-panel {
	width: 100%;
	margin:10px 0 0 0
}
}



/* Media Queries - 3 */

@media only screen and (max-width:600px) {
	.regbox .box-bg button {
		font-size:16px;
	}
	
	input.radio:checked ~ label:before {
		padding-top:4%;
	}
	
	.field-1 .don .horiz {
		width:100%;
	}
}


/* Note: Design for a width of 400px */
@media only screen and (max-width: 528px) {

.hide_mobile_smallest {
	display:none;
}

/*.flex-grid {
	display:block;
}*/

.flexpad {
	margin-bottom:15px;
}

.col1, .col2, .col3 {
	margin:0;
}

.included li {
	margin-left: 20px;
}

.ticket_label_2line, .ticket_label {
	font-size:0.875rem;
}

.regbox .box-bg .ticket_label_text {
	line-height:16px;
}

.regbox input[type=text], input[type=number]{
	width:100%;
}

.regbox .cb-with-input-field {
	margin-top:0;
}

.input_will_stretch {
	flex-wrap: wrap-reverse;
}

.ticket_stretch {
	width:100%;
}

.field-1 .selec-txt {
	margin:0;
	width:100%;
}

.regbox .total_label{
	padding:0;
}

.regbox #totaldiv {
	width:100%;
	max-width:100%;
}

#fee_holder .fee_checkbox {
	margin:0;
}

#fee_holder .checkbox-label {
	line-height:16px;
	padding:0;
}

.receipt-table .left {
	width:30%;

}

.panel-container {
    margin: 0 auto;
    max-width: 490px;
    min-height: 200px;
    background-color: transparent;
    margin-bottom: 20px;
    text-align: left;
    padding: 20px;
}

}