.application{
		display: block;
		width: 100%;
		max-width: 900px;
		border:#c4c4c4 1px solid;
		border-radius: 10px;
		padding:20px;
	}
	.application-left-column{
		width: 50%;
	}
	.application-right-column-field{
		width: 100%;
		margin-bottom: 5px; 
		padding: 10px 0 10px 0;
		font-size: 15px;
	}
	.application-title-td{
		padding:0em 0 0em 0;
	}
	.application-title{
		font-size: 30px;
	}
	.application-checkbox-td{
		height:40px;
	}
	.additional-information-title-td{
		padding:2em 0 0em 0;
	}
	.survey-title-td{
		padding:2em 0 0em 0;
	}
	.survey-column-dropdown{
		width: 100%;
		height: 30px;
		margin-bottom: 5px;
		font-size: 15px;
		border:#c4c4c4 1px solid;
	}
	.survey-checkbox-title{
		padding:1em 0 0em 0;
	}
	.survey-checkboxs{
		display: inline; 
		margin: 0 15px 0 0; 
		padding: 0; 
		line-height: 15px; 
		height: 15px; 
		width: 15px;
	}
	.survey-text-area{
		width: 100%;
		font-size: 15px;
	}
	.application-button{
                cursor:pointer;
		width: 100%;
		height: 40px;
		font-size: 15px;
		padding:0; 
		margin:0;
		background-color:#08abff;
	}
@media screen and (max-width: 650px) {
        .application-title{
		font-size: 22px;
                margin-top: 10px;
	}
	.application-left-column{
		width:150px;
	}
        .field-names{
         line-height: 19px;
         vertical-align:middle;
        }
        .survey-column-dropdown{
		width: 100%;
		height: 44px;
		margin-bottom: 5px;
		font-size: 15px;
		border:#c4c4c4 1px solid;
	}
}
@media screen and (max-width: 350px) {
        .application{
		padding:10px;
	}
	.application-left-column{
	width:100px;
	}
        .field-names{
         line-height: 30px;
         vertical-align:middle;
        }
        .survey-column-dropdown{
		width: 100%;
		height: 44px;
		margin-bottom: 5px;
		font-size: 15px;
		border:#c4c4c4 1px solid;
	}
table, td, tbody, tr{
                    display: block;
                    width:100%;
                    padding:0;
                    clear:both;
            }
            td {
                    /* Behave  like a "row" */
                    position: relative !important;
            }
.application-title{
		font-size: 20px;
                margin-top: 10px;
	}
}
	.application-button{
		width: 100%;
		height: 40px;
		font-size: 15px;
		padding:0; 
		margin:0;
		background-color:#08abff;
	}

