/* 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;
	}	
}

@media screen and (min-width: 992px) {
	.right-panel {
		max-width:275px;
	}
	.right-panel-bg {
		max-width:275px;
	}
	
	.show_mobile2 {
		display:none;
	}
	
	.hide_mobile2 {
		display:block;
	}	
}


@media only screen and (min-width: 768px) {
	.show_ipad1 {
		display:block
	}
	
	.hide_ipad1 {
		display:none
	}

	.centerdiv {
		width:100%;
		margin: 0 auto;
	}
	
	
	.field-1 .options {
		justify-content: space-between;
	}
	
	.field-1 .options li:last-of-type {
		margin-right:0;
	}
	
	.field-3 .btn-tribute {
		width:49%;
		margin-right:2%;
	}

	.guestreg-wrapper{
		flex-wrap:nowrap;
	}

} /* end min width 768 */


/* 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;
	}
	
	.container-main {
		padding:0;
	}
	
	.container {
		max-width:100%;
		padding:0;
	}

	.left-panel-bg, .right-panel-bg {
		background:none;
		padding-bottom:0;
	}
	.right-panel-bg {
		padding:0 4%;
	}
	
	.form-block {
		padding:0 4%
	}

	.field-1 .options {
		width:100%;
		margin:0;
		padding:0;
	}
	
	.field-1 .options li {
		width: 48%;
		/*padding:0 0 10px 0;*/
	}
	/*.field-1 .options li:nth-child(odd) {
		padding-right:15px;
	}*/
	
	.otherbtn {
		display:none;
	}
	
	.field-1 .options #fee_holder li {
		width: 100%;
		padding:0 0 10px 0;
	}
	
	.field-1 .options li button{
		width: 100%;
	}
	
	.field-1 .selec-txt span{
		width:60%;
	}

	.field-1 .option-info {
		display: flex;
	    flex-wrap: wrap-reverse;
	    width: 100%;
	}
	
	.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: 5px 0;
		width:100%;
	}
	
	.field-1 .option-info .input2 {
		width:100%;
	}
	
	.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;
		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 .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 .check-info {
		padding:0
	}

	.field-6 {
		padding:0 0 15px 0;
	}
	
	.field-6 h2 {
		margin:0 0 30px 0;
	}
	
	.field-6 ul {
		width:100%;
	}
	
	.field-6 ul li {
		width:100%;
		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%;
	}

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

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

	.regbox input, .regbox select {
		width:100%;
		margin-bottom:5px;
	}
	
	.regbox .input-dollar {
		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;
	}

	.regbox .box-bg .button-label {
		margin-left:0;
		padding-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 .ticket_holder {
		width: 57px;
		min-width:57px;
		margin-right: 5px;
	    /*margin-bottom: 10px;*/
	    float: left;
	}
	
	.ticket_label_2line, .ticket_label {
		margin: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;
	}
	
	/*.guestreg-wrapper [class*='col-'] {
		flex-grow: 1;
	}*/
	
	
	#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 auto;
	}

	.custom-radio-button input[type=radio] + label {
		width:280px;
		line-height:40px;
	}
} /* end max width 768 */



/* Media Queries - 3 */

@media only screen and (max-width:600px) {
	.regbox .box-bg {
		border:none;
	}
	.regbox .box-bg button {
		font-size:16px;
	}
	
	input.radio:checked ~ label:before {
		padding-top:4%;
	}
	
	.field-1 .don .horiz {
		width:100%;
	}
	
	.pledgeoption {
		margin:10px 0 20px 10px;
		font-size: .9em;
	}
	.col-half{
		width:100%;
	}
	.pledgeoption [class*='col-']:last-of-type {
    	padding-right: 5px;
	}
}


