@media screen and (min-width: 0px) and (max-width: 320px) {
  
  /* REGISTRATION FORM STARTS HERE */

	.boxed-no-border{
    display:block;
	overflow:hidden;
	width:100%;
	padding:0;
    margin:auto;}

	.boxed{
	border-radius: 8px;
	display:block;
	overflow:hidden;
	margin:0 30px 0 30px;
    box-sizing:border-box;}

	
	.padded-box{
	display:block;
	padding: 40px;
	border-radius: 8px;
	border: 1px solid #FFF;
    border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;}

	.padded-box-50{
    width:50%;
    margin:auto;
    display:block;
    padding: 40px;
	border-radius: 8px;
	background:#F9F9F9;
	overflow: hidden;
	box-sizing: border-box;}

	.padded-box-flat{
	display:block;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;}

	.padded-box-10{
	display:block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
	overflow: hidden;}

	.regForm-container {
    display:block;
	overflow:hidden;
	width: 100%;
	background:#012933;
	border-radius: 8px;
    margin: 0 0 30px 0;}

	.regForm-container h2 {
		font-family: "Work Sans",sans-serif;		
		text-align: center;
		font-size: 16px;
		font-weight: 400;
		color: #00CCFF;
		display: block;
		margin: 20px 0 0 0;}

	#regForm {
	background: transparent linear-gradient(290deg,#1a9646 0,#0f50a0 100%) 0 0 no-repeat padding-box;
	font-family: "Work Sans",sans-serif;		
	display: block;
	overflow: hidden;}

	#regForm .link{
	font-family: "Work Sans",sans-serif;		
    color:#FFF;
    padding:0 0 20px 0;
    text-align: center;
	font-size:12px;}

	#regForm .link a{
    color: #FFF;
    text-decoration: underline;}

	#regForm .link a:hover{
    color: #FFF;
    text-decoration: underline;}

	#activatePlan {
    font-family: "Work Sans",sans-serif;		
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;}    
	
	#regForm img{		
	display:block;
	width:15%;
	padding: 16px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius: 100px;}

	#activatePlan h2{
	font-family: "Work Sans",sans-serif;		
	text-align: center;
	margin: 40px 0 20px 0;
	font-size: 25px;
	font-weight: 300;
	color: #FFF;}

	#regForm h3,  #activatePlan h3 {
	font-family: "Work Sans",sans-serif;		
	letter-spacing: 1px;
	text-align: left;
	font-size: 14px;
	color: #FFF;
	display: block;
	margin: 0;}

	#regForm h3 span,  #activatePlan h3 span{
	font-family: "Work Sans",sans-serif;		
	font-weight: 300;
	text-align: left;
	font-size: 14px;
	color: #FFF;
	float:right;
	font-style:italic;}


	#regForm input[type="text"], #regForm input[type="date"], #regForm input[type="email"], #regForm input[type="tel"], #regForm input[type="password"],  #regForm select, #activatePlan input[type="text"], #activatePlan input[type="number"], #activatePlan select {
  font-family: "Work Sans",sans-serif;		
	border: none;
	display: inline-block;
	box-sizing: border-box;
	margin: 10px 0 0 0;
	padding: 12px;
	width: 100%;
	border-radius: 8px;
	font-size: 12px;
	letter-spacing: 0.2px;
	background-color: #FFF;
	color: #CCC;}


	#activatePlan button[type="submit"]{
  font-family: "Work Sans",sans-serif;		
	background-color: #FFF;
	color: #CCC;
	display: inline-block;
	box-sizing: border-box;
	margin: 10px 0 0 0;
	padding: 12px;
	width: 100%;
	border-radius:8px;
	font-size: 14px;}


	/* Mark input boxes that gets an error on validation: */
	input.invalid {
	background-color: #83CCE3}

	/* Hide all steps by default: */
	.tab {
	display: none;}

	.tab p {
    font-size: 12px;
    color: #FFF;
    font-family: "Work Sans",sans-serif;		
    margin-top: 20px;
    text-align:center; }


	button {  
	font-family: "Work Sans",sans-serif;		
	color: #FFF;
	text-align: center;
	float:left;
	letter-spacing: 1px;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration: none;
	width: 100%;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	padding: 15px 20px;
	cursor: pointer;
	transition: .5s ease;}

	button:hover {
	background: #000;}

	#prevBtn {
	border: none;
	cursor: pointer;
	color: #FFF;
	background: #39A761;
	width: 90%;
	border-radius: 8px;
	float: left;
	margin: 0 10% 0 0 ;
	text-transform: uppercase;
	font-family: "Work Sans",sans-serif;		
	font-size: 12px;
	text-decoration: none;
	padding: 12px 0;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	transition: .5s ease;}

	#prevBtn:hover {
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	background: #05121D;}
	
	#nextBtn {
	width: 90%;
	float: right;	
  margin: 0 0 10% 30px;	
	text-transform: uppercase;
	/*border: solid #103C5E 1px;*/
	font-family: "Work Sans",sans-serif;		
	font-size: 12px;
	background-color: #0F50A0;
	text-decoration: none;
	padding: 12px 0;
	letter-spacing: 1px;
	color: #FFFFFF;
	border-radius: 8px;
	text-align: center;
	display: block;
	transition: .5s ease;}
	
	#nextBtn:hover {
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;}

	/* Make circles that indicate the steps of the form: */
	.step {
	height: 15px;
	width: 15px;
	background-color: #FFF;
	border: none;
	border-radius: 50%;
	display: inline-block;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;}

	.step.active {
  background-color:#FFF;}


	.step.active::after {
    content: '';
    font-family: "Work Sans",sans-serif;		}


	/* Mark the steps that are finished and valid: */
	.step.finish {
	background-color: #82704A;}

	/* REGISTARTION FORM ENDS HERE */     
}




@media screen and (min-width: 321px) and (max-width: 520px) {
  
  /* REGISTRATION FORM STARTS HERE */

	.boxed-no-border{
  display:block;
	overflow:hidden;
	width:100%;
	padding:0;
  margin:auto;}

	.boxed{
	border-radius: 8px;
	display:block;
	overflow:hidden;
	margin:0 30px 0 30px;
  box-sizing:border-box;}

	
	.padded-box{
	display:block;
	padding: 40px;
	border-radius: 8px;
	border: 1px solid #FFF;
  border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;}

	.padded-box-50{
  width:50%;
  margin:auto;
  display:block;
  padding: 40px;
	border-radius: 8px;
	background:#F9F9F9;
	overflow: hidden;
	box-sizing: border-box;}

	.padded-box-flat{
	display:block;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;}

	.padded-box-10{
	display:block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
	overflow: hidden;}

	.regForm-container {
  	display:block;
	overflow:hidden;
	width: 100%;
	background: transparent linear-gradient(290deg,#1a9646 0,#0f50a0 100%) 0 0 no-repeat padding-box;
	border-radius: 8px;
  	margin: 50px 0 30px 0;}

	.regForm-container h2 {
	font-family: "Work Sans",sans-serif;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #00CCFF;
	display: block;
	margin: 20px 0 0 0;}

	#regForm {
	background: transparent linear-gradient(290deg,#1a9646 0,#0f50a0 100%) 0 0 no-repeat padding-box;
	font-family: "Work Sans",sans-serif;		
	display: block;
	overflow: hidden;}

	#regForm label {
	font-family: "Work Sans",sans-serif;
	text-align: left;
	font-size: 14px;
	color: #FFF;
	display: block;
	margin: 15px 0 0 0;}

	#regForm .link{
	font-family: "Work Sans",sans-serif;		
  color:#FFF;
  padding:0 0 20px 0;
  text-align: center;
	font-size:12px;}

	#regForm .link a{
  color: #FFF;
  text-decoration: underline;}

	#regForm .link a:hover{
  color: #FFF;
  text-decoration: underline;}

	#activatePlan {
  font-family: "Work Sans",sans-serif;		
  display: block;
  overflow: hidden;
  margin: 0 0 20px 0;}    

	#regForm img{		
	display:block;
	width:15%;
	padding: 16px;
	background-color: #034859;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius: 100px;}

	#activatePlan h2{
	font-family: "Work Sans",sans-serif;		
	text-align: center;
	margin: 40px 0 20px 0;
	font-size: 25px;
	font-weight: 300;
	color: #FFF;}

	#regForm h3{
	font-family: "Work Sans",sans-serif;		
	letter-spacing: 1px;
	text-align: left;
	font-size: 14px;
	color: #FFF;
	display: block;
	margin: 20px 0;}

	#activatePlan h3 {
		font-family: "Work Sans",sans-serif;		
		letter-spacing: 1px;
		text-align: left;
		font-size: 14px;
		color: #FFF;
		display: block;
		margin: 0;}

	#regForm h3 span,  #activatePlan h3 span{
	font-family: "Work Sans",sans-serif;		
	font-weight: 300;
	text-align: left;
	font-size: 14px;
	color: #666666;
	float:right;
	font-style:italic;}


	#regForm input[type="text"], #regForm input[type="date"], #regForm input[type="email"], #regForm input[type="tel"], #regForm input[type="password"],  #regForm select, #activatePlan input[type="text"], #activatePlan input[type="number"], #activatePlan select {
  font-family: "Work Sans",sans-serif;		
	border: none;
	display: inline-block;
	box-sizing: border-box;
	margin: 10px 0 0 0;
	padding: 12px;
	width: 100%;
	border-radius: 8px;
	font-size: 12px;
	letter-spacing: 0.2px;
	background-color: #FFF;}


	#activatePlan button[type="submit"]{
  font-family: "Work Sans",sans-serif;		
	border: solid 1px #FFF;
	display: inline-block;
	box-sizing: border-box;
	margin: 10px 0 0 0;
	padding: 12px;
	width: 100%;
	border-radius:8px;
	font-size: 14px;}


	/* Mark input boxes that gets an error on validation: */
	input.invalid {
	background-color: #83CCE3}

	/* Hide all steps by default: */
	.tab {
	display: none;}

	.tab p, .tab p a {
    font-size: 12px;
    color: #FFF;
    font-family: "Work Sans",sans-serif;		
    margin-top: 20px;
    text-align:center; }


	button {  
	font-family: "Work Sans",sans-serif;		
	color: #FFF;
	text-align: center;
	float:left;
	letter-spacing: 1px;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration: none;
	width: 100%;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	padding: 15px 20px;
	cursor: pointer;
	transition: .5s ease;}

	button:hover {
	background: #000;}

	#prevBtn {
	border: none;
	cursor: pointer;
	color: #FFF;
	background: #034859;
	width: 110px;
	border-radius: 8px;
	float: left;
	margin: 0 30px 0 0 ;
	text-transform: uppercase;
	font-family: "Work Sans",sans-serif;		
	font-weight: 600;
	font-size: 12px;
	text-decoration: none;
	padding: 12px 0;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	transition: .5s ease;}

	#prevBtn:hover {
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	background: #05121D;}
	
	#nextBtn {
	width: 90%;
	float: right;	
  margin: 0 0 10% 30px;	
	text-transform: uppercase;
	/*border: solid #103C5E 1px;*/
	font-family: "Work Sans",sans-serif;		
	font-size: 12px;
	background-color: #103C5E;
	text-decoration: none;
	padding: 12px 0;
	letter-spacing: 1px;
	color: #FFFFFF;
	border-radius: 8px;
	text-align: center;
	display: block;
	transition: .5s ease;}
	
	#nextBtn:hover {
	background: #05121D;
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;}

	/* Make circles that indicate the steps of the form: */
	.step {
	height: 15px;
	width: 15px;
	background-color: #FFF;
	border: none;
	border-radius: 50%;
	display: inline-block;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;}

	.step.active {
  	background-color:#FFF;}


	.step.active::after {
    content: '';
    font-family: "Work Sans",sans-serif;		}


	/* Mark the steps that are finished and valid: */
	.step.finish {
	background-color: #82704A;}

	/* REGISTARTION FORM ENDS HERE */     
}




@media screen and (min-width: 521px) and (max-width: 768px) {
  
  /* REGISTRATION FORM STARTS HERE */

	.boxed-no-border{
    display:block;
	overflow:hidden;
	width:100%;
	padding:0;
    margin:auto;}

	.boxed{
	width: 70%;
	border-radius: 8px;
	display:block;
	overflow:hidden;
	margin:0 auto 0 auto;
  box-sizing:border-box;}

	
	.padded-box{
	display:block;
	padding: 40px;
	border-radius: 8px;
	border: 1px solid #FFF;
    border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;}

	.padded-box-50{
    width:50%;
    margin:auto;
    display:block;
    padding: 40px;
	border-radius: 8px;
	background:#F9F9F9;
	overflow: hidden;
	box-sizing: border-box;}

	.padded-box-flat{
	display:block;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;}

	.padded-box-10{
	display:block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
	overflow: hidden;}

	.regForm-container {
  	display:block;
	overflow:hidden;
	width: 70%;
	background:#012933;
	border-radius: 8px;
  	margin: 0 auto 30px auto;}

  .regForm-container h2 {
	font-family: "Work Sans",sans-serif;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #00CCFF;
	display: block;
	margin: 20px 0 0 0;}

	#regForm {
	background: transparent linear-gradient(290deg,#1a9646 0,#0f50a0 100%) 0 0 no-repeat padding-box;
	font-family: "Work Sans",sans-serif;		
	display: block;
	overflow: hidden;}

	#regForm .link{
	font-family: "Work Sans",sans-serif;		
    color:#FFF;
    padding:0 0 20px 0;
    text-align: center;
	font-size:12px;}

	#regForm .link a{
    color: #FFF;
    text-decoration: underline;}

	#regForm .link a:hover{
    color: #FFF;
    text-decoration: underline;}

	#activatePlan {
    font-family: "Work Sans",sans-serif;		
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;}    
	
	#regForm img{		
	display:block;
	width:15%;
	padding: 16px;
	background-color: #034859;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius: 100px;}

	#activatePlan h2{
	font-family: "Work Sans",sans-serif;		
	text-align: center;
	margin: 40px 0 20px 0;
	font-size: 25px;
	font-weight: 300;
	color: #FFF;}

	#regForm h3,  #activatePlan h3 {
	font-family: "Work Sans",sans-serif;		
	letter-spacing: 1px;
	text-align: left;
	font-size: 14px;
	color: #FFF;
	display: block;
	margin: 0;}

	#regForm h3 span,  #activatePlan h3 span{
	font-family: "Work Sans",sans-serif;		
	font-weight: 300;
	text-align: left;
	font-size: 14px;
	color: #BBB;
	float:right;
	font-style:italic;}


	#regForm input[type="text"], #regForm input[type="date"], #regForm input[type="email"], #regForm input[type="tel"], #regForm input[type="password"],  #regForm select, #activatePlan input[type="text"], #activatePlan input[type="number"], #activatePlan select {
    font-family: "Work Sans",sans-serif;		
	border: none;
	display: inline-block;
	box-sizing: border-box;
	margin: 10px 0 0 0;
	padding: 12px;
	width: 100%;
	border-radius: 8px;
	font-size: 12px;
	letter-spacing: 0.2px;}


	#activatePlan button[type="submit"]{
    font-family: "Work Sans",sans-serif;		
	border: solid 1px #FFF;
	display: inline-block;
	box-sizing: border-box;
	margin: 10px 0 0 0;
	padding: 12px;
	width: 100%;
	border-radius:8px;
	font-size: 14px;}


	/* Mark input boxes that gets an error on validation: */
	input.invalid {
	background-color: #83CCE3}

	/* Hide all steps by default: */
	.tab {
	display: none;}

	.tab p {
    font-size: 12px;
    color: #FFF;
    font-family: "Work Sans",sans-serif;		
    margin-top: 20px;
    text-align:center; }


	button {  
	font-family: "Work Sans",sans-serif;		
	color: #FFF;
	text-align: center;
	float:left;
	letter-spacing: 1px;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration: none;
	width: 100%;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	padding: 15px 20px;
	cursor: pointer;
	transition: .5s ease;}

	button:hover {
	background: #000;}

	#prevBtn {
	border: none;
	cursor: pointer;
	color: #FFF;
	background: #034859;
	width: 110px;
	border-radius: 8px;
	float: left;
	margin: 0 30px 0 0 ;
	text-transform: uppercase;
	font-family: "Work Sans",sans-serif;		
	font-weight: 600;
	font-size: 12px;
	text-decoration: none;
	padding: 12px 0;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	transition: .5s ease;}

	#prevBtn:hover {
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	background: #05121D;}
	
	#nextBtn {
	width: 90%;
	float: right;	
  margin: 0 0 10% 30px;	
	text-transform: uppercase;
	/*border: solid #103C5E 1px;*/
	font-family: "Work Sans",sans-serif;		
	font-size: 12px;
	background-color: #103C5E;
	text-decoration: none;
	padding: 12px 0;
	letter-spacing: 1px;
	color: #FFFFFF;
	border-radius: 8px;
	text-align: center;
	display: block;
	transition: .5s ease;}
	
	#nextBtn:hover {
	background: #05121D;
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;}

	/* Make circles that indicate the steps of the form: */
	.step {
	height: 15px;
	width: 15px;
	background-color: #FFF;
	border: none;
	border-radius: 50%;
	display: inline-block;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;}

	.step.active {
  	background-color:#FFF;}


	.step.active::after {
    content: '';
    font-family: "Work Sans",sans-serif;		}


	/* Mark the steps that are finished and valid: */
	.step.finish {
	background-color: #82704A;}

	/* REGISTARTION FORM ENDS HERE */     
}





@media (min-width: 769px) and (max-width: 991px) {

	/* REGISTRATION FORM STARTS HERE */

.boxed-no-border{
    display:block;
	overflow:hidden;
	width:100%;
	padding:0;
    margin:auto;}

.boxed{
	border-radius: 8px;
	display:block;
	overflow:hidden;
	margin:0 30px 0 30px;
    box-sizing:border-box;}

.padded-box{
	display:block;
	padding: 40px;
	border-radius: 8px;
	border: 1px solid #FFF;
    border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;}

.padded-box-50{
    width:50%;
    margin:auto;
    display:block;
    padding: 40px;
	border-radius: 8px;
	background:#F9F9F9;
	overflow: hidden;
	box-sizing: border-box;}

.padded-box-flat{
	display:block;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;}

.padded-box-10{
	display:block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
	overflow: hidden;}

.regForm-container {
    display:block;
	overflow:hidden;
	width: 70%;
	margin: 20px auto 40px auto;
	background:#012933;
	border-radius: 8px;}

.regForm-container h2 {
	font-family: "Work Sans",sans-serif;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	color: #00CCFF;
	display: block;
	margin: 30px 0 0 0;}

#regForm {
	background: transparent linear-gradient(290deg,#1a9646 0,#0f50a0 100%) 0 0 no-repeat padding-box;
	font-family: "Work Sans",sans-serif;		
	display: block;
	overflow: hidden;
  padding:0 0 20px 0;}

#regForm .link{
	font-family: "Work Sans",sans-serif;		
    color:#FFF;
    margin: 20px 0 40px 0;
    text-align: center;
	font-size:12px;
	letter-spacing: 0.5px;}

#regForm .link a{
    color: #FFF;
    text-decoration: underline;}

