/**************************************************************************************************Phone START*********************************************************************/
@media screen and (min-width: 320px)  and (max-width: 480px) {

	section #progress li {
    width: 90% !important;
	}
	body .container-wrapper{
		min-height: auto !important;
	}
	.phone_paddding-0{
	 	padding: 0 !important;
	}
	.dev_btn{
	    float: none !important;
    	position: relative !important;
   	 	right: 0 !important;
    	top: 0 !important;
	}
	.phone.container-wrapper{
	    min-height: auto !important;
	    padding-bottom: 0 !important;
	    background: #FFF;
	    margin-top: 0;
	}
	.phone_no_margins{
		margin: 0 !important;
	}
	#progress, #progress2 {
	    display: grid;
	    grid-gap: 10px;
	}
	#progress li:after, #progress2 li:after{
    	border-left: 16px solid #e2e2e2;
    	z-index:1;
	}
	#progress li,#progress.tau li,#progress2 li, #progress2.tau li {
		width: auto;
	    background: #e2e2e2;
	}
	#progress.tau li.active, #progress2.tau li.active {
    	background: #1295d8;
   		 color: #fff;
	}
	.phone_req{
    	left: 80% !important;
    	bottom: 0px !important;
	}
	.phone_req_t45{
		left: 80% !important;
	    top: 45px !important;
	}
	body main .layer {
    	padding: 15px 25px;
    }
	#A-Gsubreq, #TablePay {
    	width: 100%;
	}
	.gapinE {
   	 	min-width: 100%;
    	max-width: 24em;
    	max-height: 10em;
	}
	.button.save, .button.v4.big{
		float:left;
		padding: 12px 15px;
	}
	.form-wrapper label {
    	margin-right: 25px;
    }
    #signRel .form-wrapper label.opt-wrapper .opt-select {
	    font-size: 15px;
	    display: initial;
	    max-width: 100%;
	}
	.desc{
		display:initial;
	}
	#layerpay{
		display: grid;
    	text-align: center;
	}
	.popup.warning{
	    max-height: 85%;
	}
	#congrats main .main-content {
    	padding: 10px;
	}
	.layer_xl {
    	padding: 10px;
	}
	#payment .popup.payCC {
	    width: auto;
	    top: 0;
	    left: 0px;
	    height: 100%;
	    min-height: 100%;
	}
	.main-content.printableArea{
		padding:0;
	}
	#my-account .list-standard{	
   		display: grid;	
   		font-size: 15px;
	}
	#myaccountform .button.v4.edit {
	    margin-bottom: 0px;
	    width: 63px;
	    font-size: 12px;
	    top: 0;
	    left: -13px;
	}
	.popup.login .inline-button, .popup.sign-up .inline-button {
	    left: 0.5em;
        top: -40px;
	}
	.popup.login, .popup.sign-up {
	    top: 100px;
	    margin-top: 0;
	    margin-left: 0;
	    width: calc(100% - 60px);
	    left: 30px;
	 }
	 .popup.warning {
	    top: 100px;
	    margin-top: 0;
	    margin-left: 0;
	    width: calc(100% - 60px);
	    left: 30px;
	 }
	 .popup.login .title, .popup.sign-up .title {
	    margin-bottom: 40px !important;
	}
		body .container-wrapper#gradientH {
	    margin-top: 0;
	    height: 325px;
	}
		 
	.popup.sign-up .over-password{
	    left: 12.5em;
	}

	.error_mark.r10 {
    	right: 6em !important;
	}
	.section-startdate .inline.margin-right-30, .section-enddate .inline.margin-right-30 {
    	max-width: 100% !important;
    	min-height: auto;
	}
	.section-startdate .inline.margin-right-30 p, .section-enddate .inline.margin-right-35 p{
	margin-bottom:0 !important;
	}
	.form-wrapper .field-wrapper.inline,.field-wrapper.w35 {
   	    width: 100%;
    	float: none;
    	margin: 0 !important;
    	padding-bottom:10px;
	}

	.phone .description, .phone .tweet {
    	margin-bottom: 5px;
	}
	.ph-no-float{
		float: none !important;
	}
	 .ph-w100{
		width:100% !important;
	}
	input#searchCriteria {
    	width: 20em;
	}
	#Sch-search .SRheader{
		display:none;
	}
	#Sch-search table td{
		display: table;
	    width: 100%;
	    margin: 5px 0 10px 0;
	    border-bottom: none;
	    font-size: 14px;
	}
	#slrQuestionsForm label.opt-wrapper.block, #slrExemptionForm label.opt-wrapper.block {
	    width: 100%;
	}
	#slrQuestionsForm input[type="checkbox"], #slrExemptionForm input[type="checkbox"] {
	 	margin-right: 0;
	}	 
	#collegeSearchResultsTable td:first-child:before {
   		content: "School Name:  ";
	}
	#collegeSearchResultsTable td:nth-child(2):before{
   		content: "City:  ";
	}
	#collegeSearchResultsTable td:nth-child(3):before {
   		content: "State:  ";
	}
	#collegeSearchResultsTable td:nth-child(4):before {
   		content: "Code:  ";
	}
	
	
	#ca_results_table td:first-child:before {
   		content: "School Name:  ";
	}
	#ca_results_table td:nth-child(2):before{
   		content: "City:  ";
	}
	#ca_results_table td:nth-child(3):before {
   		content: "Code:  ";
	}
	
	
	
	
	#searchResultBlock{
		padding: 50px 30px;
	}
	#progress li, #progress.tau li, #progress2 li, #progress2.tau li {
    	width: 93% !important;
	}
	.alert{
		padding:15px;
	}
	.form-wrapper fieldset p.required{
		padding: 0 0 15px 0;
	}
	#updateAcadHistTrCollegeCourseMainForm .error_mark {
  	  	background-size: 55px 25px !important;
	    height: 21px;
	    right: 11.5em;
    }
	.button.v4.edit-btn, .button.v4, .button.v4.delete-btn {
	    font-size: 14px;
	    padding: 5px 10px 5px;
    }
    .ph_btn_align{
	    left: 15px;
	    position: relative;
	    top: -75px;
    }
    
    
    /************** General padding helpers **************************/
    .ph_p5{
        padding: 5px !important;
    } 
    .ph_p_tb5_rl10{
    	padding:5px 10px !important;
    }
    
   /*************** floating helpers for mobile **********************/
   
   .ph_flr{
   		float: right !important;
   }
    .ph_fll{
   		float: left !important;
   }
   .ph_nofl{
   		float: none !important;
   }
   
   /*************** borders helpers for mobile **********************/
   .ph_no_br{
   		border: 0 !important;
   }
	 /*************** display helpers for mobile **********************/
	.ph_flex{
	display:flex !important;
	}
	
	
	/*************** Width helpers for mobile **********************/
	.ph_wauto{
		width: auto !important;
	}
	.ph_w8{
		width: 8% !important;
	}
	.ph_w10{
		width: 10% !important;
	}
	.ph_w14 {
    	width: 14% !important;
	}
	.ph_w15{
		width: 15% !important;
	}	
	.ph_w17{
		width: 17% !important;
	}
	.ph_w18{
		width: 18% !important;
	}
	.ph_w20{
		width: 20% !important;
	}
	.ph_w21 {
    	width: 21% !important;
	}
	.ph_w22 {
    	width: 22% !important;
	}
	.ph_w25{
		width: 25% !important;
	}
	.ph_w30{
		width: 30% !important;
	}
	.ph_w35{
		width: 35% !important;
	}
	.ph_w37{
		width: 37% !important;
	}
	.ph_w40{
		width: 40% !important;
	}
	.ph_w43{
		width: 43% !important;
	}
	.ph_w45{
		width: 45% !important;
	}
	.ph_w50{
		width: 50% !important;
	}
	.ph_w55{
		width: 55% !important;
	}
	.ph_w60{
		width: 60% !important;
	}
	.ph_w63{
		width: 63% !important;
	}
	.ph_w65{
		width: 65% !important;
	}
	.ph_w70{
		width: 70% !important;
	}
	.ph_w80{
		width: 80% !important;
	}
	.ph_w85{
		width: 85% !important;
	}
	.ph_w90{
		width: 90% !important;
	}
	.ph_w100{
		width: 100% !important;
	}
	.ph_max_w100{
		max-width: 100% !important;
	}

	
	
	/*************** Padding helpers for mobile **********************/
	.ph_p_0{
		padding: 0 !important;
	}
	.ph_pt_5 {
	 	padding-top:5px !important;
	}
	.ph_pt_10 {
		 padding-top:10px !important;
	}
	.ph_pt_15 {
		 padding-top:15px !important;
	}
	.ph_pt_20 {
		 padding-top:20px !important;
	}
	.ph_pt_25 {
		 padding-top:25px !important;
	}
	.ph_pt_30 {
	 	padding-top:30px !important;
	}
	.ph_pt_35 {
		 padding-top:35px !important;
	}
	.ph_pt_40 {
		 padding-top:40px !important;
	}
	.ph_pt_45 {
		 padding-top:45px !important;
	}
	.ph_pt_50 {
	 	padding-top:50px !important;
	}
	
	.ph_pr_0 {
		 padding-right:0px !important;
	}
	.ph_pr_5 {
	 	padding-right:5px !important;
	}
	.ph_pr_10 {
		 padding-right:10px !important;
	}
	.ph_pr_15 {
		 padding-right:15px !important;
	}
	.ph_pr_20 {
		 padding-right:20px !important;
	}
	.ph_pl_0{
		 padding-left:0px !important;
	}
	.ph_pl_5{
		 padding-left:5px !important;
	}
	.ph_pl_10{
		 padding-left:10px !important;
	}
	.ph_pl_15{
		 padding-left:15px !important;
	}
	.ph_pl_20{
		 padding-left:20px !important;
	}
	.ph_pl_25{
		 padding-left:25px !important;
	}
	.ph_pl_30{
		 padding-left:30px !important;
	}
	
	.ph_pb_5 {
	 	padding-bottom:5px !important;
	}
	.ph_pb_10 {
		 padding-bottom:10px !important;
	}
	.ph_pb_15 {
	 	padding-bottom:15px !important;
	}
	.ph_pb_20 {
		 padding-bottom:20px !important;
	}
	.ph_pb_25 {
		 padding-bottom:25px !important;
	}
	.ph_pb_30 {
	 	padding-bottom:30px !important;
	}
	.ph_pb_35 {
	 	padding-bottom:35px !important;
	}
	.ph_pb_40 {
		 padding-bottom:40px !important;
	}
	.ph_pb_45 {
		 padding-bottom:45px !important;
	}
	.ph_pb_50 {
		 padding-bottom:50px !important;
	}
   
   /*************** Margin helpers for mobile **********************/
    .ph_mt_neg_35{
     margin-top:-35px !important;
    }
    .ph_mt_neg_55{
     margin-top:-55px !important;
    }
    .ph_mt_neg_20{
     margin-top:-20px !important;
    }
    .ph_mt_0 {
    	 margin-top:0px !important;
	}
    .ph_mt_3 {
		 margin-top:3px !important;
	}
    .ph_mt_5 {
		 margin-top:5px !important;
	}
	.ph_mt_10 {
		 margin-top:10px !important;
	}
	.ph_mt_15 {
		 margin-top:15px !important;
	}
	.ph_mt_20 {
		 margin-top:20px !important;
	}
	.ph_mt_25 {
		 margin-top:25px !important;
	}
	.ph_mt_30 {
		 margin-top:30px !important;
	}
	.ph_mt_35 {
		 margin-top:35px !important;
	}
	.ph_mt_40 {
		 margin-top:40px !important;
	}
	.ph_mt_45 {
		 margin-top:45px !important;
	}
	.ph_mt_50 {
		 margin-top:50px !important;
	}
	.ph_mt_70 {
		 margin-top:70px !important;
	}
	.ph_mb_0{
		margin-bottom:0px !important;
	}
	.ph_mb_5 {
		 margin-bottom:5px !important;
	}
	.ph_mb_10 {
		 margin-bottom:10px !important;
	}
	.ph_mb_15 {
		 margin-bottom:15px !important;
	}
	.ph_mb_20 {
		 margin-bottom:20px !important;
	}
	.ph_mb_25 {
		 margin-bottom:25px !important;
	}
	.ph_mb_30 {
		 margin-bottom:30px !important;
	}
	.ph_mb_35 {
	 	margin-bottom:35px !important;
	}
	.ph_mb_40 {
	 	margin-bottom:40px !important;
	}
	.ph_mb_45 {
		 margin-bottom:45px !important;
	}
	.ph_mb_50 {
		 margin-bottom:50px !important;
	}
	.ph_mr_0{
		margin-right:0px !important;
	}
	.ph_mr_10 {
		 margin-right:10px !important;
	}
	.ph_mr_15 {
		 margin-right:15px !important;
	}
	.ph_mr_20 {
		 margin-right:20px !important;
	}
	.ph_mr_25 {
		 margin-right:25px !important;
	}
	.ph_mr_30 {
		 margin-right:30px !important;
	}
	.ph_mr_35 {
	 	margin-right:35px !important;
	}
	.ph_mr_40 {
	 	margin-right:40px !important;
	}
	.ph_mr_45 {
		 margin-right:45px !important;
	}
	.ph_mr_50 {
		 margin-right:50px !important;
	}
	.ph_ml_0{
		margin-left:0px !important;
	}
	.ph_ml_5{
		margin-left:5px !important;
	}
	.ph_ml_10 {
		 margin-left:10px !important;
	}
	.ph_ml_15 {
		 margin-left:15px !important;
	}
	.ph_ml_20 {
		 margin-left:20px !important;
	}
	.ph_ml_25 {
		 margin-left:25px !important;
	}
	.ph_ml_30 {
		 margin-left:30px !important;
	}
	.ph_ml_35 {
	 	margin-left:35px !important;
	}
	.ph_ml_40 {
	 	margin-left:40px !important;
	}
	.ph_ml_45 {
		 margin-left:45px !important;
	}
	.ph_ml_50 {
		 margin-left:50px !important;
	}
	
	.ph_flex{
		display: flex !important; 
	}
	.ph_iflex{
		display: inline-flex !important; 
	}
	.ph_hide, #printButton{
		display:none;
		visibility: hidden;
	}
	
   
   
   /************************* Position helpers ********************************/
   
   .ph_top_10{
   		top:10px !important;
   }
    .ph_top_15{
   		top:15px !important;
   }
    .ph_top_20{
   		top:20px !important;
   }
    .ph_top_30{
   		top:30px !important;
   }
    .ph_top_40{
   		top:40px !important;
   }
    .ph_top_50{
   		top:50px !important;
   }
    .ph_left_10{
   		left:10px !important;
   }
    .ph_left_20{
   		left:20px !important;
   }
    .ph_left_30{
   		left:30px !important;
   }
    .ph_left_40{
   		left:40px !important;
   }
    .ph_left_50{
   		left:50px !important;
   }
   
      /************************* Position neg helpers ********************************/
   
   .ph_neg_top_10{
   		top:-10px !important;
   }
    .ph_neg_top_15{
   		top:-15px !important;
   }
    .ph_neg_top_20{
   		top:-20px !important;
   }
    .ph_neg_top_30{
   		top:-30px !important;
   }
    .ph_neg_top_40{
   		top:-40px !important;
   }
    .ph_neg_top_50{
   		top:-50px !important;
   }
    
   
   
   
   /******************************* Display helpers Mobile ********************/
   
   .ph_inline{
   	  display: inline !important;
    }
   
	table#grcod th, table#grcod td{
	   	display: table-row;
	}
	.gradetbl .blocks_cc:not(:last-child) {
	    width: 100%;
	    height: 100px;
	    border-bottom: 1px solid #ebebec;
	    margin-bottom: 20px;
	}
	.tbladdc > div, .subc_CCM.disp_table{
   	    padding: 20px;
    	margin-bottom: 25px;
    	background: #F8F5F2;
	}
	 .tbladdc  label{
	    display: block !important;
	    visibility: visible !important;
	    zoom: 0;
	 }
	 #updateAcadHistMinReqForm .layer {
    	padding: 20px 25px;
     }
     #updateAcadHistReviewForm .main-content .intro {
    	padding-bottom: 65px;
	 }
	 #updateAcadHistReviewForm.phone .description, #updateAcadHistReviewForm.phone .tweet{
	     margin-bottom: 20px;
	 }
	 #PrintV, .noDisplayOnPh{
	  display : none !important;
	  visibility:hidden !important;;
	 }
	 .secTAUaccor a.expanded+a.button.v4.btnEditHacc {
	    background-color: #ebebec;
	    width: 55px;
	    float: right;
	    top: -21px;
	    left: -18px;
	}
	.secTAUaccor .btnEditHacc {
	    position: relative;
	    right: 18px;
	    top: -20px;
	    width: 54px;
	    float: right;
	}

	#revSubmit table th,#my-account table th,  #revSubmit  table td {
	    width: 60%;
	}
	#revSubmit #acadHistFragment table.grades th, #revSubmit #acadHistFragment table.grades td{
		width:auto !important;
	}
	#revpage .choose-major-wrapper .campus-wrapper, #revSubmit .choose-major-wrapper .campus-wrapper {
	    margin-right: 0;
	    width: 100%;
	}
	#revpage .choose-major-wrapper .major-wrapper, #revSubmit .choose-major-wrapper .major-wrapper {
	    float: left;
	    width: 100%;
	}
   
    #reviewapp .grades td{
  		    width: 100%;
            display: block;
    }
	#reviewapp .schlInfo .schIGs .ResTbl.grades td, .phone-grades78 td, .phone-subjct-test td, .phone-intExam-table td, #revSubmit .phone-grades-dept-short-reverse td,.phone-grades-sub td, .phone-grades-sub1 td, .phone-grades-dept td, .phone-grades-dept-short td, .phone-grades-dept-short-reverse td, #submittedTau table.grades th, #submittedTau table.grades td, #satSubjTestLayer .phone-subjct-test td, .phone-ap-exam td {
    	width: 100%;
    	display: block !important;
	}	
	

	#reviewapp .schlInfo .schIGs .ResTbl.grades td:not(:last-child),#reviewapp .grades td:not(:last-child){
		border-bottom: 1px solid #e2e2e2;
	}
	#reviewActivitiesForm h2.text-headline {
		font-size: 18px;
		padding-left: 15px !important;
	}
	/*Table headers for responsive*/
    #revSubmit table tbody tr.phone-table-header-hide,.phone-grades78 thead, .phone-grades-sub thead, .phone-grades-dept-short-sub thead,  .phone-grades-sub1 thead, .phone-intExam-table thead, .phone-grades-dept thead,.phone-ap-exam thead,.phone-ib-exam thead,  .phone-grades-dept-short thead, .phone-grades-dept-short-reverse thead,.phone-subjct-test thead, .phone-table-header-hide{
   		display:none !important;
   		visibility:hidden !important;
   }
    .ResTbl.phone-grades-sub td:first-child:before {
   		content: "Subject area/Course category:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
   	}
	.ResTbl.phone-grades-sub td:nth-child(2):before{
   		content: "Course name:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub td:nth-child(3):before {
   		content: "Hnrs:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub  td:nth-child(4):before {
   		content: "Term:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub  td:nth-child(5):before {
   		content: "GRDG System:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub  td:nth-child(6):before {
   		content: "G1:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub  td:nth-child(7):before {
   		content: "G2:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub  td:nth-child(8):before {
   		content: "G3:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub  td:nth-child(9):before {
   		content: "G4:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub  td:nth-child(10):before {
   		content: "Language name:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	
	    .ResTbl.phone-grades-sub1 td:first-child:before {
   		content: "Subject area/Course category:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
   	}
	.ResTbl.phone-grades-sub1 td:nth-child(2):before{
   		content: "Course name:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub1 td:nth-child(3):before {
   		content: "Hnrs:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub1  td:nth-child(4):before {
   		content: "Term:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub1  td:nth-child(5):before {
   		content: "G1:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub1  td:nth-child(6):before {
   		content: "G2:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub1  td:nth-child(7):before {
   		content: "G3:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub1  td:nth-child(8):before {
   		content: "G4:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades-sub1  td:nth-child(9):before {
   		content: "Language name:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	
	.phone-grades-dept td:first-child:before{
		content: "Dept:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	 .phone-grades-dept td:nth-child(2):before {
	 	content: "Course No:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	 }
	 .phone-grades-dept td:nth-child(3):before {
	 	content: "Course title:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	 }
	 .phone-grades-dept td:nth-child(4):before {
	 	content: "Units:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	 }
	 .phone-grades-dept td:nth-child(5):before {
	 	content: "Honors status:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	 }
	  .phone-grades-dept td:nth-child(6):before {
	 	content: "Grade:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	 }
	 
	  .phone-grades-dept td:nth-child(7):before {
	 	content: "Subject area:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	 }
	  .phone-grades-dept td:nth-child(8):before {
	 	content: "Language name:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	 }
	 .phone-grades-dept-short td:first-child:before{
		content: "Dept:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-grades-dept-short td:nth-child(2):before{
		content: "Course No:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-grades-dept-short td:nth-child(3):before{
		content: "Course Title:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-grades-dept-short td:nth-child(4):before{
		content: "Units:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-grades-dept-short td:nth-child(5):before{
		content: "Grade:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	
	/****** short sub *****/
	.phone-grades-dept-short-sub td:first-child:before{
		content: "Dept:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-grades-dept-short-sub td:nth-child(2):before{
		content: "Course No:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-grades-dept-short-sub td:nth-child(3):before{
		content: "Course Title:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-grades-dept-short-sub td:nth-child(4):before{
		content: "Units:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-grades-dept-short-sub td:nth-child(5):before{
		content: "Grading System:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-grades-dept-short-sub td:nth-child(6):before{
		content: "Grade:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
  
   .phone-grades-dept-short-reverse td:first-child:before{
		content: "Dept:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-grades-dept-short-reverse td:nth-child(2):before{
		content: "Course No:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-grades-dept-short-reverse td:nth-child(3):before{
		content: "Course Title:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-grades-dept-short-reverse td:nth-child(4):before{
		content: "Grade:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-grades-dept-short-reverse td:nth-child(5):before{
		content: "Status:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-subjct-test td:nth-child(1):before{
		content: "Subject test:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-subjct-test td:nth-child(2):before{
		content: "Date taken:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-subjct-test td:nth-child(3):before{
		content: "Score:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}

	.phone-ap-exam td:nth-child(1):before{
		content: "Exam name:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-ap-exam td:nth-child(2):before{
		content: "Date taken:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-ap-exam td:nth-child(3):before{
		content: "Score:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-ap-exam td:nth-child(4):before{
		content: "Planned date:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-ib-exam td:nth-child(1):before, .phone-ap-exam td:nth-child(1):before{
		content: "Subject area:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-ib-exam td:nth-child(2):before, .phone-ap-exam td:nth-child(2):before{
		content: "Level:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-ib-exam td:nth-child(3):before, .phone-ap-exam td:nth-child(3):before{
		content: "Exam name:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-ib-exam td:nth-child(4):before, .phone-ap-exam td:nth-child(4):before{
		content: "Date taken:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-ib-exam td:nth-child(5):before, .phone-ap-exam td:nth-child(5):before{
		content: "Score:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
/* 	.phone-ib-exam td:nth-child(6):before{
		content: "Planned date:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	} */
	.phone-intExam-table td:nth-child(1):before{
		content: "Date taken:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-intExam-table td:nth-child(2):before{
		content: "Subject:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-intExam-table td:nth-child(3):before{
		content: "Score:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-intExam-table td:nth-child(4):before{
		content: "Predicted:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.phone-intExam-table td:nth-child(5):before{
		content: "Not received:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	 .ResTbl.phone-grades78 td:first-child:before {
   		content: "Subject Area:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
   	}
	.ResTbl.phone-grades78 td:nth-child(2):before{
   		content: "Course name:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	.ResTbl.phone-grades78 td:nth-child(3):before {
   		content: "Term Period:  ";
   		font-size:15px;
   		padding-right: 5px;
   		font-weight:bold
	}
	
   #reviewTestScores .sect_content, #revpage .sect_content, #revSubmit .sect_content, #reviewAcadFr .sect_content, #reviewAcadTr .sect_content {
    	padding: 10px 15px 10px 15px;
   }
   #revSubmit .section table {
    	margin: 0px 15px 0px 15px;
    	width: 95%;
	}
	#revSubmit .section h2.title-section {
   	    padding-top: 20px;
    	padding-left: 10px;
	}
	#reviewAcadFr .ctntheader, #reviewAcadTr .ctntheader, #reviewTestScores .ctntheader, #revSubmit .ctntheader {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	#revSubmit .text-headline-md,#revSubmit .text-headline.padding-right-30.padding-left-30 , #reviewAcadFr .text-headline-md, #reviewAcadTr .text-headline-md, #reviewTestScores .text-headline-md {
    	font-size: 1.493em;
    	width: 70%;
	}
   
    table.grades th, table.grades td {
    font-size: 14px;
	}
	#revSubmit .schlInfo .school-term, .phone-ib-exam td{
	    display: block;
   		width: 100% !important;
	}
	#revSubmit .schlInfo .school-term h2, #revSubmit h2{
		font-size:16px;
	}
    #revSubmit .schlInfo .schlcode {
   		width: 80% !important;
	}
	#revSubmit .schlInfo .schIGs .btncol.fRw10{
		    width: 15% !important;
	}
	#revSubmit .schlInfo .schIGs ul.ilg {
    	width: 45% !important;
	}
	#revSubmit  table td {
    	margin-bottom: 10px;
	}
	#revSubmit .ctnSdate{
		margin-bottom: 0px;
	}
	#revSubmit .schlInfo:not(:first-child) .schlInfo:not(:last-child) {
	    padding-top: 0;
	    margin-top: 0;
	    border-bottom: 1px solid #c5c5c5;
	    padding-bottom: 35px;
	    margin-bottom: 25px;
	}
	#revSubmit .ctnSdate h3 {
	    padding-bottom: 25px;
    	font-weight: 800;
	}
	#revSubmit .phone-grades-dept{
		margin-bottom:10px;
	}
	#revSubmit .schlInfo:not(:first-child) .schlInfo{
	    padding-top: 0;
	    margin-top: 0;
	}
	#revSubmit h2.text-headline {
	    font-size: 18px;
	    padding-bottom: 15px;
	}
	#revSubmit .SubSect-content .description.padding-right-70{
	padding-right: 0 !important;
	}
	#revSubmit .SubSect-content {
	    margin: 0px 15px 20px 15px;
	    width: 95%;
	}
	#revSubmit #A-Gsubreq{
	    margin-left: 0;
	}
	#revSubmit.revyapp #A-Gsubreq tr th, #revSubmit.revyapp #TablePay tr th {
	    width: 62%;
	    padding-bottom: 10px;
	    padding-right: 10px;
	}
	.vfpbchek {
	    left: 0 !important;
	    width: 100% !important;
	}
	
	.popup.warning {
   		 max-height: 100% !important;
	}
	.popup.warning {
    	top: 40px;
	}
	#revSubmit .text-headline.padding-right-30.padding-left-30 {
		padding-left:10px !important;
		padding-right:10px !important;
	}
	#revSubmit .SubSect-content p.description{
		padding-left:10px;
		padding-right: 10px;
	}
	#revSubmit .SubSect-content span p.description{
		padding-left:0px;
		padding-right: 10px;
	}
	.choosemajor_p .choose-major-wrapper .campus-wrapper, .choosemajor_p .choose-major-wrapper .major-wrapper {
	    margin-right: 0;
	    min-height: 100px;
	}
	
	.choose-major-wrapper .major-wrapper:last-of-type {
    	margin-top: 10px;
    	margin-bottom: 10px;
	}

	.choose-major-wrapper:last-of-type {
   		 border-bottom: 0 !important;
	}
	.choose-major-wrapper .campus-wrapper .title, .choose-major-wrapper .major-wrapper .title {
	    font-weight: 600;
	    margin-top: 10px;
	}
	.section .choose-major-wrapper, #accMajorsForm .choose-major-wrapper {
    	position: relative;
	    overflow: hidden;
	    border-bottom: 1px solid #FFF;
	    background: #f7f4f2;
	    margin-bottom: 35px;
	    padding: 0px 10px 35px 10px;
	}
	.choose-major-wrapper .campus-wrapper p, .major_Title{
		margin-top:0 !important;
	}
	#updateAcadHistTrCollegeCourseMainForm .schlInfo .ctnSdate tbody tr.tRow td {
	    border-bottom: 1px solid #c3c3c366;
	    padding: 0 0 5px;
	    margin: 10px 0px 0px -5px;
	}
	#updateTestScoreIbForm .phone-ib-exam tbody tr.tRow td, #updateTestScoreApForm .phone-ap-exam tbody tr.tRow td {
		border-bottom: 1px solid #c3c3c366;
	    padding: 0 0 5px;
	    margin: 10px 0px 0px -5px;
	    width: 100%;
	    display: block;
	}
	 #submittedTAUReviewForm .schlInfo .ctnSdate{
	    background: #ebebec85;
	    padding: 15px 0 0 10px;
	    margin-bottom: 20px;
	}
	.choosemajor_p .form-wrapper .acordion section .section-content .choose-major-wrapper .campus-wrapper {
	    width: 100%;
	    margin-bottom: 0;
	    min-height: 35px;
	}
	.form-wrapper .acordion section .section-content .choose-major-wrapper .major-wrapper{
		min-height: 45px;
	}
	.form-wrapper .acordion section .section-header .text-headline-lg{
   		font-size: 1.493em !important;
	}
	.layerChooseMajor .campus-wrapper .title-section{
	    margin-bottom: 25px !important;
	}
	#A-Gsubreq tr th{
   		width: 55%;
	}
	#ps_chooseM .choose-major-wrapper .choseMajorbtn{
		padding: 10px 20px !important
	}
   .choosemajor_p .choose-major-wrapper .campus-wrapper{
        min-height: auto !important;
   }
   #ps_chooseM .choseMajorbtn {
	    position: relative;
	    top: auto;
	    margin-top: 20px !important;
	}
	#ps_chooseM .choose-major-wrapper .majors-choosen .major-wrapper:first-of-type {
	    margin-bottom: 0;
	    min-height: auto;
	}
	#ps_chooseM .closedmajorRB{
		padding-top: 30px;
	}
	#ps_chooseM .layerChooseMajor {
	    padding: 15px 15px 0px 15px;
	}
	#updatePersonalInfoForm section table.tUpi, #updatePersonalInfoForm h3 {
	    margin: 0 31px 30px 31px;
	    width: 80.8%;
	}
	#updatePersonalInfoForm .editAccbtn .edit {
	    left: 80%;
	}
	#updatePersonalInfoForm h2 {
    	padding: 20px 31px 20px 10px;
	}
	#updatePersonalInfoForm .editAccbtn{
		height: 0;
	}
	body .container-wrapper {
	    min-height: auto;
	}
	.top-navigator > ul li.help.selected a {
	    color: transparent !important;
	    width: 65px;
	    height: 50px;
	    top: 15px;
	    right: 18px;
	    background: #f3f1ed;
	}
	.header-right .top-navigator li.help.selected:hover a:before, .header-right .top-navigator li.help.selected:hover a:after {
	    border-top: 2px solid gray;
	}

	.help-drawer {
    	padding: 50px 30px 30px 30px;
	}
		#satSubjTestLayer .phone-subjct-test .tRow td .ctner-btns,#updateTestScoreIbForm .phone-ib-exam .tRow td .ctner-btns, #updateTestScoreApForm .phone-ap-exam .tRow td .ctner-btns  {
	    width: 115px;
	    display: flex;
	    position: relative;
	    left: 53%;
	    top: -18.5em;
	}

	#satSubjTestLayer .phone-subjct-test td:not(:last-child) {
	    border-bottom: 1px solid #ddd;
	}
	#completedLayer {
	    padding: 30px 30px 75px 30px;
	}
	.ph_fl_reverse {
	    width: auto !important;
	    float: revert;
	}
	.ph_fl_reverse .flr-gr{
		display:flex
	}
	.ph_badge{
		margin-top: -105px !important;
	}  
	body main .main-content .intro {
	    padding-bottom: 50px;
	} 
	#sideMenuRoot{
		border: 1px solid #ebebec;
	}
	.popup.login .password-specs-wrapper ul li:after, .popup.sign-up .password-specs-wrapper ul li:after {
    	margin-right: 70px;
    	margin-top: 5px;
	}
	.ph_txt_center{
		text-align: center;
	}
	#aside-mobile, .ph_blk{
		display:block !important
	}
	.ph_show_label {
	    width: auto !important;
	    height: auto !important;
	    text-indent: 0;
	    position: relative;
	}
	   
   .map #alertDiv .button.v2 {
   		padding: 9px 0px;
	}
	#chooseMajorForm .choose-major-wrapper .majors-choosen .major-wrapper:first-of-type {
   	 	margin-bottom: 10px;
	}
	#revSubmit .acordion section .section-header .expanded + .completion-status, #revSubmit .acordion section.checked.show-content .section-header .completion-status,#revSubmit .review_submit_completed, #revSubmit .acordion section .section-header .completion-status {
    	background-size: 23px 23px !important;
	}
   .ph_inlineflex {
	    display: inline-flex !important;
	}
	.form-wrapper .field-wrapper {
	    margin-bottom: 10px;
	}
	.gradeentry .schinfo-right{
		border-left:0 !important;
	}
	.btnED .button.v4.edit-bttn{
		padding: 5px 10px 5px;
	}
	.phone-grades-sub1 tr:not(:last-child), .phone-grades-sub tr:not(:last-child) {
	    border-bottom: 1px solid #939393;
	}

	.schlInfo h2.addr {
	    padding-right: 10px;
	}