@media only screen and (max-width: 576px) {
	
	.hide_mobile_smallest {
		display:none;
	}

	.left-panel {
		padding:0;
	}
	
	.flex-grid {
	    display: flex;
	    flex-wrap:wrap;
	}
	
	.show_err {
		background: #f8cfcd;
	}
	
	.show_err p {
		margin:0;
	}
	
	.field-1 .selec-txt {
		margin:0;
		width:100%;
	}
	
	.field-2 .txt-collapsible, .field-3 .txt-collapsible {
		padding:7px;
	}
	
	.field-2 .txt-collapsible, .field-3 .txt-collapsible {
		align-items: normal;
	}
	
	.field-3 #notifyblock {
		margin:10px 0 0 0;
	}

	.field-5 .flex-grid{		
		margin-bottom:0;
	}
	.field-5 .input, .field-5 .sbHolder, .field-5 .phonetype {
		margin: 0 0 10px 0;
	}
	.field-5 .phonetype {
		font-size:.8em;
		width:70px;
	}
	.field-5 .flex-grid:last-of-type {
		padding: 0;
	}
	.field-5 ul li{
		padding:0;
	}
	.field-5 ul li:last-of-type {
		padding: 0 0 15px 0;
	}
		
	.tabs {
		justify-content: space-around;
	}
	.tabs>div{
		margin-right:0;
		
	}
	
	#guest-container .col2 {
		width:50%;
	}
	
	.col-1-4, .col-2-10, .col-3-10 {
		width:48%;
	}	
	
	.flexpad {
		margin:0 0 15px 0;
	}
	
	
	.input {
		padding:5px 7px;
	}
	
	.included li {
		margin-left: 20px;
	}
	
	.regbox {
		font-size:1rem;
		margin:0;
		padding-bottom: 20px;
		border:none;
	}
	
	.regbox input[type=text]:not(.col-){
		width:100%;
	}

	.regbox .cb-with-input-field {
		margin-top:0;
	}
	
	.input_will_stretch {
		flex-wrap: wrap-reverse;
	}
	
	.ticket_stretch {
		width:100%;
	}
	
	.ticket_label {
		text-align: center;
		justify-content: center;
	}
	
	.ticket_label_2line, .ticket_label {
		font-size:0.9rem;
	}
	
	.ticket_label_2line span {
		max-width:200px;
		padding:0;
	}
	
	.regbox .ticket_label_text {
		line-height:20px;
		width: 100%;
		margin-bottom:5px;
	}
	
	.ticket_holder_pm {
		margin-right:0;
		margin-bottom:20px;
		width:100%;
	}

	/*button.plus, button.minus {
		width:20%;
	}*/
	
	.regbox .total_label{
		padding:0;
	}
	
	.regbox #totaldiv {
		width:100%;
	}
	
	.regbox .donationdiv {
		width:100%;
	}
	
	#fee_holder .checkbox-label {
		line-height:16px;
		padding:0;
	}
	
	.receipt-table .left {
		width:50%;
	
	}
	
	.panel-container {
	    min-height: 200px;
	    background-color: transparent;
	    margin-bottom: 20px;
	    text-align: left;
	    padding: 1%;
	}

	.np-buttons {
		justify-content: center;
		margin-top:20px;
	}
	
	.step-indicator {
		margin-top:20px;
	}


} /* end max width 576 */


@media only screen and (min-width: 400px) and (max-width: 576px){
	#guest-container .col-1-4, .col-2-10, .col-3-10{
		width:48%;
		
	}
	
	#guest-container [class*='col-']:last-of-type {
    	padding-right:0;
	}
}


@media only screen and (max-width: 400px) {
	[class*='col'] {
    	width:100%;
		display:block;
		flex:none;
		padding:0;
	}
	
	[class*='col-'] {
    	width:100%;
		display:block;
		flex:none;
		padding:0;
	}
	
	.field-1 .options li button {
		min-width:90px;
	}
	
	#btn-tribute .input {
		width:100%;
		margin-right:0 !important;
	}
	
	#scode {
		margin-left:0;
	}
}