/* apply a natural box layout model */

/******************** start rspl for tablet - 14 May ****************************/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	#outerWrapper select {
		padding: 3px 50px 4px 8px;
	}

	#field-education-1-values .form-type-date-combo label {padding-bottom: 10px;}
	#field-education-1-values .date-float {clear: left; float: none; }
	#field-education-1-values .date-float label {min-width: 155px;}
	#field-education-1-values .date-no-float {clear: both; display: inline-block !important;}
	#field-education-1-values .date-no-float.start-date-wrapper {width: 150px;}
	#field-education-1-values .date-no-float.end-date-wrapper {width: 185px;}
	#field-education-1-values .date-no-float .form-type-select {width: 150px !important;}
	#field-education-1-values .date-no-float label {min-width: 20px;}
	#field-education-1-values .date-no-float .date-year {float: left; padding-left: 5px;}


	#field-job-experience-1-values .date-float {clear: left; float: none; }
	#field-job-experience-1-values .date-float label {min-width: 155px;}
	#field-job-experience-1-values .date-no-float {clear: both; display: block !important;}
	#field-job-experience-1-values .date-no-float {width: 355px;}
	#field-job-experience-1-values .date-no-float.start-date-wrapper {padding-left: 20px; padding-top: 10px;}
	#field-job-experience-1-values .date-no-float .form-type-select {width: 160px !important;}
	#field-job-experience-1-values .date-no-float label {min-width: 20px;}
	#field-job-experience-1-values .date-no-float .date-month {float: left; padding-left: 5px;}
	#field-job-experience-1-values .date-no-float .date-year {float: left; padding-left: 5px;}

	#field-volunteering-1-values .date-float {clear: left; float: none; }
	#field-volunteering-1-values .date-float label {min-width: 155px;}
	#field-volunteering-1-values .date-no-float {clear: both; display: block !important;}
	#field-volunteering-1-values .date-no-float {width: 355px;}
	#field-volunteering-1-values .date-no-float.start-date-wrapper {padding-left: 20px; padding-top: 10px;}
	#field-volunteering-1-values .date-no-float .form-type-select {width: 160px !important;}
	#field-volunteering-1-values .date-no-float label {min-width: 20px;}
	#field-volunteering-1-values .date-no-float .date-month {float: left; padding-left: 5px;}
	#field-volunteering-1-values .date-no-float .date-year {float: left; padding-left: 5px;}

	/* ---------------------------- Responsive styling for webform content type ---------- */
	.node-webform {padding: 0 5%; }
	form.webform-client-form .form-managed-file .form-submit {margin: 5px; /*padding:0.75em 6.5em; */}
	/*form.webform-client-form #edit-actions #edit-submit {padding: 0.5em 7.5em;}*/

	.node-type-member-application .page-title {font-size: 36px; padding: 32px 28%;}
	.page-polls .page-title {font-size: 36px; padding: 32px 33%;}

	.pass-popup {width: 60% !important; left: 16%;}
	.save-popup {width: 29% !important; left: 17%;}
	body.page-user-edit #user-profile-form .pass-popup .form-item-pass-pass2 label {float: left;}

    .page-node-add-blog .page-title:after {font-size: 36px;}
	.page-node-add-blog .page-title {padding: 35px 30%;}
	
	
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	
	#field-education-1-values .form-type-date-combo label {padding-bottom: 5px;}
	#field-education-1-values .date-float {clear: left; float: none; }
	#field-education-1-values .date-float label {min-width: 155px;}
	#field-education-1-values .date-float input.form-checkbox {margin-right: 5px;}
	#field-education-1-values .date-no-float {clear: both; width: 185px; }
	#field-education-1-values .date-no-float.start-date-wrapper {padding-left: 30px;}
	#field-education-1-values .date-no-float .form-type-select {width: 150px !important;}
	#field-education-1-values .date-no-float label {min-width: 20px !important; float: left !important;}
	#field-education-1-values .date-no-float .date-year {float: left; padding-left: 5px;}

	#field-job-experience-1-values .date-float input.form-checkbox {margin-right: 5px;}

	#field-volunteering-1-values .date-float input.form-checkbox {margin-right: 5px;}

	/* --- Spotlight page ---------- */
	.view-spotlight .view-content td {width: 100%; float: left; padding: 20px 10px;}
	.view-spotlight td.col-last {padding: 20px 10px !important;}

	/* ---------------------------- Responsive styling for webform content type ---------- */
	.node-webform {padding: 0 5%; }
	form.webform-client-form .form-managed-file .form-submit {margin: 5px; /*padding:0.75em 6.5em; */}
	/*form.webform-client-form #edit-actions #edit-submit {padding: 0.5em 7.5em;}*/

	.node-type-member-application .page-title {font-size: 20px; padding: 15px 21%; height: 25px;}
	.page-polls .page-title {font-size: 20px; padding: 15px 28%; height: 25px;}

	.pass-popup {top: 20px; width: 75% !important; left: 7%;}
	.save-popup {top: 225px; left: 9%;}
	body.page-user-edit #user-profile-form .pass-popup .form-item-pass-pass2 label {float: left;}

	body.page-user.page-user-activity #post-content {padding: 0;}

    .page-node-add-blog .page-title:after {font-size: 20px;}
	.page-node-add-blog .page-title {padding: 18px 28%;}


}
/* -------------------- For 5inch Tab  ----------------------------------------------------- */
@media only screen and (min-width: 481px) and (max-width: 640px) {
	.save-popup {top: 150px;}
}
/******************** end rspl - 14 May  ****************************/
/*******************************************/
@media screen and (max-width:1024px)
{
	/*body *{	background: yellow;}*/
	body.page-user #post-content {
	position: relative;
	padding: 0 20px;
	}
	body.page-user .tabs-wrapper {
	margin: 20px 0 15px !important;
	position: static;
	font-size: 1em;
	}
	body.page-user-edit .region-content {
	-moz-box-sizing: border-box;
	background: none repeat scroll 0 0 white;
	border: 6px solid #C0C0C0;
	max-width: 98%;
	outline: 6px solid #E0E0E0;
	padding: 30px;
	width: 100%;
	}
	body.page-user-edit #edit-field-expected-graduation-date label {
	width: 24%;
	}
	div.form-item input#edit-picture-upload.form-file{
		font-size:12px;
	}
	#edit-field-foreign-languages-known-1-und-0 legend {
	display: inline-block;
	height: auto;
	position: relative;
	top: 0    
	}

	#edit-field-foreign-languages-known-1-und-0 legend span.fieldset-legend{
	overflow: visible;
	height:2em;
	margin-bottom:0;	
	}
 	body.page-user-edit #user-profile-form .form-item th >label, 