#regForm .link a:hover{
    color: #FFF;
    text-decoration: underline;}

#activatePlan {
    font-family: "Work Sans",sans-serif;		
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;}
    
	
#regForm img{		
	display:block;
	width:15%;
	padding: 16px;
	background-color: #034859;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius: 100px;}

#activatePlan h2{
	font-family: "Work Sans",sans-serif;		
	text-align: center;
	margin: 40px 0 20px 0;
	font-size: 25px;
	font-weight: 300;
	color: #FFF;}

#regForm h3,  #activatePlan h3 {
	font-family: "Work Sans",sans-serif;		
	letter-spacing: 1px;
	text-align: left;
	font-size: 14px;
	color: #FFF;
	display: block;
	margin: 0;}

#regForm h3 span,  #activatePlan h3 span{
	font-family: "Work Sans",sans-serif;		
	font-weight: 300;
	text-align: left;
	font-size: 14px;
	color: #BBB;
	float:right;
	font-style:italic;
	}


#regForm input[type="text"], #regForm input[type="date"], #regForm input[type="email"], #regForm input[type="tel"], #regForm input[type="password"],  #regForm select, #activatePlan input[type="text"], #activatePlan input[type="number"], #activatePlan select {
    font-family: "Work Sans",sans-serif;		
	border: none;
	display: inline-block;
	box-sizing: border-box;
	margin: 20px 0 0 0;
	padding: 15px;
	width: 100%;
	border-radius: 50px;
	font-size: 13.3px;
	letter-spacing: 0.5px;}