.popup.login .inline-button, .popup.sign-up .inline-button {
    float: right;
    text-align: -webkit-center;
    padding: 0;
    width: auto;
    top: 0px;
    display: inline-block;
}
.preload_text {
    font-size: 3em;
    bottom: 430px;
}

#gradientH p{
	font-size: 1.23em;
}    

#termsOfUseSection label{
    display: flex;
}
#termsOfUseSection label .fix_wrap{
    margin-top: -5px;
}

.popup.sign-up .over-password{
	    left: 16.5em;
	}
	  .profile-picture {
    margin-top: 40px;
  }
	.fullscreen-carrousel-wrapper ul li p {
    font-size: 3em;
    line-height: 1.1655em;
    font-family: "kievit";
    font-family-font-smooth: always;
    font-family-font-smoothing: antialiased;
    font-family--webkit-font-smoothing: antialiased;
    font-family--moz-font-smoothing: antialiased;
    bottom: 40px;
}
	  .alert.v2 {
    padding: 20px 45px 20px 20px;
	}
  .alert.v2 .close-layer {
    top: 20px !important;
    right: 20px !important;
  }
	
	.homefirstcontainer_left, .homefirstcontainer_right, .mobile-sap, .mobile-uir, .mobile_sb, .mobile_smd, .mobile_bs  {
    width: 98% !important;
    padding: 20px;
}
.homesecfooter{
	    padding-right: 12% !important;
}
.home .container {
    width: 98% !important;
    padding-bottom: 1em;
    
}
.homefirstcontainer_right{
	float: left !important;
}
.home .container.middle{
	padding-bottom: 0px;
    margin-top: 30px;
}
.home .content-wrapper {
    padding: 20px 0 10px 0;
}
body.home .container-wrapper.wrap2 {
    background-position: 0 17em;
    background-repeat: no-repeat;
    background-image: url(/applicant-redesign/img/common/home-bg.png);
}
	body.home .container-wrapper {
	    margin-top: 0px;
	}
	.h_tlabel_xs {
	    float: left;
	    color: #9E9E9E;
	    clear: left;
	    font-size: 16px;
	    padding-top: 3px;
	    padding-right: 10px;
	    display:block;
	    font-weight: 400;
	    line-height: 1.467em;
	    font-family: "kievit";
	    font-smooth: always;
	    font-smoothing: antialiased;
	    -webkit-font-smoothing: antialiased;
	}
	.c_header .blc_ht_title {
	    position: relative;
		top: 5px;
	}
	#congrats .container-wrapper {
	    margin-top: 0px;
	}
	.gradetbl .c_t {
    	float: left;
   		width: 100%;
	}
	.gradetbl .blocks_h, #academics_college_courses_manual .blocks_hc {
		display:none;
	}
	.congratsBadge {
	    margin: -40px 0 -40px 0;
	}
	.CongratsText {
	    font-size: 34px;
	    color: #337ab7;
	    padding: 0px 0px;
	    text-shadow: none;
	}
	.course_b {
		padding-bottom:15px;
	}
	.tbladdc .field-wrapper {
   		    width: 100% !important;
		    margin-right: 0px !important;
		    margin-left: 0px !important;
	}
	.addCoursesect .tbladdc .field-wrapper {
        display: block;
	    padding-top: 15px;
	    margin-bottom: 0px;
	}
	.block100 {
    	height: auto;
	}
	.block100 a.clrcourse {
	    position: absolute;
	    right: 25px;
	    margin-top: -15px !important;
	}
	 .addMcc_M.clrcourse {
	    position: relative;
	    margin-top: -15px !important;
	}
	.btn_r_top25 {
	    position: relative;
	    top: -25px !important;
	}
	.tbladdc .term_s {
    	float: left;
    	max-width: 100%;
    	width: 100%;
        height: auto;
	}
	.block250 {
    	height: 100%;
	    min-height: auto;
	    display: inline-block;
    }
	
		
	#revpage .section h2.title-section, #revSubmit  .text-headline-lg  {
   		font-size: 18px;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	#revSubmit .section h2.title-section {
    	font-size: 16px;
	}
	 #revSubmit .section .button.v4 {
	        right: 10px;
		    top: 14px;
		    font-size: 12px;
		    padding: 5px 10px 5px 10px;
	}
	#revpage .section .button.v4 {
    position: absolute;
	}
	#revSubmit .section h2.title-section {
   	 	padding-top: 20px;
	}
	#revSubmit h2 {
    font-size: 14px;
	}
	.sclIheader .error_mark{
	right: 6.5em !important;
	}
	.sclIheader .btns_col_header{
	    display: flex;
	}
	
	.schlInfo .ctnSdate tbody tr.tRow td:not(:last-child)  {
	    padding: 5px;
	    margin-top: 15px;
	    border-bottom: 1px solid #e2e2e2;
	}
	.layer tr.addrowcourse th{
		display: inline;
	}
	.ph_no_sr_hide {
	    width: auto !important;
	    height: auto !important;
	    text-indent: 0;
	    position: relative;
	}
	#reviewAcadFr .schlInfo.sect_content{
		width:100%;
		display: block;
	}
	#reviewAcadFr .ctntheader, #reviewAcadTr .ctntheader, #reviewTestScores .ctntheader, #revSubmit .ctntheader {
		height:auto;
	}
	.schlInfo .schIGs ul.ilg{
	    width: 80% !important;
	    height: auto !important;
	}

	#reviewAcadFr .schlInfo .schIGs a.button.v4 {
       position: absolute;
       right: 15px;
       font-size: 12px;
	   padding: 5px 10px 5px 10px;
	}
	#reviewAcadFr .schlInfo .schIGs .btnED :not(.ph_rel)  a.button.v4{
    	position: relative;
	}
	#acadHistReviewForm .section .button.v4, #acadHistFrGradesForm .button.v4.btnLarge{
		right:0;
	}
	.ctnSdate .description, .form-wrapper .tweet{
		margin-bottom: 0;
	}
	.form-wrapper .field-wrapper .multibox input{
		min-width: 90%;
	    width: auto;
	    display: inline;
	}
	.form-wrapper .d-init {
    	display: inline-block !important;
	}
	#layer_military {
        padding: 15px 15px;
	}
	#layer_military .padding-left-20{
		padding-left: 10px !important;
	}
	#bioHouseholdForm .multibox {
		display: inline !important;
	}
	#actSatLayer .ph_flr {
    	float: unset !important;
	}
	#actSatLayer .button.v4{
		display: initial;
	}
	
	#actSatLayer .sect_subheader{
	    min-height: 135px;
	}
	#actSatLayer .ph_w30 {
	    width: 40% !important;
	    float: left;
	}
	.completedLayer .section-startdate, #plannedLayer .section-startdate {
    	display: unset;
	}

	#actSatLayer .grid-layer-section{
		display:flex;
	}
	#updateTestScoreIntlExamForm .intlExamsSet .ctner-btns {
	    display: inline-flex;
	    width: 40% !important;
	    float: right;
	}
	.btn_reported_ap{
	    display: inline-flex;
	    float: right;
	    width: auto !important;
	    position: relative;
	    top: -275px;
	}
	.ph_btn_250{
		position: relative;
	    top: -250px;
	}
	.ph_btn_200{
		position: relative;
	    top: -200px;
	}
	.ph_btn_190{
		position: relative;
	    top: -190px;
	}
	.acordion .subc_CC p.required span {
	    width: 70px;
	    display: block;
	}
	.ph_btn_270{
		position: relative;
	    top: -270px;
	    
	}
	.ph_btn_350{
		position: relative;
	    top: -350px;
	}
	#testScoreIbForm .btn_reported_ib{
	    display: inline-flex;
	    float: right;
	    width: auto !important;
	    position: relative;
	    top: -375px;
	    right:60px;
	}
	#testScoreIbForm .phone-ib-exam td:last-child {
		position:absolute;
	}
	.btn_reported_IntlExam{
	    display: flex;
	    width: auto !important;
	    float: right;
	}	
	#testScoreAddIntlExamForm .m_Fields .w_100_per_cent, #updateTestScoreAddIntlExamForm .m_Fields .w_100_per_cent, #addAward .w_100_per_cent{
	   max-width: 100% !important;
	
	}
	#testScoreAddIntlExamForm  .examRow .field-wrapper{
		padding-bottom: 20px;
	}
	#testScoreAddIntlExamForm  .examRow .inline{
		width:100% !important;
	}
	#testScoreAddIntlExamForm  .examRow .clear-layer{
		margin-top:0 !important;
	}
	#reviewTestScores .section .ctntheader .button.v4.edit {
	    right: 0;
	}
	#addActivitiesForm .clearLayer, #activitiesForm.form-wrapper .form-section {
		padding: 0 4px;
		margin:0;
	}
	#activitiesForm .acordion section .section-header {
   		height: auto;
   		margin-bottom:0;
	}
	.ph_overflow_visible{
		overflow: visible !important;
	}
	#activitiesForm .show-content .ph_mt_neg_55 {
    	margin-left: 0px !important;
    	margin-top: -15px !important;
	}
	#activitiesForm .section-content{
	    padding: 0px 25px;
	    margin-bottom: 20px;
	}
	#applyScholar .acordion section .section-header .text-headline-lg{
		font-size: 1.393em;
	}
	.text-headline-lg.expand:before {
	    background-size: 7px, 15px;
	}
	#applyScholar .show-content label.opt-wrapper{
	    display: flex;
	    margin-top: 15px;
	}
	#applyScholar .show-content label.opt-wrapper input{
	    margin-top: 9px;
	    margin-right: 0px;
	}
	#PersonalQ .alert, #transfer .alert {
	    width: auto;
	    margin: 0;
	}
	#revpage .SubSect-content {
	    margin: 0px 10px 20px 15px;
	    width: 90%;
	}
	#revpage h3.text-headline{
		width:80%;
	}
	revpage p {
	    width: 100%;
	}
	.apprevsects .SubSect-content .text-headline.main {
	    padding: 10px 0;
	    width: 80%;
	}
	#revpage .section .button.v4 {
	    right: 15px;
	}
	a.reset-parent{
		top:-20%;
	}
	form-wrapper .parent-wrapper:before {
    	position: relative;
	}
	#collegeDegreeReceivedDate .field-wrapper.inline {
	    max-width: 100%;
	}
	.layerChooseMajor {
	    padding: 20px 20px 0px 15px;
	}
	.ph_btn_align{
	    display: flex;
	    width: 35% !important;
	    float: right;
	    left:0;
	}
	.ph_inline_btn_65{
		width:65% !important;
	}
	#revSubmit .popup.lchance h2{
		font-size:20px;
	}
	#updateAcadHistTrCollegeForm .error_mark.r10 {
    	right: 4.5em !important;
	}
	#updateAcadHistMinReqForm table.tbladdc td {
	    display: block;
	    width: 100% !important;
	    margin: 0 0 10px 0;
	}
	#revSubmit .completed .edit {
	    right: 45px !important;
	    position:absolute;
	}
	#revSubmit #persInsightFragment .edit {
	    position:absolute;
	}
	#revSubmit .review_submit_completed {
    	right: 15px;
	}
	#revSubmit .acordion section.checked.show-content .section-header .completion-status, #revSubmit .acordion section .section-header .completion-status {
    	right: 5px;
	}	

	#revSubmit #testScoreFragment .sect_content .ctner-btns .button {
	    right: -115px;
	    position: relative;
	}
	#revSubmit #acadHistFragment table.grades .multi_val{
		width:36% !important;
	}
	.fullscreen-carrousel-wrapper ul li img {
	    object-fit: cover;
	    width: 100%;
	    height: inherit;
	    object-position: center;
	}
	#revSubmit a.button.v4.edit.todo{
		position: absolute;
	}
	.help-drawer {
  	  	top: 47px;
     	width: 100% !important;
	}
	#persInsightQuesForm .button.v4.edit-btn, #persInsightQuesForm .button.v4.delete-btn {
   		padding: 5px 10px 5px !important;
	}
	.top-navigator > ul li.help.selected {
	    position: absolute;
	    top: -40px;
	    right: 0;
	}
   
   .int-grades {
   		display: block !important;
	}
	.form-wrapper .parent-wrapper .layer {
    	margin-bottom: 0px !important;
	}
	.form-wrapper .parent-wrapper:before {
   	    position: relative;
	}
	.error_mark.r9 {
    	right: 6.8em !important;
	}
	.help-drawer.show .content {
    	height: calc(90vh - 25vh);
	}
	.start-header {
  	    padding-top: 200px;
	    background: url(../img/start/sunshine.png) center 0px no-repeat;
	    background-size: 200px;
	    top: -80px;
	}
	
	#scholarshipForm .field-wrapper .opt-wrapper .opt-select {
		padding-left:5px;
	}
	.side-svg-badge {
		width: 105px;
		margin: -90px -25px;
	}
	body main .main-content .intro .title-section {
		width: 75%;
	}
	#revSubmit #activitiesFragment h2.text-headline{
		float: left;
		width: 82%;
	}
	.show-content .activity .button.v4.delete,.show-content .activity .button.v4.edit {
		margin:0 !important;
	}
	.activity .error_mark{
		background-size: 50px 25px !important;
		right: 30%;
		top: 40%;
	}
	.activitySubtitle {
		display: inline-table;
	}
	#doorwayAndManualClassSections .addrowcourse .field-wrapper{
		max-width: 100% !important;
		width: 100% !important;
	}
	.incomplete_rev_todobtn{
		position: initial !important;
	}
	div.section-startdate, div.section-enddate{
		margin-bottom:0 !important
	}
	.section-startdate .form-wrapper p.description,  .section-enddate .form-wrapper p.description{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	/*reducing font-size on grade tables headers and content to accommodate all columns into the viewport.*/
		.gradetbl ul.subc_CCM li, ul.subc_CC li, .gradetbl .blocks_hc div.inl, .form-wrapper .gradetbl .field-wrapper .custom-select.multi-select select, div.gradetbl div.txtfld input[type="text"]{
			font-size : 10px !important;
			min-width: auto;
		}
		.form-wrapper .gradetbl .field-wrapper .custom-select{
			min-width:75px;
		}
		.gradetbl div.blocks_hc{
			padding-left:7px;
		}
		.acordion .gradetbl .subc_CC p.required span {
			display: initial;
			font-size: 10px;
		}
		.acordion .gradetbl .blocks_cc{
			height: 100%;
			min-height: 100px;
		}
			#acadHistFrGradesForm div.schlInfo{
			background: transparent !important;
		}
		div.schlInfo div.ctnSdate {
			margin: 35px 0 0 0 !important;
		}
		.ibExamRow .ctner-btns .error_mark {
			right: 7em !important;
		}
		#satSubjTestLayer .phone-subjct-test td:last-child{
			position: relative;
			left: 40px;
		}
		table.phone-ap-exam tr.tRow.borderB, table.phone-ib-exam tr.tRow.borderB{
			margin-bottom: 55px !important;
			display: block !important;
			height: auto !important;
		}
		.ph_rltive_pos{
			position: relative !important;
		}
		.testbtn .error_mark{
			right: 9.5em;
			background-size:40px 20px !important;
		}
		div.ctner-btns span.error_mark{
			right: 7.5em;
			background-size:40px 20px !important;
		}
}
/*Fixes for  iphone X */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 
    
	    .popup.sign-up .over-password {
	    	left: 12.5em;
		}
		.popup.login .password-specs-wrapper p.ok, .popup.sign-up .password-specs-wrapper p.ok{
			padding:20px;
		}
		#highSchoolInfoForm #acadYearLayer label {
		    margin-right: 10px;
		}
		#highSchoolInfoForm .acadYearDiv.wd200{
			width: 175px !important;
		}
		.form-wrapper .text-headline {
   		    font-size: 15px;
		}
		#editPassform .over-password{
			left: 73%;
		}
		#myaccountform ol.list-standard li strong{
			width: 90%;
		}
		#myaccountform ol.list-standard li strong span{
			width: 90%;
			display: block;
		}
		#my-account ol.ordered li{
			display: flex;
		}
		#editEmailform .more-info.required-fields{
			left:19em;
		}
		
		#revSubmit .ctnSdate h3, #reviewAcadFr .ctnSdate h3{
			margin-bottom: 20px;
		}
		#acadHistFrGradesForm div.schlInfo, #acadHistFrCollegeCourseMainForm div.schlInfo, #acadHistTrCollegeCourseMainForm .schlInfo {
			padding: 10px;
			margin-bottom: 10px;
		}
	
}	 




/*Fixes for  iphone Xs  */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 
	.top-navigator > ul li.help.selected a {
	    color: transparent !important;
	    width: 65px;
	    height: 60px;
	    top: 17px;
	    right: 18px;
	    background: #f3f1ed;
	}	
	.help-drawer {
    	top: 40px;
	}
	.header-right .top-navigator li.help.selected:hover a:before, .header-right .top-navigator li.help.selected:hover a:after {
    	border-top: 2px solid gray;
	}
}	


@media screen and (min-width: 481px)  and (max-width: 570px){	
	
	#slrQuestionsForm label.opt-wrapper.block, #slrExemptionForm label.opt-wrapper.block {
	    width: 100%;
	}
	#slrQuestionsForm input[type="checkbox"], #slrExemptionForm input[type="checkbox"] {
	 	margin-right: 0;
	}	 

}