.pymtform-div{
	color:#fff;
}
.mid_registration table{
	color:#fff;
	width:60%;
	margin:0 auto;
}
.mid_registration table input{
	width:100%;
}
.mid_registration table select{
	min-width:100px;
	padding:5px;
}
.btn_reset{
	float:left;
	width:46% !important;
	margin:0px 10px 0px 0px;
	font-size:16px;
}
.btn_submit{
	float:left;
	width:46% !important;
	margin:0px 10px 0px 0px;
}
.plans{
	width:97% !important;
	float:left;
}
.loginn {
    position: relative;
    float: right;
    right: 19.8%;
    padding: 0px;
    top: 25px;
}
.loginn input{
	padding:5px 10px;
	font-size:16px;
}
@media (min-width:900px){
.bannerr {
    width: 945px;
    margin: 0 auto;
}
}
@media (max-width:767px){
	.table-resposive td{
		display:block !important;
		text-align:center;
	}
	.table-resposive select {
    	width: 100% !important;
}
#tabs table{
	max-width:300px !important;
}
#tabs form fieldset{
	width:300px !important;
}
.logouts{
	font-size:12px;
	color:#fff;
	text-align:center;
}
.welcomes{
	text-align:center;
	color:#fff;
}
.blocks{
	width:100%;
	text-align:center;
}
.plans td, .plans tr{
	display:block;
	
}
.plans td select{
	width:100%;
}
.btn_reset{
	float:left;
	width:80% !important;
	margin:5px auto;
	font-size:16px;
}
.btn_submit{
	float:left;
	width:80% !important;
	margin:5px auto;
	font-size:16px;
}
.loginn input {
    float: none;
    font-size: 15px;
    margin: 11px auto;
    padding: 6px 10px;
    text-align: center;
    width: 69px;
}
.loginn {
    float: none;
    margin: 0 auto;
    padding: 0;
    position: static;
    right: 19.8%;
    text-align: center;
    top: 25px;
}
}
/*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	.response-table{
		width:90%;
	}
		/* Force table to not be like tables anymore */
		.response-table table, .response-table thead,.response-table tbody, .response-table th, .response-table td, .response-table tr {
			display: block;
		
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		.response-table thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		.response-table tr { border: 1px solid #ccc; }

		.response-table td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		.response-table td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
		*/
		.response-table td:nth-of-type(1):before { content: "Child Name"; }
		.response-table td:nth-of-type(2):before { content: "Plan Detail"; }
		.response-table td:nth-of-type(3):before { content: "Tuition Fee per week"; }
		.response-table td:nth-of-type(4):before { content: "Number of months"; }
		.response-table td:nth-of-type(5):before { content: "Number of weeks"; }
		.response-table td:nth-of-type(6):before { content: "Registration Fee"; }
		.response-table td:nth-of-type(7):before { content: "Total Amount per child"; }

	}

	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		body {
			padding: 0;
			margin: 0;
			width: 320px; }
		}

	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body {
			width: 495px;
		}
	}
	
	.custm50{
		float:left;
		width:45%;
	}
	.labl-name{
		width:170px;
		float:left;
		white-space: pre-line;
	}
	#couponcode{
		float:left;
		margin-right:15px;
	}
	@media (max-width:767px){
		.custm50{
		float:left;
		width:100%;
	}
	.labl-name {
    float: left;
    white-space: pre-line;
    width: 112px;
    word-wrap: break-word;
}
.custm25{
	width:10%;
	float:left;
	margin-left:1px;
	}
.custminpurt{
	width:50%;
	float:left;
	margin-left:1px !important;
	
	}
#couponcode {
    float: left;
    margin-right:1px;
}
.custmselect {
    float: left;
    height: 30px;
    margin-left: 1px;
    margin-right: 6px;
    margin-top: 9px;
    width: 26%;
}
.veryfy{
	width:50%;
	margin:10px auto;
}
.text-center{
	text-align:center;
}
}