/*custom Industrial Design X-Large
-----------------------------------------*/

.span-4, .span-8 {
	position: relative;
	min-height: 1px;
}
.span-4,
.span-8 {
	float:left;
}
.span-4  {width: 50%;}
.span-8  {width: 50%;}



.column {
	overflow:hidden;
	height: 100%;
}

.span-4 .split-row:first-child {
    z-index:1;
    background-color: #f4f4f4;
}

.split-row {
    display: table;
    height: 50%;
    width: 100%;
	position:relative;
	overflow:hidden;
}
.single-row {
    display: table;
    height: 100%;
    width: 100%;
	position:relative;
}
.tcell {
	  display: table-cell;
      vertical-align:middle!important;
	
}
.tcell-text {
    /*max-width: 430px;*/
    /*padding: 20px 15px;*/
    max-width: 660px;
    padding: 20px 50px;
}

.scholarship-item .tcell-text {
    max-width: auto;
    padding: 5px 10px 25px;
}

.tcell-text.white-bg {
    max-width: 560px;
    padding: 50px 50px;
    margin: 0 50px
}


.feature {
  overflow:hidden;
  position:relative;
  z-index: 0;
}


@media screen and (min-width: 320px ) {
	  .feature {
		height: 290px;
	}
	
	.feature.with-center-box {
	    
	}
}
@media screen and (min-width: 414px ) {
	  .feature {
		height: 340px;
	}
	
	.feature.with-center-box {
	    
	}
}
@media screen and (min-width: 800px) {
	  .feature {
		height: 400px;
	}
}
@media screen and (min-width: 768px) {
	  .feature {
		height: 400px;
	}
	
	.feature.with-center-box {
	    
	}
}

@media screen and (max-width: 1280px) {
    #courses .gradient-bg h4 a {
	    font-size: 12px;
        padding: 110px 5px 20px 5px;
	}
}

@media screen and (min-width: 1024px) {
	.feature {
		/*height: 580px;*/
		height: 760px;
	}
	
	.feature.half {
	    height: 380px;
	}
	
	.feature.with-center-box {
	    
	}
}

@media screen and (max-width: 1023px) {
	.feature.with-center-box {
	    height:auto;
	}
	.feature.with-center-box .center-box {
        width: 90%;
        max-width: 750px;
        margin: 20px auto;
        position: relative;
        transform: none; 
        top: auto; 
        padding: 20px;
    }
}

@media screen and (min-width: 1440px) {
	.feature {
        /*height: 760px;*/
        height: 780px;
	}
	
	.feature.with-center-box {
	    
	}
	.pull-r {float:right;}
}

@media screen and (max-width: 1440px) {
    #study_plan .span-4, #study_plan .span-8 {
		width: 100%;
		display:block;
	}
	#study_plan .feature {
		overflow:inherit;
	}
	#study_plan .span-4.column {
		height: auto;
	}
	#study_plan .tcell-text {
		max-width: 100%;
	}
	#study_plan .feature {
	    height:auto;
	}
	#study_plan .feature.with-center-box .center-box {
        width: 90%;
        max-width: 900px;
        margin: 20px auto;
        position: relative;
        transform: none; 
        top: auto; 
        padding: 20px;
    }
    #study_plan .pull-r {
        float: none;
    }
	.feature.with-center-box .center-box {
	    width: 90%;
	    padding: 50px;
	}
	.nav li a {
	    font-size: 13px;
	}
	
	.nav li {
	    padding: 0px 10px;
	}
}

@media screen and (max-width: 1024px) {
	.feature.with-center-box .center-box {
        width: 90%;
        padding: 20px;
    }
	.nav li a {
	    font-size: 13px;
	}
	
	.nav li {
	    padding: 0px 9px;
	}
	
	.study-area {
	    width: 25%;
	    height: 150px;
	}
	
	#courses .gradient-bg h4 a {
	    font-size: 12px;
        padding: 110px 5px 20px 5px;
	}
	
	h2, .h2 { 
        font-size: 2.0em;
    }
    #key_dates .key-date {
        width: 33.333%;
    }
	.tcell-text.white-bg {
	    max-width: 100%;
		padding: 20px;
		margin: 0 20px;
	}
}

@media screen and (max-width:768px){
	.span-4, .span-8 {
		width: 100%;
		display:block;
	}
	.feature {
		overflow:inherit;
	}
	
	.feature.with-center-box {
	    height:auto;
	}
	.feature.with-center-box .center-box {
        width: 90%;
        max-width: 750px;
        margin: 20px auto;
        position: relative;
        transform: none; 
        top: auto; 
        padding: 20px;
    }
    h2.key-heading {
        font-size: 2.2em;
    }
    .inner {
        padding: 35px 15px;
    }
    .study-area {
        width: 20%;
    }
    /*#study-plan-box {*/
    /*    display:initial;*/
    /*}*/
    #why_choose_uc .tab-heading,
    .block-accordion .tab-heading {
        width: 300px;
    }
    #why_choose_uc p,
    #why_choose_uc li,
    .block-accordion p,
    .block-accordion li {
        font-size: 17px;
    }
    #key_dates .key-date,
    .date-blocks .key-date {
        width: 50%;
    }
	.span-4.column {
		height: auto;
	}
	.tcell-text,
	.tcell-text.white-bg {
		max-width: 100%;
		padding: 15px;
		margin: 50px;
	}
}

@media screen and (max-width:767px){
    .study-area {
        width: 50%;
    }
    #key_dates .key-date,
    .date-blocks .key-date {
        width: 100%;
    }
    .tcell-text {
        margin: 0;
    }
	.tcell-text.white-bg {
	    margin: 0 0;
	    background-color:#f4f4f4;
	}
}


img {
    max-width: 100%;
    vertical-align: middle;
	height: auto;
}
.feature img {
    left: 50%;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.feature:before,
.feature:after,
.uc-row:before,
.uc-row:after {
	 content: " ";
     display: table;
	
}

[data-sr] {visibility: hidden;}