#activatePlan button[type="submit"]{
    font-family: "Work Sans",sans-serif;		
	border: solid 1px #FFF;
	display: inline-block;
	box-sizing: border-box;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 15px;
	width: 100%;
	border-radius: 8px;
	font-size: 16px;}


/* Mark input boxes that gets an error on validation: */
input.invalid {
	background-color: #83CCE3}

/* Hide all steps by default: */
.tab {
	display: none;}

.tab p {
    font-size: 14px;
    font-family: "Work Sans",sans-serif;		
    margin-top: 20px;
    text-align:center; }


button {  
	font-family: "Work Sans",sans-serif;		
	color: #FFF;
	text-align: center;
	float:left;
	letter-spacing: 1px;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration: none;
	width: 100%;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	padding: 15px 20px;
	cursor: pointer;
	transition: .5s ease;}

button:hover {
	background: #000;}

#prevBtn {
	border: none;
	cursor: pointer;
	color: #FFF;
	background: #034859;
	width: 110px;
	border-radius: 8px;
	float: left;
	margin: 0 0 0 30px;
	text-transform: uppercase;
	font-family: "Work Sans",sans-serif;		
	font-weight: 600;
	font-size: 12px;
	text-decoration: none;
	padding: 12px 0;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	transition: .5s ease;}

#prevBtn:hover {
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	background: #05121D;}
	
#nextBtn {
	width: 90%;
	float: right;	
  margin: 0 10% 0 0;	
	text-transform: uppercase;
	/*border: solid #103C5E 1px;*/
	font-family: "Work Sans",sans-serif;		
	font-weight: 600;
	font-size: 12px;
	background-color: #103C5E;
	text-decoration: none;
	padding: 12px 0;
	letter-spacing: 1px;
	color: #FFFFFF;
	border-radius: 8px;
	text-align: center;
	display: block;
	transition: .5s ease;}
	
