/*
*
* Iphone
* @media (max-width: 767px) { ... }
*
* Ipad
* @media (min-width:768px) and (max-width: 979px) { ... }
*
* Ipad and Laptop
* @media (min-width: 980px) and (max-width: 1139px) { ... }
*
* @media (min-width: 1140px) and (max-width: 1279px){ ... }
*
* @media (min-width: 1280px) and (max-width: 1439px){ ... }
*
* Laptop and Desktop
* @media (min-width: 1440px) { ... }
*
* Large desktop
* @media (min-width: 1920px) { ... }
*
*/

@media (max-width: 767px) {

	#registration-section form {
		width: auto;
	}

	/******** START - REGISTRATION DEFAULT *********/

	#registration-section form .controls input {
		width: 265px;
	}

	#registration-section .span6:nth-child(1) {
		border: none;
		padding: 25px 10px 15px !important;
		max-width: 360px;
		margin: 0 auto 8px;
		border-bottom: 1px solid #999999;
	}

	.registration-default .default-form-registration .option p {
		width: auto;
		margin: 0 0 0 39px;
	}

	#registration-section .light-blue-button {
		width: 280px;
		margin: 10px 0 40px 0;
	}

	#registration-section .span6:nth-child(2) {
		padding: 0 10px;
		max-width: 360px;
		margin: 0 auto;
	}

	/********* END - REGISTRATION DEFAULT *********/

    /********** DEGIN - REGISTRATION STUDENT SCREEN 2 ***********/

	#registration-section.registration-student-screen2 .error-message {
		height: initial;
		width: initial;
		margin: 0;
		position: initial;
	}

	#registration-section .error-message > span {
		position: inherit;
	}
    /********** END - REGISTRATION STUDENT SCREEN 2 ***********/

	/********** DEGIN - REGISTRATION STUDENT SCREEN 2 ***********/

	#registration-section .error-message {
		margin-bottom: 0;
		height: auto;
		position: inherit;
	}

	#registration-section #age.controls input {
		width: 62px !important;
	}

	/********** END - REGISTRATION STUDENT SCREEN 2 ***********/

	/********** BEGIN - REGISTRATION EDUCATOR SCREEN 2 ***********/

	#registration-section.registration-educator-screen3 .span6:nth-child(1) {
		padding-bottom: 0;
	}

	.registration-educator-screen3 select, .registration-parent-screen3 select {
		width: 283px;
	}

	/********** END - REGISTRATION EDUCATOR SCREEN 2 ***********/

	#registration-section.registration-educator-screen2 .controls label {
		width: 257px;
	}

	#registration-section.registration-educator-screen3 .light-blue-button {
		margin-bottom: 10px;
	}

	#registration-section.registration-educator-screen3 .controls label {
		width: 255px;
	}

	#registration-section.registration-educator-screen3 .terms-of-service {
		display: inline-block;
		width: 250px;
	}

}

@media (min-width:768px) and (max-width: 979px) {

	#registration-section .span6:nth-child(1) {
		width: 300px;
		padding-bottom: 65px;
	}

	#registration-section .span6:nth-child(2) {
		width: 300px;
	}

	.registration-default .default-form-registration .option p {
		width: auto;
	}

	#registration-section .light-blue-button {
		margin: 10px 0 35px;
		width: auto;
	}

	#registration-section form {
		width: auto;
	}

	#registration-section form .controls input {
		width: 282px;
	}

	#registration-section.error-message {
		height: inherit;
		margin: 0;
		position: inherit;
	}

	#registration-section .error-message > span {
		position: inherit;
	}

	#registration-section #age.controls input {
		width: 79px !important;
	}

	#registration-section .error-message {
		margin-bottom: 0;
		height: auto;
		position: inherit;
	}

	#registration-section.registration-student-screen3 .span6:nth-child(1) {
		padding-bottom: 137px;
	}

	.registration-educator-screen3 select,
	.registration-parent-screen3 select {
		width: 300px;
	}

	#registration-section.registration-educator-screen3 .controls label,
	#registration-section.registration-parent-screen2 .controls label,
	#registration-section.registration-parent-screen3 .controls label {
		width: 255px;
	}


	#registration-section.registration-educator-screen3 .light-blue-button {
		margin: 0;
	}

	#registration-section.registration-parent-screen3 .light-blue-button {
		margin: 10px 0;
	}

	#registration-section.registration-educator-screen3 .span6:nth-child(1) {
		padding-bottom: 335px;
	}

	#registration-section.registration-educator-screen3 .option,
	#registration-section.registration-parent-screen3 .option {
		margin: 0 10px 15px 0;
	}

}