.membership-payment-options{
display:table;
border:#000 0px solid;
width: 100%;
padding:20px;
}
.tr-border{
border-bottom:#00b4f3 1px solid;
}
.membership-payment-options-td-left{
width:800px;
padding:20px 0 40px 0;
margin:0;
border:#000 0px solid;
vertical-align:top;
}
.membership-payment-options-td-left p{
vertical-align:top;
margin:0;
padding:0;
}
.membership-payment-options-td-right{
padding:0 0 0px 0;
margin:0;
border:#000 0px solid;
vertical-align:middle;
}
.membership-payment-options-td-right button{
 white-space:nowrap;
 cursor:pointer;
 font-size: 16px;
 font-weight:normal;
 padding:10px 20px 10px 20px;
 background: #0073ea; /* Old browsers */
 background: -moz-linear-gradient(top, #0073ea 0%, #014bce 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #0073ea 0%,#014bce 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #0073ea 0%,#014bce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073ea', endColorstr='#014bce',GradientType=0 ); /* IE6-9 */
}
.membership-payment-options-td-right button:hover{
 background-color: #fff;
}
.membership-payment-options-p1{
display:block;
font-size: 25px;
line-height:30px;
padding:0px 0 0px 0;
margin:0 0 0px 0;
}
.membership-payment-options-p2{
display:inline;
font-size: 18px;
line-height:30px;
padding:0 0 10px 0;
margin:0;
}
.membership-payment-options-p3{
display:inline;
font-size: 18px;
line-height:30px;
padding:10px 0 10px 0;
margin:0;
}
.membership-icons{
display:inline-block;
 width:80px;
 float:left;
 margin:-7px 20px 0 0;
 vertical-align:top;
}
.membership-small-icons1{
 display:inline;
 width:25px;
 margin:0px 10px 0 0;
 vertical-align:-5px;
}
.membership-small-icons2{
 display:inline;
 width:25px;
 margin:0px 10px 0 25px;
 vertical-align:-5px;
}
@media screen and (max-width: 1200px) {
.membership-payment-options-td-left{
width:500px;
padding:20px 0 40px 0;
margin:0;
border:#000 0px solid;
vertical-align:top;
}
.membership-icons{
display:inline-block;
 width:80px;
 float:left;
 margin:8px 20px 0 0;
 vertical-align:top;
}
.membership-payment-options-p1{
display:block;
font-size: 20px;
line-height:30px;
padding:0px 0 0px 0;
margin:0 0 0px 0;
}
.membership-payment-options-p2{
display:block;
font-size: 18px;
line-height:30px;
padding:0 0 10px 0;
margin:0;
}
.membership-payment-options-p3{
display:block;
font-size: 18px;
line-height:30px;
padding:0px 0 10px 0;
margin:0;
}
.membership-small-icons2{
 display:inline;
 width:25px;
 margin:0px 10px 0 0px;
 vertical-align:-5px;
}
}
@media screen and (max-width: 850px) {
.membership-payment-options-td-left{
width:430px;
padding:20px 0 40px 0;
margin:0;
border:#000 0px solid;
vertical-align:top;
}
.membership-payment-options-p1{
display:block;
font-size: 17px;
line-height:25px;
padding:0px 0 0px 0;
margin:0 0 0px 0;
}
.membership-payment-options-p2{
display:block;
font-size: 15px;
line-height:22px;
padding:0 0 10px 0;
margin:0;
}
.membership-payment-options-p3{
display:block;
font-size: 15px;
line-height:22px;
padding:0px 0 10px 0;
margin:0;
}
.membership-icons{
display:inline-block;
 width:40px;
 float:left;
 margin:8px 20px 0 0;
 vertical-align:top;
}
.membership-small-icons1{
 display:inline;
 width:18px;
 margin:0px 10px 0 0;
 vertical-align:-5px;
}
.membership-small-icons2{
 display:inline;
 width:18px;
 margin:0px 10px 0 0px;
 vertical-align:-5px;
}
.membership-payment-options-td-right button{
 cursor:pointer;
 font-size: 15px;
 font-weight:normal;
 padding:10px 15px 10px 15px;
}
}
@media screen and (max-width: 650px) {
tr.gz-cal-rows-weekday {
  display:table-row;
}
table, td, tbody, tr{
                    display: auto;
                    width:100%;
                    padding:0;
                    clear:both;
            }
.membership-payment-options-td-left{
width:100%;
padding:20px 0 0px 0;
margin:0;
border:#000 0px solid;
vertical-align:top;
}
.membership-payment-options-p1{
display:block;
font-size: 16px;
line-height:22px;
padding:0px 0 0px 0;
margin:0 0 0px 0;
}
.membership-payment-options-p2{
display:block;
font-size: 15px;
line-height:22px;
padding:0 0 10px 0;
margin:0;
}
.membership-payment-options-p3{
display:block;
font-size: 15px;
line-height:22px;
padding:0px 0 10px 0;
margin:0;
}
.membership-icons{
display:inline-block;
 width:40px;
 float:left;
 margin:3px 10px 60px 0;
 vertical-align:top;
}
.membership-small-icons1{
 display:inline;
 width:18px;
 margin:0px 10px 0 0;
 vertical-align:-5px;
}
.membership-small-icons2{
 display:inline;
 width:18px;
 margin:0px 10px 0 0px;
 vertical-align:-5px;
}
.membership-payment-options-td-right button{
 cursor:pointer;
 font-size: 15px;
 font-weight:normal;
 padding:10px 15px 10px 15px;
}
}