#nextBtn:hover {
	background: #05121D;
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;}

/* Make circles that indicate the steps of the form: */
.step {
	height: 15px;
	width: 15px;
	background-color: #FFF;
	border: none;
	border-radius: 50%;
	display: inline-block;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;}

.step.active {
  background-color:#FFF;}


.step.active::after {
    content: '';
    font-family: "Work Sans",sans-serif;		}


/* Mark the steps that are finished and valid: */
.step.finish {
	background-color: #82704A;}

/* REGISTARTION FORM ENDS HERE */ 

}




@media (min-width: 992px) and (max-width: 1600px) {


/* REGISTRATION FORM STARTS HERE */

.boxed-no-border{
    display:block;
	overflow:hidden;
	width:70%;
	padding:10px 0 0 0;
    margin:auto;}

.boxed{
	padding: 0 50px 20px 50px;
	display:block;
	overflow:hidden;
	margin:auto;}

.padded-box{
	display:block;
	padding: 40px;
	border-radius: 8px;
	border: 1px solid #FFF;
    border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;}

.padded-box-50{
    width:50%;
    margin:auto;
    display:block;
    padding: 40px;
	border-radius: 8px;
	background:#F9F9F9;
	overflow: hidden;
	box-sizing: border-box;}

.padded-box-flat{
	display:block;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;}

.padded-box-10{
	display:block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
	overflow: hidden;}

.regForm-container {
	display:block;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 8px;
	margin: 0;
    padding: 50px 200px;}

.regForm-container h2 {
	font-family: "Work Sans",sans-serif;
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	color: #00CCFF;
	display: block;
	margin: 40px 0 0 0;}


#regForm img{		
	display: none;
	width: 15%;
	padding: 16px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border-radius: 50%;
	}



#regForm h3 {
	font-family: "Work Sans",sans-serif;		
	font-weight: 500;
	text-align: left;
	font-size: 16px;
	color: #FFF;
	margin: 40px 0px 10px 0px !important;}

