@media screen and (min-width: 200px) and (max-width: 699px) {
.LoginInfo, .SignUpBg, .LoginBg {
	width: 95%;
}
.Registration_Cat {
	text-align: left;
}
.pgup {
	margin: 10px 10px;
	background: #f5f5f5;
	padding: 10px 10px;
	line-height: 24px;
}
.pgup a
{
	width: 76%;
	text-align: center;
}
.regsection {
	width: 100%;
	padding: 7px 0;
	margin: 5px auto;
}
.onlinereg_form h3 {
	font-size: 19px;
}
.onlinereg_form ul li {
	width: 90%;
	margin: 10px 3%;
	display: block;
}
ul.amountaccom #first {
	float: none;
	width: auto;
}
ul.amountaccom #second {
	float: none;
	width: auto;
	text-align: left;
}
ul.amountaccom .third {
	float: none;
	width: auto;
	text-align: left;
}
.onlinereg_form ul li.gen_label.gen_Cat {
	margin-bottom: 5px;
}
.onlinereg_form input#membership_no {
	width: 90%;
	margin: 5px 10px;
}
.regAmountSelect p {
	line-height: 20px;
}
.whtbg {
	padding: 15px 0;
}
}
 @media screen and (min-width: 200px) and (max-width: 699px) {
.onlinereg_form .sectab1 th, .onlinereg_form .sectab2 th, .Payment th {
	display: none;
}
.onlinereg_form .sectab1 thead, .onlinereg_form .sectab1 tbody, .onlinereg_form .sectab1 td, .onlinereg_form .sectab1 tr, .onlinereg_form .sectab2 thead, .onlinereg_form .sectab2 tbody, .onlinereg_form .sectab2 td, .onlinereg_form .sectab2 tr, .Payment thead, .Payment tbody, .Payment td, .Payment tr {
	display: block;/*padding: 7px;*/
}
/*
.onlinereg_form .sectab1 td:nth-of-type(1):before {
	content: "DATE";
	margin: 2px 0 0;
	display: block;
	background: #f9eef0;
	font-weight: bold;
	padding: 5px;
}
.onlinereg_form .sectab1 td:nth-of-type(2):before {
	content: "CONFERENCE ONLY";
	margin: 2px 0 0;
	display: block;
	background: #f9eef0;
	font-weight: bold;
	padding: 5px;
}
.onlinereg_form .sectab1 td:nth-of-type(3):before {
	content: "CONFERENCE + ACCOMODATION (TWIN SHARING) at Venue";
	margin: 2px 0 0;
	display: block;
	background: #f9eef0;
	font-weight: bold;
	padding: 5px;
}
.onlinereg_form .sectab1 td:nth-of-type(4):before {
	content: "CONFERENCE + ACCOMODATION (SINGLE) at Venue";
	margin: 2px 0 0;
	display: block;
	background: #f9eef0;
	font-weight: bold;
	padding: 5px;
}
.onlinereg_form .sectab1 td:nth-of-type(5):before {
	content: "WORKSHOP #";
	margin: 2px 0 0;
	display: block;
	background: #f9eef0;
	font-weight: bold;
	padding: 5px;
}
.onlinereg_form .sectab1 td:nth-of-type(6):before {
	content: "SATELLITE MEET #";
	margin: 2px 0 0;
	display: block;
	background: #f9eef0;
	font-weight: bold;
	padding: 5px;
}
.onlinereg_form .sectab1 td:nth-of-type(7):before {
	content: "MASTER CLASS ***";
	margin: 2px 0 0;
	display: block;
	background: #f9eef0;
	font-weight: bold;
	padding: 5px;
}

*/
.workleft {
	display: block;
	width: auto;
}
.workright {
	display: block;
	width: auto;
	margin: 15px 0 0;
}
.onlinereg_form table.reg_system tr td.wth22, .onlinereg_form table.reg_system tr td.wth15, .onlinereg_form table.reg_system tr td.wth20, .onlinereg_form table.reg_system tr td.wth67, .onlinereg_form table.reg_system tr td.wth25, .onlinereg_form table.reg_system tr td.wth23 {
	width: auto;
	padding: 5px 10px;
}
.onlinereg_form table.specialinfo tr td p {
	margin-top: 3px;
}
.onlinereg_form table.reg_system tr td {
	padding: 10px;
	margin: auto;
}
.sectab1 {
	margin: auto;
	width: 90%;
	padding: 2%;
}
.accommodation, .accsec1, .regAmountSelect .WorkshopChoose .whtbg, .regAmountSelect .MasterPgm .whtbg {
	width: auto;
	margin: auto;
}
.accsec2 {
	width: auto;
	margin: auto;
	text-align: center;
}
.accsec3 {
	margin: 0;
	width: auto;
}
.onlinereg_form .aoramembers table, .onlinereg_form .pggradreg table, .onlinereg_form .nonaoramembers table, .onlinereg_form .cohost table, .onlinereg_form .internationalreg table {
	width: 100%;
}
.WorkshopChoose select {
	width: 90%;
	margin: auto;
}
.onlinereg_form .accpersons input[type="text"] {
	width: 95%;
}
.Gran_Total_Left, .Gran_Total_Right {
	display: block;
	width: auto;
}
.onlinereg_form .Gran_Total input[type="text"], .onlinereg_form .Gran_Total label {
	width: 80%;
	margin: 0 10px;
}
.onlinereg_form .Gran_Total table tr td {
	display: block;
}
.FinalTotal {
	width: 95%;
}
.onlinereg_form .FinalTotal table tr td {
	display: block;
	padding: 5px;
}
.onlinereg_form .FinalTotal table tr td.finalamount {
	text-align: center;
}
.onlinereg_form .FinalTotal input[type="text"] {
	float: none;
	display: block;
}
.onlinereg_form .FinalTotal table {
	width: 100%;
}
.onlinereg_form ul.PaymentList li {
	display: block;
	border: none;
}
#checkDiv, #bankTransDiv, #bankTransDiv table {
	width: auto;
}
.registration_view {
	width: 95%;
	padding: 5px;
}
.Payment td:nth-of-type(1):before {
	content: "Reg. ID";
	margin: 2px 0 0;
	display: block;
	background: #f9eef0;
	font-weight: bold;
	padding: 5px;
}
.Payment td:nth-of-type(2):before {
	content: "Mode of Payment";
	margin: 2px 0 0;
	display: block;
	background: #f9eef0;
	font-weight: bold;
	padding: 5px;
}
.Payment td:nth-of-type(3):before {
	content: "Amount";
	margin: 2px 0 0;
	display: block;
	background: #f9eef0;
	font-weight: bold;
	padding: 5px;
}
.Payment table {
	width: 80%;
}
.registration_view_bg1 tr {
	font-size: 11px;
}
.registration_view_bg1 table tr td.view_reg_name {
	width: 109px;
}
.registration_view_bg1 table tr td {
	padding: 10px 3px;
}
}
 @media screen and (min-width: 700px) and (max-width: 1023px) {
.onlinereg_form ul li {
	width: 39%;
}
.Gran_Total_Left {
	width: 45%;
}
.Gran_Total_Right {
	width: 45%;
}
.onlinereg_form .Gran_Total label {
	width: 93%;
}
.onlinereg_form .aoramembers table, .onlinereg_form .pggradreg table, .onlinereg_form .nonaoramembers table, .onlinereg_form .cohost table, .onlinereg_form .internationalreg table {
	width: 98%;
}
.regAmountSelect .MasterPgm .whtbg {
	width: 98%;
}
.registration_view {
	width: 75%;
}
.accsec3 {
	width: auto;
	margin: 0 0 0 15px;
}
.whtbg ul li {
	width: auto;
}
.accommodation {
	width: 98%;
}
.pgup a
{
	width: 36%;
}
}
 @media screen and (min-width: 700px) and (max-width: 1106px) {
.workleft {
	display: block;
}
.workright {
	display: block;
	width: 64%;
	margin: 10px 0 0;
}
}
