/*=====================================================================================*/
/*       5. SLIDER                                                                     */
/*=====================================================================================*/
#slider_wrapper {width: 100%; margin-top: 110px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition:0.3s; 
background:url(../images/ajax-loader.gif) no-repeat center center;}
#slider a:active {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
#slider {width: 100%; margin:0; padding:0;}
#slider .slides > li {display: none;}
#slider .slides img {max-width: 100%;display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
#slider {background: #fff; *background:none !important; position: relative;zoom: 1; *margin-bottom:-4px;}
#slider .slides {zoom: 1;}
#slider .slides > li {position: relative;}
.flex-caption {width: 100%; padding: 10px 0;position: absolute; left: 0%; bottom: 0%; background: #000; color: #FFF; font-size: 13px; line-height: 13px; text-align: center; opacity: 0.6; filter: alpha(opacity = 60);}
.flex-caption p{color: #FFF; opacity: 100; filter: alpha(opacity = 100);}

.flex-html-caption {width:25%; padding:1% 1.5%; position:absolute; left:4%; top:9%; background: url(../images/banner-cation-bg.png); color:#FFF; font-size:13px; z-index:99;}
.flex-html-caption h3 {font-size: 22px; margin-bottom: 10px; color: #FFF;}
.flex-html-caption a{color: #FFF; font-size: 13px; text-decoration:underline;}
.flex-html-caption a:hover{color: #FFF; text-decoration: none;}
.flex-direction-nav li a {width: 72px; height: 144px; display: none; background: url(../images/next_prev.png) 0px 0px no-repeat; position: absolute; top: 30%; cursor: pointer; text-indent: -9999px; outline:none;}
#slider:hover .flex-direction-nav li a {display: block;}
.flex-direction-nav{ *position:absolute;}
.flex-direction-nav li .next { background-position: -72px 0; right: 0px;}
.flex-direction-nav li .prev {left: 0px;}
.flex-direction-nav li .disabled {opacity: 0.3; filter: alpha(opacity = 30); cursor: default;}
.flex-control-nav { width: 100%; position: absolute; bottom: 5px; text-align: center;}
.flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: #272727; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover, .flex-control-nav li a.active {width: 11px; height: 11px; border: 1px solid #272727; background: #FFF;}
/*--- Screen <= 620px ---*/
@media screen and (min-width: 1000px) {
	#slider_wrapper {min-height:290px;}
}
@media screen and (max-width: 800px) {
	#slider_wrapper {min-height:227px; margin-top: 139px; }
}

@media screen and (max-width: 768px) {
	#slider_wrapper {min-height:218px;}
}

@media screen and (max-width: 600px) {
#slider_wrapper {min-height:174px; margin-top: 110px !important;}
.flex-direction-nav li a {width: 30px; height: 30px; display: none; background: url(../../www.cept.ac.in/images/next_prev2_small.png) 0px 0px no-repeat; position: absolute;  top: 43%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -26px 0; right: 0px;}
#slider_wrapper:hover .flex-direction-nav li a {display: block;}
}