#regForm h3 span{
	font-family: "Inter";
	font-weight: 300;
	text-align: left;
	font-size: 14px;
	color: #FFF;
	float:right;
	font-style:italic;}


#regForm {
	background: transparent linear-gradient(290deg,#1a9646 0,#0f50a0 100%) 0 0 no-repeat padding-box;
	font-family: "Work Sans",sans-serif;		
  	margin:auto;
  	overflow:hidden;
	border-radius: 8px;
	border: none;
	width: 60%;}

#regForm label{
    color:#FFF;
}

#regForm .link{
  font-family: "Work Sans",sans-serif;		
	color: #FFF;
	margin: 10px 0 30px 0;
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.5px;}

#regForm .link a{
    color: #FFF;
	text-decoration: underline;}

#regForm .link a:hover{
    color: #FFF;
    text-decoration: none;}

#activatePlan {
    font-family: "Work Sans",sans-serif;		
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;}
    




#regForm input[type="text"], #regForm input[type="date"], #regForm input[type="email"], #regForm input[type="tel"], #regForm input[type="password"],  #regForm select, #activatePlan input[type="text"], #activatePlan input[type="number"], #activatePlan select {
  font-family: "Work Sans",sans-serif;
  display: inline-block;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 12px;
  width: 100%;
  border-radius: 8px;
  font-size:14px;
    border:none;
}


