text-view {
    background: #f6f4f4 none repeat scroll 0 0;
    height: 250px!important;
    margin-top: -1px;
    padding: 5px 15px 66px!important;
}

@media only screen 
and (max-width : 1024px){
	/*
#cartable { display:none; } */
}

@media (max-device-width:812px) and (orientation : landscape) {
	
	/*
#cartable { display:none; }*/

 .box-student-affairs {
	width: 250px;
	border: 0px;
	padding: -15px;!important
	height: 22px;
	text-align: center;
	position: absolute;
	font-family: Segoe Print;!important
	font-weight:bold; color: #FFFFFF;
	font-size: 25px;
	background-color: #BFBFBF;
	border-radius: 10px 10px 10px 10px;
	cursor: pointer;!important
    left: 300px;
	top: 150px!important;
	left: 118px;
} 
.box-student-affairs:hover { -moz-box-shadow: 0 0 15px #999; -webkit-box-shadow: 0 0 15px #999; box-shadow: 0 0 10px #999; position:absolute; font-weight:normal; color:#FEEAA5 } 
.box-ccolleges {
	width: 300px;
	border: 0px;
	padding: -15px;!important
	height: 22px;
	text-align: center;
	position: absolute;
	font-family: Segoe Print;!important
	font-weight:bold; color: #FFFFFF;
	font-size: 25px;
	background-color: #BFBFBF;
	border-radius: 10px 10px 10px 10px;
	cursor: pointer;!important
    left: 280px;
	top: 200px!important;
	left: 100px;
} 
	.box-ccolleges:hover { -moz-box-shadow: 0 0 15px #ccc; -webkit-box-shadow: 0 0 15px #999; 
box-shadow: 0 0 10px #999; position:absolute; font-weight: normal; color:#FEEAA5 } 

}

@media (min-device-width : 768px) 
and (max-device-width : 1024px)    {
	/*
#cartable { display:none; }*/


#djbutton {
    float: none!important;
    position: relative;
    
    margin-top: 15px!important;
    margin-bottom: 10px!important;
	padding-bottom: 0px!important;
	margin-left:0px!important;
}



.featured-text { max-height: 230px!important;   }

.featured-jobs-container {background-color:#FFFFFF; width:300px!important; 
padding: 5px 5px 5px 5px; position:absolute!important;
height:340px; z-index:999; }

.video-home {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 30px;
	margin-top: 350px!important;
	position:relative;

}
.featured-news h1 {
    font-size: 20px!important;
    height: auto;!important;
    overflow: hidden;!important;
    padding-bottom: 3px;!important;
}
}
@media all screen and (min-device-width:768px) and (orientation:portrait) {
/*
video-home {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 30px;
	margin-top: 0px!important;
	
}

*/
.featured-jobs-container {background-color:#FFFFFF; width:auto; 
padding: 5px 5px 5px 5px; position:absolute!important;
height: 400px; z-index:999; }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */

video-home {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 30px;
	margin-top:  -200px!important;
	
}
} 
.col-sm-13  { width: 50%; margin-top: 0px; float: left;} 
.infographics 
{
    margin-bottom: 10px;!important
    display: none;
	margin-top: 0px;!important
	
}
@media (max-device-width: 812px) and (orientation:portrait)  {
	
.infographics  { display:none!important;  }	

.diverse-jobs  {width: 99%;!important }
.diverse-jobs .widgetinner {
    padding: 20px;
	width: 100%;
}
.diverse-jobs .widgetinner img {
    max-width: 194px;
}
#djbutton {
    float: none!important;
    position: relative;
    
    margin-top: 15px!important;
    margin-bottom: 10px!important;
	padding-bottom: 0px!important;
	margin-left:0px!important;
}

}
@media only screen and (max-width: 480px)   {  

.start,
#djbutton {
    float: left;
}

#djbutton {
    max-width: 80px;
    margin-left:25px;
	margin-top: 15px;
	
}
.links {
    margin: 0 auto;
	text-align: center;
}

   .video-home {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 30px;
	margin-top: 15px;

}
.col-sm-13  { width: 100%; margin-top: 0px;  float:left;} 

 }

@media only screen and (max-device-width: 665px)
 and (orientation: landscape)
 
 {
.links, .employers {
    margin: 0 auto;
	text-align: center;
}

.start,
#djbutton {
    float: left;
}

#djbutton {
    max-width: 80px;
    margin-left:70px;
	margin-top: 10px;
}

.col-sm-13  { width: 100%; margin-top: 0px;  float:left;} 
}

@media only screen and (min-width: 992px) {

	.featured-news h1 {
    font-size: 24px;
    height: auto;
    overflow: hidden;
	padding-bottom: 3px;
}

 .box-student-affairs {
	width: 250px;
	border: 0px;
	padding: -15px;!important
	height: 22px;
	text-align: center;
	position: absolute;
	font-family: Segoe Print;!important
	font-weight:bold; color: #FFFFFF;
	font-size: 25px;
	background-color: #BFBFBF;
	border-radius: 10px 10px 10px 10px;
	cursor: pointer;!important
    left: 300px;
	top: 150px!important;
	left: 118px;
} 
	.box-student-affairs:hover { -moz-box-shadow: 0 0 15px #999; -webkit-box-shadow: 0 0 15px #999; 
	
	
	box-shadow: 0 0 10px #999; position:absolute; font-weight:normal; color:#FEEAA5 } 
.box-ccolleges {
	width: 300px;
	border: 0px;
	padding: -15px;!important
	height: 22px;
	text-align: center;
	position: absolute;
	font-family: Segoe Print;!important
	font-weight:bold; color: #FFFFFF;
	font-size: 25px;
	background-color: #BFBFBF;
	border-radius: 10px 10px 10px 10px;
	cursor: pointer;!important
    left: 280px;
	top: 200px!important;
	left: 100px;
} 
	.box-ccolleges:hover { -moz-box-shadow: 0 0 15px #ccc; -webkit-box-shadow: 0 0 15px #999; 
box-shadow: 0 0 10px #999; position:absolute; font-weight: normal; color:#FEEAA5 } 
.video-home {
    border: 1px solid #ddd!important;
    padding: 20px;
    margin-bottom: 30px;
	margin-top: 500px;
	
}
.featured-jobs-container {background-color:#FFFFFF; width:auto; 
padding: 5px 5px 5px 5px; position:absolute!important;
height: auto; z-index:999; }

text-view {
    background: #f6f4f4 none repeat scroll 0 0;
    height: auto;
    margin-top: -1px;
    padding: 5px 15px 66px!important;
	
}
}
@media only screen and (min-width: 1025px) {

.featured-jobs-container {background-color:#FFFFFF; width:auto; 
padding: 5px 5px 5px 5px; position:relative!important;
height: auto; z-index:999; }

.video-home {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 30px;
	margin-top: 250px;
	position:relative;
	
}}

@media only screen 
and (min-device-width: 650px) 
and (max-device-width: 768px) 

{
.video-home {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 30px;
	margin-top: -150px!important;
	position:relative;
	
}
}