#user_user_form_group_background > div > div .form-item.form-type-textarea > label, 
#edit-field-foreign-languages-known-1-und-0 legend span.fieldset-legend
	{
	background-position: left top;
	background-size: 52px 52px;
	padding: 9px 5px 13px 57px;
	width: 85%;
	}
	body.page-user-edit #outerWrapper select {
	text-indent: 1px;
	}
	body.page-user-edit #edit-field-major div.form-item-field-major-und-0-value label {
    	    padding: 9px 5px 13px 57px;
    	}
    	body.page-user-edit #edit-field-major div.form-item-field-major-und-0-value label {
    	 
    	}
   #edit-field-gpa div.form-item-field-gpa-und-0-value label, #edit-field-upload-transcript div.form-item-field-upload-transcript-und-0 label {
       padding: 9px 5px 13px 57px; 
    }
    #edit-field-gpa #field-gpa-add-more-wrapper #edit-field-gpa-und-0-value {
    	width: 92px !important;
    }
    	body.page-user-edit .fieldset-wrapper > div, form#user-profile-form > div > div, form#user-profile-form > div > fieldset {
     padding: 5% 2%;
    }
   body.page-user-edit #edit-field-gpa, body.page-user-edit #edit-field-upload-transcrip {
    margin: 0.5em 0;
  }
}
/*********************************************/
@media screen and (min-width:870px) and (max-width:1024px)
{
	body.page-user-edit table tbody tr div:first-child + div + div > div > div > div label + div {
	float: none;
	}
	body.page-user-edit form#user-profile-form > div > fieldset td .form-item {
	display: block;
	}
	body.page-user-edit table tbody tr div:first-child + div + div > div > div > div label {
	margin-right: 0!important;
	}
	body.page-user-edit #user-profile-form .container-inline-date {
	display: inline;
	}
	#edit-field-foreign-languages-known-1-und-0 legend span.fieldset-legend {
	padding-left: 7%;
	}
	body.page-user-edit #user-profile-form .fieldset-wrapper {
	margin-top: 8%;
	}
	div.fieldset-wrapper div#edit-field-foreign-languages-known-1.field-type-field-collection div#field-foreign-languages-known-1-add-more-wrapper fieldset#edit-field-foreign-languages-known-1-und-0.form-wrapper div.fieldset-wrapper
	{margin-top:0;}
	body.page-user-edit #user-profile-form legend {margin-bottom: 1%;}

  #edit-field-upload-transcript div.form-item-field-upload-transcript-und-0 label {
       width:70%
    }
 
  body.page-user-edit #edit-field-gpa, body.page-user-edit #edit-field-upload-transcrip {
    margin: 2em 0;
  }
}
/*****************************************************/
@media screen and (min-width:770px) and (max-width:869px)
{
	body.page-user-edit #user-profile-form .container-inline-date {
	display: block;
	margin-left: 0;
	}
	body.page-user-edit form#user-profile-form > div > fieldset td .form-item {
	display: block;
	float:none;
	}
	#edit-field-foreign-languages-known-1-und-0 legend span.fieldset-legend {
	padding-left: 7%;
	}
	body.page-user-edit #user-profile-form .fieldset-wrapper {
	margin-top: 8%;
	}
	body.page-user-edit #outerWrapper select {
	margin: 6px 14px;
	}
	div.fieldset-wrapper div#edit-field-foreign-languages-known-1.field-type-field-collection div#field-foreign-languages-known-1-add-more-wrapper fieldset#edit-field-foreign-languages-known-1-und-0.form-wrapper div.fieldset-wrapper {
	margin-top:0;
	}
	body.page-user-edit #user-profile-form legend {
	margin-bottom: 1%;
	}
}
/************************************************/
@media screen and (min-width:700px) and (max-width:769px)
{
	body.page-user-edit form#user-profile-form div fieldset#user_user_form_group_background.collapsible div.fieldset-wrapper {
	width: 93%;
	max-width: 100%;
	}
	#outerWrapper select {
	padding: 3px 50px 4px 8px;
	}
	body.page-user-edit fieldset#user_user_form_group_background .container-inline-date .form-item .form-item {
	width: 138px;
	}
	body.page-user-edit form#user-profile-form div fieldset#user_user_form_group_background #edit-field-foreign-languages-known-1-und-0 .fieldset-wrapper, body.page-user-edit form#user-profile-form div fieldset#user_user_form_group_background #edit-picture .fieldset-wrapper {
	width: 100% !important;
	max-width: 93%;
	}
	body.page-user-edit form#user-profile-form > div > fieldset td input[type="text"] {
	width: 245px;
	}
  
	#edit-field-gpa #field-gpa-add-more-wrapper #edit-field-gpa-und-0-value { width: 245px !important;}
}
/***************************************************/
@media screen and (min-width:520px) and (max-width:769px)
{
	body.page-user-edit table tbody tr div:first-child + div + div > div > div > div label {
	min-width: 170px;
	padding-right:0;
	}
	body.page-user-edit form#user-profile-form > div > fieldset td .form-item {
	display: block;
	}
	/*
	body.page-user-edit #user-profile-form .container-inline-date {
	display: block;
	}*/
	#edit-field-foreign-languages-known-1-und-0 legend span.fieldset-legend {
	padding-left: 11%;
	height: auto;
	}
	body.page-user-edit #user-profile-form .fieldset-wrapper {
	margin-top: 8%;
	}
	div.fieldset-wrapper div#edit-field-foreign-languages-known-1.field-type-field-collection div#field-foreign-languages-known-1-add-more-wrapper fieldset#edit-field-foreign-languages-known-1-und-0.form-wrapper div.fieldset-wrapper {
	margin-top:0;
	}
	body.page-user-edit #user-profile-form legend {
	margin-bottom: 1%;
	}
}

