 
/*******************************************/
@media screen and (max-width:1024px)
{
	/*body *{	background: yellow;}*/

	#Profile_section_1 #profile_picture {
    float: none;
    margin: 2% auto;
    width: 100%;
	}
	#Profile_section_1 #profile_info .p_full_name {
    margin: 0 auto;
    text-align: center;
    width: 100%;
	}	
	#Profile_section_1 #profile_info .p_full_name > #span_fname {
		display: inline-block;
    float: none;
    text-align: center;
    }
	#Profile_section_1 #profile_info .p_full_name > #span_lname {
 		color: yellowgreen;
    display: inline-block;
    float: none;
	}
	#Profile_section_1 #profile_info {
    width: 100%;
	}
	
	#profile_info .tabs-wrapper {
    font-size: 1em;
    margin: 0 auto !important;
	}	
	body.page-user .tabs.primary > li a {
    font-size: 1em;
    margin: 10px 5px auto;
	}
	div#Profile_section_1 div#profile-section div.profile_box div#profile_info div.profile-button {
    max-width: 100%;
    text-align: center;
    margin: -19px auto -22px;
	}
	#Profile_section_2 .content_title {
	height: 2.2em;
	}
	 #subContainerProfile .profile-button{margin: 0 auto;}

#Profile_section_1 #profile_info .p_HS {
    background-position: center top;
    text-align: center;
    width: 100%;
    display: block;
    height: auto;
    line-height: inherit;
    padding: 50px 0 25px;
	}
	
}
/*******************************************/
@media screen and (min-width:768px) and (max-width:1024px)
{
	/*body.page-user .tabs.primary > li{display:inline-block;}*/
}
/****************************************************/
@media screen and (min-width:768px) and (max-width:820px)
{
#Profile_section_2 .content_title {
    height: 2.2em;
    padding-left: 9%;
}
}


/*******************************************/
@media screen and (max-width:800px)
{
		/*body *{	background: green;}*/
		#Profile_section_1 #profile_info .p_HS {
		 padding-top: 9%;
		 }
		  #subContainerProfile .profile-button{margin: 0 auto;clear:both;}

		
}
/******************************************/
@media screen and (min-width:480px) and (max-width:760px)
{
	#Profile_section_2 .content_title {
	padding-left:14%;
	}
	}
/*******************************************/
@media screen and (min-width:500px) and (max-width:700px)
{
	/*	body *{	background: blue;}*/
	#header .head-logo-section #logo {
   float: left;
   
	}
	#header .head-login-section #login-block-top ul.menu {
    left: 95%;
	}	
		
	
}	
/******************************************************/
@media screen and (min-width:320px) and (max-width:480px)
{
#Profile_section_2 #profile_summery #profile_summery_title, body.page-user-edit .form-item-field-summary-new-und-0-value label, #Profile_section_2 #profile_Intended #profile_Intended_title, body.page-user-edit .form-item-field-intended-job-path-und-0-value label, #Profile_section_2 #profile_GSI #profile_GSI_title, body.page-user-edit .form-item-field-grad-school-interests-und-0-value label, #Profile_section_2 #profile_HA #profile_HA_title, body.page-user-edit .form-item-field-honors-awards-und-0-value label, #Profile_section_2 #profile_Edu #profile_Edu_title, body.page-user-edit .form-item-field-education-und-0-value label, #Profile_section_2 #profile_JE #profile_JE_title, body.page-user-edit .form-item-field-job-experience-und-0-value label, #Profile_section_2 #profile_FL #profile_FL_title, body.page-user-edit .form-item-field-foreign-languages-known-und-0-value label, #Profile_section_2 #profile_Volunteering #profile_Volunteering_title, body.page-user-edit .form-item-field-volunteering-und-0-value label, #Profile_section_2 #profile_Organizations #profile_Organizations_title, body.page-user-edit .form-item-field-organizations-und-0-value label, #Profile_section_2 #profile_Hobbies #profile_Hobbies_title, body.page-user-edit .form-item-field-hobbies-und-0-value label {
    width: 76%;
}
#Profile_section_2 .content_title { font-size: 1.8em;}
#subContainerProfile #Profile_section_2  {
   max-width: 98%;
    position: relative;
    width: 99%;
    margin-left:0;
    }
   #subContainerProfile .profile-button{margin: 0 auto;}

   #Profile_section_1 #profile_info .p_HS {
		 padding-top: 20%;
		 }
   
}
/*******************************************/
/*******************************************/
@media screen and (max-width:240px)
{

		#subContainerProfile #Profile_section_1 {
    width: 95%;
		}
		div#Profile_section_1 div#profile-section div.profile_box div#profile_picture div.user-picture img {
    border: 4.3px solid #3F434C;
    height: 140px;
    outline: 8px solid #2B3036;
    text-align: center;
    width: 142px;
		}
		
		#Profile_section_2 .content_title {
    font-family: Georgia;
    font-size: 1.5em;
    height: 3.2em;
    padding-left: 27%;
    
    }
    #subContainerProfile .user_background {
    margin-bottom: 1%;
   
		}
		#Profile_section_1 #profile_info .p_HS .titleContainer{
		display:inline-block;
		padding-bottom:10px;
		}
		#Profile_section_2 .content_des.content_des > div .content > div:first-child + div {
    font-size: 15px;
    }
}
/***********************************************************/
@media screen and (max-width:320px)
{
		
	#Profile_section_1 #profile_picture {
   margin: 4% auto;
  }
		#Profile_section_2 .content_title {
    font-family: Georgia;
    font-size: 1.5em;
    height: 3.2em;
    padding-left: 30%;
    
    }
   
#subContainerProfile .user_background {
    clear: both;
    padding: 5.6% 1% 4% 4%;
}
#Profile_section_2 .content_des.content_des > div .content > div:first-child + div {
    font-size: 15px;
    
}
}
/*************************************************/
@media screen and (max-width:700px)
{
#profile_info .tabs-wrapper {
    margin: 6px auto !important;
}

@media screen and (min-width:320px) and (max-width:500px)
{
	/*	body *{	background:yellow;}*/
	/*#Profile_section_1 #profile_info .p_HS {
    padding-top: 22%;
     height: 6em;
   }*/
	#header .head-login-section #login-block-top .region-top-right #block-system-user-menu {
    margin-bottom: 0;
    padding-bottom: 50px;
	}

	#edit-picture #edit-picture-upload-ajax-wrapper .image-preview .file {display: block;}
	
		
}





