@media only screen and (min-width: 960px) {
/*ul.nav li.dropdown:hover .dropdown-menu{ display:block;}
ul.nav li.dropdown:hover{ background:#000;}*/
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
 #header .col-sm-6,  #header .col-sm-2:last-child{ display:none;}
 #quickhelp .item a{ width:60px; margin-right:20px!important; text-align:center;}
 #footer p{ display:none;}
 #topnav{ display:none;}
}

@media only screen and (max-width: 479px) {
 #header .col-sm-6,  #header .col-sm-2:last-child{ display:none;}
 #quickhelp .item a{ width:60px; margin-left:4px; margin-right:4px; text-align:center;height:60px; overflow:hidden;}
  #topnav{ display:none;}
}

@media screen and (max-width:768px){
	#myCarousel .item ,#myCarousel3 .item2{
	height:80px!important;
	}
	#myCarousel .item img,#myCarousel3 .item2 img{
	height:80px!important;
	}
	
	
	.navbar-inverse .navbar-nav>li>a{
	padding-left:10%;
	}
	
	
	#myCarousel1{
	padding-top:8%;
	margin-top:4%;
	}
	
	#myCarousel1 .item{
	height:auto;
	}
	
	#myCarousel2 .item{
	padding-left:14px;
	height:60px;
	overflow:hidden;
	padding-bottom:4%;
	
	}
	#quickhelp .item a{
	background-color:#e8e8e8;
	width:30%!important;
	padding-left:2%;
	padding-right:2%;
	border-radius:0px!important;
	}
	
	#quickhelp .item a.single span {
		margin-top: -8px;
		margin-left: -6px;
	}
	
	#leftcolumn{
	height:auto!important;
	}
	
	.heading_enrolled{
	margin-left:50%!important;
	color:#ffffff!important;
	}
	
	.heading_academic{
     margin: -100px 0 0 220px!important;
	 color:#FFFFFF!important;
 	}
	
	#alerts{
	margin-top:15%;
	}
	
	.copyright_notice{
		width:100%;
		padding-top:3%;
	}
	
	#findprogramme ul li{
	height:auto!important;
	padding-bottom:2%;
	}
	
	.carousel-fade .carousel-control {
     width: 22px!important;
	}
	
	#myCarousel3 .carousel-indicators{
	z-index:-15!important;
	}
	#myCarousel3 .popup{
	position:absolute;
	top:40%!important;
	right:17%!important;
	color:#FFFFFF;
 	z-index:99999!important;
	width:50px!important;
	height:50px!important;
	margin:0px!important;
	padding:0px!important;
 	 
	 
	}
	#myCarousel3 .popup img{
	width:40px!important;
	height:40px!important;
 	}
	 
	
}