/************************************************/
@media screen and (max-width:550px)
{
	body.page-user-edit form#user-profile-form > div > fieldset td .form-item {
	display: inline-block;
	}
	body.page-user-edit form#user-profile-form > div > fieldset td .form-item label {
	display: block;
	float: none;
	}
	body.page-user-edit #user-profile-form .container-inline-date {
	display: block;
	}
	body.page-user-edit table tbody tr div:first-child + div + div > div > div > div label + div {
	float: none;
	}
}
/*******************************************/
@media screen and (max-width:800px)
{
	body.page-user-edit #user-profile-form .form-item-pass-pass2 label {
	float: none;
	}
	body.page-user-edit #edit-field-expected-graduation-date label {
	width: 31%;
	}
	body.page-user-edit .form-type-textarea label {
	padding-left: 10%;
	padding-top: 2%;
	}
	body.page-user-edit #user-profile-form #edit-field-zip-code input {
	width: 41.5%;
	}
	div#field-about-me-add-more-wrapper div.form-item label{
	padding-left: 1%;
	padding-top: 1%;
	}
	body.page-user-edit #header .head-login-section #login-block-top ul.menu {
	left: auto;
	}
	body.page-user-edit table tbody tr div:first-child + div + div > div > div > div label + div {
	float: none;
	}
}
/*******************************************/
@media screen and (max-width:640px)
{
		/*body *{	background: green;}*/
	body.page-user-edit #edit-field-expected-graduation-date label {
	width: 41%;
	}
	body.page-user-edit #user-profile-form .fieldset-wrapper {
	margin-top: 9%;
	}	
	body.page-user-edit #edit-timezone select.form-select {
	font-size: 10px;
	width: 100%;
	}
	body.page-user-edit .form-type-textarea label {
	padding-left: 12%;
	}
	div.fieldset-wrapper div#edit-field-foreign-languages-known-1.field-type-field-collection div#field-foreign-languages-known-1-add-more-wrapper fieldset#edit-field-foreign-languages-known-1-und-0.form-wrapper div.fieldset-wrapper {
	margin-top:0;
	}
	body.page-user-edit table tbody tr div:first-child + div + div > div > div > div label + div {
	float: none;
	}

  #edit-field-upload-transcript div.form-item-field-upload-transcript-und-0 label {
       width:84%
    }
 
  body.page-user-edit #edit-field-gpa, body.page-user-edit #edit-field-upload-transcrip {
    margin: 2em 0;
  }
}
/***************************************************/
@media screen and (max-width:550px)
{
	body.page-user-edit form#user-profile-form > div > fieldset td .form-item label {
	min-width: 111px;
	}
	body.page-user-edit form#user-profile-form > div > fieldset td input[type="text"] {
	margin: 1%;
	width: 185px;
	}
	#edit-field-gpa #field-gpa-add-more-wrapper #edit-field-gpa-und-0-value { margin: 1%;width: 185px !important;}
}
/**************************************************/
@media screen and (min-width:480px) and (max-width:522px)
{
	body.page-user-edit #user-profile-form input[type="text"], body.page-user-edit #user-profile-form input[type="email"] {
	font-size: 14px;
	margin-left: 0;
	width: 82.3%;
	padding: 1.2% 3% 3.2% 2.5%;
	}	
	body.page-user-edit #user-profile-form input[type="password"] {
	margin-left: 0;
	padding:1.2% 3% 3.2% 2.5%;
	width: 82.3%;
	}
	body.page-user-edit #user-profile-form #edit-pass-pass1, body.page-user-edit #user-profile-form #edit-pass-pass2 {
	width: 82.3%;
	}
	body.page-user-edit #user-profile-form #edit-field-zip-code input {
	margin-left: 0;
	width: 82.3%;
	}
	body.page-user-edit select#edit-field-title-und {
	margin-left: 0;
	width:88.3%;
	}
}
/*******************************************/
@media screen and (max-width:480px)
{
		/*body *{	background: greenyellow;}*/
	body.page-user-edit select#edit-field-title-und {
	font-size: 12px;
	margin-left: 0;
	width: 88.5%;
	padding: 1.2% 3% 3.2% 2.5%;
	}
	body.page-user-edit label {
	font-size: 15px;
	}
	body.page-user-edit #user-profile-form input[type="text"], body.page-user-edit #user-profile-form input[type="email"] {
	font-size: 14px;
	margin-left: 0;
	width: 82.3%;
	padding: 1.2% 3% 3.2% 2.5%;
	}	
	body.page-user-edit #user-profile-form input[type="password"] { padding: 1.2% 3% 3.2% 2.5%;}
	body.page-user-edit #user-profile-form input[type="password"] {
	margin-left:0;
	width: 82.3%;
	}	
	body.page-user-edit #user-profile-form .form-item-pass-pass2 label {
	float: left;
	}
	body.page-user-edit #user-profile-form #edit-pass-pass1, body.page-user-edit #user-profile-form #edit-pass-pass2 {
	width: 87%;
	}
	body.page-user-edit #user-profile-form #edit-field-state input {
	margin-left: 0;
	width: 82.3%;
	}
	body.page-user-edit #user-profile-form #edit-field-zip-code input {
	margin-left: 0;
	width: 82.3%;
	}
	body.page-user-edit #user-profile-form .fieldset-wrapper {
	margin: 12% auto;
	}
	body.page-user-edit .form-type-textarea label {
	font-size: 16px;
	}
	#user-profile-form .form-item th label {
	font-size: 16px;
	}
	body.page-user-edit #edit-field-foreign-languages-known-1-und-0 legend {
	font-size: 16px;
	line-height: 130%;
	}
	body.page-user-edit .region-content {
	margin-bottom: 60px;
	}
	body.page-user-edit #edit-field-expected-graduation-date label {
	width: 100%;
	}
	div.fieldset-wrapper div#edit-field-foreign-languages-known-1.field-type-field-collection div#field-foreign-languages-known-1-add-more-wrapper fieldset#edit-field-foreign-languages-known-1-und-0.form-wrapper div.fieldset-wrapper
	{
	margin-top:0;
	}
	body.page-user-edit .region-content {
	max-width: 100%;
	width: 100%;
	padding:0;
	}
	body.page-user-edit form#user-profile-form div fieldset#user_user_form_group_background.collapsible div.fieldset-wrapper {
	padding: 5px;
	}
	body.page-user-edit #edit-field-foreign-languages-known-1-und-0 legend span.fieldset-legend {
	padding-bottom: 19px;
	}
	body.page-user-edit #edit-field-major div.form-item-field-major-und-0-value label {
	    font-size: 16px;
	}
}
/*******************************************/
@media screen and (max-width:360px)
{
	/*	body *{	background: blue;}*/
	 /*body.page-user-edit .region-content {
    padding: 8px;
   }*/
	#user-profile-form .form-radios {
	display: inline;
	}
	body.page-user-edit .form-type-textarea label {
	font-size: 14px;
	}
	#user-profile-form .form-item th label {
	font-size: 14px;
	}
	body.page-user-edit #user-profile-form .fieldset-wrapper {
	margin-top: 14%;
	}