#activatePlan button[type="submit"]{
  font-family: "Work Sans",sans-serif;		
	border: solid 1px #82704A;
	display: inline-block;
	box-sizing: border-box;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 12px;
	width: 100%;
	border-radius: 8px;
	font-size: 16px;}


/* Mark input boxes that gets an error on validation: */
input.invalid {
	background-color: #ffdddd;}

/* Hide all steps by default: */
.tab {
	display: none;}

.tab p {
    font-family: "Work Sans",sans-serif;		
	color: #FFF;
	margin: 20px 0 0 0;
	text-align: center;
	font-size: 11px;}
	

.tab p a{
    font-family: "Work Sans",sans-serif;		
	color: #FFF;}


button {  
	font-family: "Work Sans",sans-serif;		
	font-weight: 600;
	color: #FFF;
	text-align: center;
	float:left;
	letter-spacing: 1px;
	font-size: 18px;
	letter-spacing: 1px;
	text-decoration: none;
	width: 100%;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	padding: 10px 20px;
	cursor: pointer;
	transition: .5s ease;}

button:hover {
	background: #000;}


	
#nextBtn {
	background-color: #83CCE3;
	width: 200px;
	border-radius: 8px;
	float: right;
	transition: .5s ease;}
	
#nextBtn:hover {
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;}

/* Make circles that indicate the steps of the form: */
.step {
	height: 15px;
	width: 15px;
	background-color: #FFF;
	border: none;
	border-radius: 50%;
	display: inline-block;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;}

.step.active {
  background-color: #FFF;}


.step.active::after {
    content: '';
    font-family: "Work Sans",sans-serif;}		


/* Mark the steps that are finished and valid: */
.step.finish {
	background-color: #E94425;}

/* REGISTARTION FORM ENDS HERE */
}