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 only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
#cartable { display:none; }
}



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

.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;
	
	
}



}


@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 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) {
 
 .video-home {
    border: 1px solid #ddd;
    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-width: 650px) 
and (max-width: 768px) 

{


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


.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: #06C;
	font-size: 25px;
	background-color: #BFBFBF;
	border-radius: 10px 10px 10px 10px;
	cursor: pointer;!important
    left: 300px;
	top: 95px;
	left: 118px;
} 
	.box-student-affairs:hover { -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; 
	
	
	box-shadow: 0 0 10px #ccc; position:absolute; } 


.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: #06C;
	font-size: 25px;
	background-color: #BFBFBF;
	border-radius: 10px 10px 10px 10px;
	cursor: pointer;!important
    left: 280px;
	top: 145px;
	left: 100px;
} 
	.box-ccolleges:hover { -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; 
box-shadow: 0 0 10px #ccc; position:absolute; }