#edit-field-gpa div.form-item-field-gpa-und-0-value label, #edit-field-upload-transcript div.form-item-field-upload-transcript-und-0 label {
    font-size: 14px;
}
	div.fieldset-wrapper div#edit-field-foreign-languages-known-1.field-type-field-collection div#field-foreign-languages-known-1-add-more-wrapper fieldset#edit-field-foreign-languages-known-1-und-0.form-wrapper div.fieldset-wrapper {
	margin-top:0;
	}
	#outerWrapper select {
	padding: 3px 40px 4px 8px;
	}
	body.page-user-edit div#edit-field-country > .form-item > div > div {
	width:36%;
	}
	body.page-user-edit form#user-profile-form div fieldset#user_user_form_group_background.collapsible div.fieldset-wrapper {
	width: 258px;
	}
	body.page-user-edit fieldset#user_user_form_group_background .container-inline-date .form-item .form-item {
	float: none; width: 90px;
	}
	body.page-user-edit form#user-profile-form div fieldset#user_user_form_group_background fieldset#edit-field-foreign-languages-known-1-und-0input.form-text, select.form-select {
	width: 97%;
	}
	body.page-user-edit form#user-profile-form div fieldset#user_user_form_group_background #edit-field-foreign-languages-known-1-und-0 .fieldset-wrapper, body.page-user-edit form#user-profile-form div fieldset#user_user_form_group_background #edit-picture .fieldset-wrapper {
	width: 240px !important;
	}
	body.page-user-edit #edit-field-major div.form-item-field-major-und-0-value label {
	    font-size: 14px;
	}
	#Profile_section_1 .profile_medal {
    position: relative;
    right: unset;
    text-align: center;
    top: unset;
	}
}	
/*******************************************/
@media screen and (max-width:320px)
{
	/*	body *{	background:yellow;}*/
	body.page-user-edit #edit-field-expected-graduation-date-und-0-value-year, 
	body.page-user-edit #edit-field-expected-graduation-date-und-0-value-month {
	font-size: 15px;
	font-weight: normal;
	margin-left: 0;
	padding: 0;
	width: 90px;
	}
	body.page-user-edit .form-type-textarea label {
	height: 3.3em;
	}
	body.page-user-edit #user-profile-form .fieldset-wrapper {
	margin-top: 16%;
	}
	.container-inline-date > .form-item {
	margin-right: 0;
	}
	#user-profile-form .form-item th label {
	font-size: 14px;
	}
	body.page-user-edit #edit-field-foreign-languages-known-1-und-0 legend {
	font-size: 14px;
	line-height: 130%;
	}
	div.fieldset-wrapper div#edit-field-foreign-languages-known-1.field-type-field-collection div#field-foreign-languages-known-1-add-more-wrapper fieldset#edit-field-foreign-languages-known-1-und-0.form-wrapper div.fieldset-wrapper
	{
	margin-top:0;
	}
}
/*********************************************/
@media screen and (max-width:315px)
{
	body.page-user-edit form#user-profile-form div fieldset#user_user_form_group_background.collapsible div.fieldset-wrapper {
	padding:0;
	}
}
/*******************************************/
@media screen and (max-width:240px)
{
		/*body *{	background: red;}*/
	body.page-user #post-content {
	padding: 0;
	position: relative;
	}
	body.page-user-edit .form-type-textarea label {
	font-size: 12px;
	padding-left: 31%;
	padding-top: 11%;
	height: 3.3em;
	#user-profile-form .form-item th label {
	font-size: 12px;
	}
	body.page-user-edit #edit-field-foreign-languages-known-1-und-0 legend {
	font-size: 12px;
	line-height: 130%;
	}
	body.page-user-edit #user-profile-form legend {
	font-size: 15px;
	}
	body.page-user-edit #edit-field-expected-graduation-date-und-0-value-year, body.page-user-edit #edit-field-expected-graduation-date-und-0-value-month {
	padding: 0;
	width: 76px;
	}
}
/*******************************************/