@media only screen and (min-width: 900px) and (max-width: 1050px) {
header{width:98%;padding:0px 1%;}
header nav ul{ width:99%;}
.bannertxtHolder{top:22%;width:480px;}
.bannertxtHolder h2{font-size:30px;width:40%; padding-top:30px;}
.bannertxtHolder p{width:40%;}
.bjqs-prev a{ right:450px;}
.ContainerSec{ top:-20px;}
.bjqs-next a { left:446px;}
.bjqs-prev a, .bjqs-next a { margin-top:-15px!important;}
#confCntr .banner .slide img {max-width: 100%; height:auto}
#confCntr .banner { height:250px; background:none;}
#confCntr .bannerText {top: 10px;right: 0;padding: 5px;}

}
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 900px) {
header{width:96%;padding:0px 2%;}

.headrightsecbottom{padding-top:10px;padding-bottom:10px;}
ul.topmenu{width:100%;}
.headrightsec{width:100%;}
.searchHolder input[type="text"]{width:312px;}

.headrightsectop{margin-top:-108px;}
ul.topmenu{padding-top:6px;padding-bottom:0px;text-align:center;}
ul.topmenu li{display:inline-block;float:none;}

.ContainerSec{top:10px;}
ol.bjqs-markers.h-centered{display:none;}


.ContainerboxesHolder{width:98%!important; margin-top:10px; margin-left:8px;}
.ContainerSec{width:100%;}
.galleryHolder{width:60%; padding: 5% 3%;}
.tab-list li a{padding:0px 18px;}
.prospectusHolder{width:94%;margin:10px 0px 10px 0px;}
header nav ul{ width:100%;}
header nav ul li a{padding:15px 7px; font-size:11px;}

ul.topmenu{ width:auto;}
.footerSecinner{width:100%;}
.menu_list{width:31%; padding-right:1.2%; padding-left:0px;}
.menu_head{width:91%;}
.FooterContactHolder{width:98%;padding-top:10px;}
.FooterContactHolder input[type="text"]{width:248px;}
.latestnews, .eventsHolder, .calenderHolder{width:227px!important; float:left; padding: 0 10px; height:395px;}
.eventsHolder{}
.tab-container .flex-direction-nav .flex-prev{left:-17px;}
.tab-container .flex-direction-nav .flex-next{right:-23px;}
.menuright img { width:90%;}
header nav ul li:hover .megadropdow{top:44px;}

.searchHolder input[type="text"]{width:140px;}
.logo img{width:80%;}
.headrightsectop{padding-top:16px;}
.slider-container div ul li{width:226px!important;padding:0px;}
.contentHolder{padding: 0 2% 0 0; width:98%;}
.greenbtn{margin-bottom:10px;}
.tab-list li a{padding: 0 30px;}
.tab-container .flex-direction-nav .flex-prev{left:-17px;}
.tab-container .flex-direction-nav .flex-next{right:-23px;}
.footerSecinner{ width:100%;}
.ContainerSec{top:0px;}

.ContainerSec{ width:100%;}
.prospectusHolder{width:26%;float:right;margin-right:8px;margin-top:30px;}
.bjqs-markers{ display:none;}
.bjqs-prev a{ left:4%;}
.bjqs-next a { left:92%;}

.prospectusHolder ul li p { width:150px; float:right; line-height:15px;}
.searchFooter { float:right; width:48%!important;}
.followFooter { float:left; width:auto!important; padding:36px 0 0 10px!important;}
.FooterContactHolder h2 { margin: 2px 0 7px 12px!important;}
.contactFooter { width:100%;}
.contactFooter p { width:28.5%; float:right;}

.redboxesHolder ul li a { width:148px; background-size: 100% auto; height:43px; font-size:11px; margin: 0 0 0 4px; padding-top:20px;}
.desktop ul li a:hover, .mobile-tablet ul li a.actv {background-size: 100% auto; height:43px; padding-top:20px;}
.redboxesHolder ul li a .tops  { width:134px;background-size: 100% auto; padding: 0 7px; left:4px;}
.redboxesHolder ul li a .tops .pic {background-size: 100% auto; height:62px;}
.redboxesHolder ul li a .tops .pic img { width:122px;}
.redboxesHolder ul li a .tops li { font-size:10px; background-position: right 3px; padding: 0 14px 6px 0;}
.desktop ul li a:hover .tops, .mobile-tablet ul li .tops2 {top: -158px; height:148px; padding-top:14px;}
.redboxesHolder { padding-bottom:0px; height: 75px;}

.desktop ul li a:hover .tops, .mobile-tablet ul li .tops2 {top: -178px; height:168px; padding-top:10px!important; z-index:9999;}
.desktop ul li + li + li a:hover .tops, .mobile-tablet ul li + li + li .tops2 {top: -363px; height:353px;}
.desktop ul li + li + li + li a:hover .tops, .mobile-tablet ul li + li + li + li .tops2 {top: -280px; height:270px;}
.desktop ul li + li + li + li + li a:hover .tops, .mobile-tablet ul li + li + li + li + li .tops2 {top: -228px; height:218px;}


.tab-container .flex-viewport { margin: 0 auto; width: 335px;}
.galleryHolder { height:239px;}
.tab-container { height:240px; overflow:hidden;}
.md-msg, .slider-container { width:226px!important;}

.redMenu, .bradcrum { width:96%; margin: 0 2%;}
#innerOuterCntr .inner { width:94%; margin: 0 1.8%; padding:1.2%;}
#innerOuterCntr .rightCntr { width:462px; padding-right:0px; padding-left:0px;}

.keySearch span { width:60px; padding:5px 9px 0 0}
.keySearch input[type="text"], .keySearch select, .keySearch span { margin-bottom:10px;}
.keySearch select { width:128px!important;}
.keySearch input[type="submit"] { margin-left:117px;}
.keySearch { padding:12px 0 2px 20px;}

.loginBox { margin: 20px 0; padding: 20px 39px 20px 0;}
.loginBox input[type="submit"] { margin-left:43px;}
.collegeCatogery h4 { font-size:12px;}
.collegeCatogery li { height:132px;}

.oovcPage .topBox { margin: 0px;}
.oovcPage ul.members li { padding:18px 0 0 2.5%; width:47.5%;}

.aboutGallery { margin: 0 auto 20px; float:none;}
.aboutMid {margin: 20px 2%;}

.about2Gallery {width:450px; height:145px;}
.about2Gallery .holder ul { width: 30000px; }
.about2Gallery .holder ul li { width:450px; height:142px;}
.about2Gallery .next, .about2Gallery .prev { top: 56px; }
.about2Gallery .holder ul li img { width:450px;}

/* custom banner section */
.rightCntr .textBox .bannerSec {width: 98% !important;height: 90% !important;}
.rightCntr .textBox .bannerSec #banner-fade img{ max-width: 100%;height:100%}
	
#collegeCntr .bannerMid { width:96%; padding: 0 2%;}
#collegeCntr .redMenu { width:96%; padding: 0 2%;}

#collegeCntr .collegeInner { width:96%; padding: 0 2% 30px;}
#collegeCntr .rightCntr { width:470px;}

#collegeCntr .rightCntr .midPart .part { width:180px;}
#collegeCntr .rightCntr .sliderLand .holder { width:180px!important; height:352px; }
#collegeCntr .rightCntr .sliderLand .holder ul li { width:180px!important; height:352px;}

#confCntr .banner .inner { width:100%;}
#confCntr .innerTextPart { width:96%; margin: 0 2%; }
#confCntr .innerTextPart .leftPart { width:444px;}

.confftr .FooterContactHolder{ width:30%!important;padding:6px 0 0 2%!important;}
.confftr .followFooter { padding:0px!important;}
.confFooter {padding: 10px 2% 24px 0;}
.confFooter span { margin: 0 10px;}



.committee .holder {  width:400px; height:240px; }
.committee .holder ul li { width:400px; height:240px; background:none;}
.committee .holder ul li .part { width:96%; float:none; padding:5px 4% 15px 0;}

.confTopic { background:none;}
.confTopic ul { width:100%; float:none; padding:0px;}

.highltInner .holder {  width:400px; height:105px; }
.highltInner .holder ul li { width:400px; height:100px; background:none;}



.menuleft ul { width:170px;}
.videospart {height: 125px; margin: 0 auto; overflow: hidden; padding: 0 24px 0 32px; width: 350px;}

.galleryPage { width:428px; margin:0 auto;}
.galleryPage li { float: left; height: 205px; margin: 0 7px; width: 200px; }

.menuleft ul { width:170px;}
.videospart {height: 125px; margin: 0 auto; overflow: hidden; padding: 0 24px 0 32px; width: 350px;}

.deptNews .holder, .deptNews .holder ul li { width:418px; height:246px;}
.bpic { padding: 0 0 0 15px;}
.tabHeader { background:#dad9d6; height:auto;padding-bottom:1px;}

.tabHeader .tabs2 li a { padding:9px 7px 0; font-size:12px;}
.redMenu ul.desktopp li:hover .submenu { display:block!important;}
#confCntr .banner .slide img {max-width: 100%; height:auto}
#confCntr .banner { height:250px; background:none;}
.confHdr .headrightsec{width:auto}
#confCntr .banner {max-width: 1500px;background: url(http://www.uaeu.ac.ae/images/college-banner-bg.jpg) no-repeat center 321px;height:auto;margin: 0 auto;position: relative;}
#confCntr .bannerText {background: url(http://www.uaeu.ac.ae/images/conf-banner-text.png) repeat;position: absolute;top: 10px;right: 0;padding: 5px;font-size: 40px;line-height: 32px;}
#confCntr .bannerText .title {text-shadow: 0px 1px 2px rgba(5, 41, 66, 0.9);font-size: 20px;line-height: 20px;}
.uaeuform_horizontal label >span, .uaeuform_horizontal label{float: none;display: block; width: 100%; vertical-align: middle;text-align: left;padding-left: 0px;}
.bannertxtHolder{top:10%;width:40%; height:50%}
.bannertxtHolder h2{font-size:2em;width:80%; padding-top:10%;}
.bannertxtHolder p{width:40%;}
.bannertxtHolder img{width:100%}	
.tagbanner{display: none} 
}

/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 760px) {	
header{width:100%;padding:0px;}
.searchHolder{width:205px;padding-top:15px;}
.searchHolder input[type="text"]{width:160px;}
.logo { margin:36px 0 0 10px;}
#menu-icon{display:block;width:73px;font-size:18px;height:26px;top:-68px;left:385px;background: url(/images/menu.gif) no-repeat left top;color:#FFFFFF;cursor:pointer;position:absolute;}
nav ul#main-nav {display:none;padding:0;width:100%;position:absolute;left:0;top:-42px;width:100%; z-index:9; margin-top:0px;}
nav ul#main-nav li{float:none;font-size:12px;border-bottom:1px solid #CCCCCC;padding:0;}
nav ul#main-nav li:first-child a {background:#F1F1F1;width:auto;text-indent:0;height:auto;border-bottom:1px solid #CCCCCC;}
nav ul#main-nav li a {padding:0 0 0 10px;display:block;text-align:center;float:none;line-height:30px;background:#F1F1F1;height:auto;border-bottom:1px solid #CCCCCC; color:#333;}
nav ul#main-nav li:hover .megadropdow{ display:none;}
header nav ul li:hover a:after{ display:none;}
nav ul#main-nav li a:hover {background:#dcdcdc;color:#000000; border-radius:0px;}
.headrightsecbottom{padding-top:0px;padding-bottom:10px;}
ul.topmenu{width:100%;float:left;}
.headrightsec{width:100%;padding-right:0;}

.headrightsectop{margin-top:-122px;}
ul.topmenu{ padding:15px 0 0 0; text-align:center;}
ul.topmenu li{display:inline-block;float:none;}

.ContainerSec{top:10px;}
ol.bjqs-markers.h-centered{display:none;}

.redboxesHolder ul li{width:100%;}
.redboxesHolder ul li a{width:100%;}

.ContainerboxesHolder{width:94%; margin:0 auto; display:block; float:none; padding-top:5px;}
.ContainerSec{width:100%;}
.galleryHolder{width:94%;}
.tab-list li a{padding:0px 18px;}
.prospectusHolder{width:auto;margin:10px 0px 23px 0px;}
/* custom banner department */
.rightCntr .textBox .bannerSec {width:98% !important; height: 90% !important;}
.rightCntr .textBox .bannerSec #banner-fade {width:100% !important; max-width:100% !important;}
.rightCntr .textBox .bannerSec #banner-fade .bjqs li img{ max-width: 100%}
.rightCntr .textBox .bannerSec #banner-fade img{ max-width: 100%;height:100%}
	
.footerSecinner{width:100%;}
.menu_list{width:100%;}
.menu_head, .menu_body{width:91%; float:none; margin:0 auto;}
.FooterContactHolder{width:98%;padding-top:20px; padding-bottom:15px; position:relative; height:160px;}
.FooterContactHolder input[type="text"]{width:145px;}
.latestnews, .eventsHolder, .calenderHolder{display:block;float:none;width:91%; margin:0 auto;}
.eventsHolder{ }
.tab-container .flex-direction-nav .flex-prev{left:-17px;}
.tab-container .flex-direction-nav .flex-next{right:-23px;}

.logo img{width:85%;}
.headrightsectop{padding-top:16px;}
.slider-container div ul li{width:410px;padding:0px;}
.slider {width:410px; overflow:hidden;}
.contentHolder{padding: 0 10px;}
.greenbtn{margin-bottom:10px;}

.redboxesHolder ul li a{background:#de1b21;padding:10px 0px;width:100%;height:auto; border-top:1px solid #fff}
.desktop ul li a:hover, .mobile-tablet ul li a.actv {background:#fff;padding-top:10px;height:auto; color:#010101;}
.redboxesHolder ul li a .tops { background: #fff; overflow: hidden; padding: 10px 3% 0 3%; position: static; width: 94%; display:none; }
.redboxesHolder ul li a .tops .pic { display:none;}
.redboxesHolder ul li a .tops li { padding: 0 19px 6px 0;background:url(/images/ar_dddot.gif) no-repeat right 3px; font-size:12px; margin-right:4px; color:#494949; text-align:right; font-weight:normal; width:40%; float:left!important;}
.desktop ul li a:hover .tops, .mobile-tablet ul li .tops2,
.desktop ul li + li + li a:hover .tops, .mobile-tablet ul li + li + li .tops2,
.desktop ul li + li + li + li a:hover .tops, .mobile-tablet ul li + li + li + li .tops2,
.desktop ul li + li + li + li + li a:hover .tops, .mobile-tablet ul li + li + li + li + li .tops2
{top: 0px; height:auto; padding-top:10px; display:block;}



.menu_body a { float:none; width:99%;}


.redboxesHolder{ z-index:2;}
.FooterContactHolder aside{padding:0 48% 0 2%;width:45%;}
.bjqs-prev a{ left:4%;}
.bjqs-next a { left:92%;}
.bjqs-controls{top:23%;}
.eventsHolder{box-shadow: 0 0 0px #CCCCCC;}
.slider-container { width:409px!important;}


.tab-container .flex-viewport, .tab-container .flexslider { margin: 0 auto; width: 335px;}
.contentHolder { padding:0px;}
.contactFooter { float:none; position:absolute; right:2%; top:23px; width:42%!important; padding:0px!important;}

.searchFooter { height:68px; display:block;}
.followFooter { float:none;}

.md-msg, .slider-container { width:408px!important;}


.redMenu { width:100%; margin: 0; height:auto;}
.redMenu ul { float:none;width:100%; margin-bottom:15px; text-align:right;}
.redMenu ul li:first-child a { border-bottom-left-radius:0px;}
.redMenu ul li:last-child a { border-bottom-right-radius:0px;}
.redMenu ul li { float:none; padding:1px 0 0 0; position:relative; width:100%; cursor:pointer;}
.redMenu ul li a { float:none; padding:8px 2% 0;}
.redMenu ul li .submenu { background: #fff; overflow: hidden; padding: 10px 3% 5px 3%; position: static; width: 94%; display:none;  margin-bottom:0px; height:auto!important; }
.redMenu ul li .submenu .pic { display:none;}
.redMenu ul li .submenu span { padding: 0 0 6px 19px;background:url(/images/ar_dddot.gif) no-repeat 4px 3px; font-size:12px; color:#494949; text-align:left; font-weight:normal; width:40%; float:right!important;}




.bradcrum { width:96%; margin: 0 2%;}
#innerOuterCntr .inner { width:94%; margin: 0 1.8%; padding:1.2%;}
#innerOuterCntr .rightCntr { width:462px; padding-right:0px;}

.keySearch span { width:60px; padding:5px 9px 0 0}
.keySearch input[type="text"], .keySearch select, .keySearch span { margin-bottom:10px;}
.keySearch input[type="text"] { width:91px;}
.keySearch select { width:109px!important;}
.keySearch input[type="submit"] { margin-left:106px;}
.keySearch { padding:12px 0 2px 20px;}


#innerOuterCntr .leftCntr { width:94%; padding:3%; float:right;}
#innerOuterCntr .rightCntr { width:98%; float:left; padding:1%;}

#innerOuterCntr .leftCntr .galleryPics { padding-bottom: 20px; text-align:center;}
#innerOuterCntr .leftCntr .galleryPics img { margin:0 5px 10px; width:68px; height:68px;}

.newsGallery {box-shadow: 0 0 2px #CCCCCC; width:273px; height:188px; margin: 0 0 10px 10px; position:relative; float:left;}
.newsGallery .holder ul li { width:270px; height:185px;}
.newsGallery .next, .newsGallery .prev { right:3px; top:76px;}
.newsGallery .prev { left: 3px!important;}

#innerOuterCntr .leftCntr .leftComnBox { margin-right:0px;}
.letestNewsLeft { width:385px; height:195px; margin: 0 auto;}
.letestNewsLeft .holder ul li { width:385px; height:195px;}
.letestNewsLeft .parts { height:88px; }

.galleryPagger a { margin-left:12px;}

.loginBox { margin: 0 0 15px 0; padding: 20px 26px 20px 0;}
.loginBox input[type="submit"] { margin-left:28px;}
#innerOuterCntr .leftCntrDes { width:100%;}

.collegeCatogery h4 { font-size:12px;}
.collegeCatogery li { height:132px;}
.collegeCatogery li { width: 45%; padding: 0 2.5% 20px;}

.collegePic img { float:left;}
.collegePic h4 { float:right; background:none; width:150px; color:#333;}

.oovcPage .topBox { margin: 0px;}
.oovcPage ul.members li { padding:18px 1% 0 0 ; width:49%;}
.oovcPage ul.members li .pic { width:45px;}

.aboutGallery { margin: 0 auto 20px; float:none;}
.aboutMid {margin: 20px 2%;}

.about2Gallery {width:400px; height:129px; margin:0 auto 15px;}
.about2Gallery .holder ul { width: 30000px; }
.about2Gallery .holder ul li { width:400px; height:126px;}
.about2Gallery .next, .about2Gallery .prev { top: 46px; }
.about2Gallery .holder ul li img { width:400px;}

#collegeCntr .redMenu { position:static!important; width:100%; height:auto; padding:0;}

#collegeCntr .bannerMid { width:100%; padding:0;}

#collegeCntr .collegeInner { width:96%; padding: 0 2% 15px;}

#collegeCntr .redMenu ul { margin-bottom:0px;}
#collegeCntr .rightCntr { float:none; width:98%; padding: 0 1% 15px;}
#collegeCntr .leftCntrDes {  float:none; width:98%; padding: 0 1% 15px;}

#collegeCntr .rightCntr .topBox { padding:6px 15px 13px 146px;}

#collegeCntr .rightCntr .midPart .part { width:190px; padding: 0 15px;}
#collegeCntr .rightCntr .sliderLand .holder { width:190px!important; height:352px; }
#collegeCntr .rightCntr .sliderLand .holder ul li { width:190px!important; height:352px;}

/*#collegeCntr .banner { height:342px;}*/
/*custom college banner */
#collegeCntr .banner { height:150px;}
#collegeCntr .banner .slide, #collegeCntr .banner .slide img { background-size: 500px auto; max-height:100%; max-width: 100%}
#collegeCntr .bannerText {top: 0.3em; font-size: 17px; line-height: 20px;}

.confHdr .logo { padding-bottom:15px;}
.confHdr .confsearchOuter { top:-109px!important;}
.confHdr #menu-icon { left:21px!important; top:-45px!important;}
.confHdr nav ul#main-nav { top:-19px!important;}

.confftr .FooterContactHolder{ width:auto!important;padding:15px 0 15px 2%!important; height:auto; float:left!important;}
.confftr .FooterContactHolder aside{ width:100%!important;}
.confftr .followFooter { padding:0px!important;}
.confFooter {padding: 0 0 0 2%; float:none; width:95%; margin:0 auto;}
.confFooter a { font-size:12px;}
.confFooter span { margin: 0 6px;}

#confCntr .banner .inner { width:100%;}
#confCntr .innerTextPart { width:96%; margin: 0 2%; }
#confCntr .innerTextPart .leftPart { width:96%; margin: 0 2% 22px; float:none; }
#confCntr .innerTextPart .rightPart { width:96%; margin: 0 2%; float:none; }

.committee .holder {  width:400px; height:240px; }
.committee .holder ul li { width:400px; height:240px; background:none;}
.committee .holder ul li .part { width:96%; float:none; padding:5px 4% 15px 0;}

.confTopic { background:none;}
.confTopic ul { width:100%; float:none; padding:0px;}

.highltInner .holder {  width:400px; height:105px; }
.highltInner .holder ul li { width:400px; height:100px; background:none;}

#confCntr .banner .inner img { width:300px; height:auto;}

.videospart {height: 125px; margin: 0 auto; overflow: hidden; padding: 0 24px 0 32px; width: 350px;}
.galleryPage { width:428px; margin:0 auto;}
.galleryPage li { float: left; height: 205px; margin: 0 7px; width: 200px; }

#innerOuterCntr .errorPage { padding:8px 10px 15px; min-height:10px;}
.searchPage { padding:8px 10px 15px;}
.searchPage li img { padding: 0 0 8px 10px; width:90px; height:auto; }

.deptNews .holder, .deptNews .holder ul li { width:390px; height:246px;}
.bpic { padding: 0 0 0 15px;}
.tabHeader { background:#dad9d6; height:auto;padding-bottom:1px;}

.tabHeader .tabs2 { float:none; width:100%;}
.tabHeader .tabs2 li { float:none; border-left:none; width:100%;}
.tabHeader .tabs2 li a { float:none; border-left:none; width:100%; text-align:center; padding-left:0px; padding-right:0px;}
.redMenu ul.desktopp li:hover .submenu { display:block!important;}

.mapsearchHolder { margin: 4px auto; float:none;}
table {	overflow-x: auto;display: block;}
.confHdr #menu-icon {left: 20px !important;top: -5px !important; position: relative;}
#confCntr .banner .slide img {max-width: 100%; height:auto}
#confCntr .banner { height:200px; background:none;}
.confHdr .headrightsec{width:auto}
#confCntr .banner {max-width: 1500px;background: url(http://www.uaeu.ac.ae/images/college-banner-bg.jpg) no-repeat center 321px;height: 250px;margin: 0 auto;position: relative;}
#confCntr .bannerText {background: url(http://www.uaeu.ac.ae/images/conf-banner-text.png) repeat;position: absolute;top: 10px;right: 0;padding: 5px;font-size: 40px;line-height: 32px;}
#confCntr .bannerText .title {text-shadow: 0px 1px 2px rgba(5, 41, 66, 0.9);font-size: 0.4em;line-height: 20px;}
.uaeuform_horizontal label >span, .uaeuform_horizontal label{float: none;display: block; width: 100%; vertical-align: middle;text-align: right;padding-left: 0px;}
.leftcolumn {width: 100%;float: none;}
.rightcolumn {width: 100%;float: none;}
 .countdown_box {background: transparent url("/images/red_bg_transparent.png") repeat scroll 0% 0%;position: relative;top: 0.3em;padding: 0px;font:1em Tahoma,Geneva,sans-serif;font-weight: normal;line-height: auto;
	text-transform: uppercase;color: #FFF;word-wrap: break-word;width: auto	;z-index: 2;border-bottom-left-radius: 3px;	border-bottom-right-radius: 3px; }
.countdown_box a {font:1em Tahoma,Geneva,sans-serif;color: #FFF;text-decoration: underline;}
#clock{ font-size:2em; font-weight:bold;}
.countdown_container { margin-right: auto;   margin-left: auto;    padding-left: 0px;    padding-right: 0px;width:100%;}
.bannertxtHolder{top:10%;width:40%; height:50%}
.bannertxtHolder h2{font-size:1.5em;width:80%; padding-top:10%;}
.bannertxtHolder p{width:40%;}
.bannertxtHolder img{width:100%}	
.tagbanner{display: none}
}

/* Note: Design for a width of 320px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
header{width:100%; padding:0px;}
.logo { margin:45px 0 0 8px;}
#menu-icon{display:block;width:73px;font-size:18px;height:26px;top:-67px;left:233px;background: url(/images/menu.gif) no-repeat left top;color:#FFFFFF;cursor:pointer;position:absolute;}
nav ul#main-nav {display:none;padding:0;width:100%;position:absolute;left:0;top:-40px;width:100%; z-index:9; margin-top:0px;}
nav ul#main-nav li{float:none;font-size:12px;border-bottom:1px solid #CCCCCC;padding:0;}
nav ul#main-nav li:first-child a {background:#F1F1F1;width:auto;text-indent:0;height:auto;border-bottom:1px solid #CCCCCC;}
nav ul#main-nav li a {padding:0 0 0 10px;display:block;text-align:center;float:none;line-height:30px;background:#F1F1F1;height:auto;border-bottom:1px solid #CCCCCC; color:#333;}
nav ul#main-nav li:hover .megadropdow{ display:none;}
nav ul#main-nav li a:hover {background:#dcdcdc;color:#000000;}
.headrightsecbottom{padding-top:0px;padding-bottom:10px;}

header nav ul li:hover a:after{ display:none;}
nav ul#main-nav li a:hover {background:#dcdcdc;color:#000000; border-radius:0px;}

ul.topmenu{width:100%;float:left;}
.headrightsec{width:100%;}
.searchHolder{width:168px;padding-top:15px;}
.searchHolder input[type="text"]{width:130px;}

.headrightsectop{margin-top:-128px;}
ul.topmenu{padding:14px 0 0 0;text-align:center;}
ul.topmenu li{display:inline-block;float:none;}

.ContainerSec{top:10px;}
ol.bjqs-markers.h-centered{display:none;}

.redboxesHolder ul li{width:100%;}
.redboxesHolder ul li a{width:100%;}

.redboxesHolder ul li a{background:#de1b21;padding:10px 0px;width:100%;height:auto; border-top:1px solid #fff}
.desktop ul li a:hover, .mobile-tablet ul li a.actv{background:#fff;padding-top:10px;height:auto; color:#010101;}

.redboxesHolder ul li a .tops { background: #fff; overflow: hidden; padding: 10px 3% 0 3%; position: static; width: 94%; display:none; }
.redboxesHolder ul li a .tops .pic { display:none;}
.redboxesHolder ul li a .tops li { padding: 0 15px 6px 0;background:url(/images/ar_dddot.gif) no-repeat right 3px; margin-right:4px; font-size:12px; color:#494949; text-align:right; font-weight:normal; width:auto; float:none!important;}
.desktop ul li a:hover .tops, .mobile-tablet ul li .tops2,
.desktop ul li + li + li a:hover .tops, .mobile-tablet ul li + li + li .tops2,
.desktop ul li + li + li + li a:hover .tops, .mobile-tablet ul li + li + li + li .tops2,
.desktop ul li + li + li + li + li a:hover .tops, .mobile-tablet ul li + li + li + li + li .tops2
{top: 0px; height:auto!important; padding-top:10px; display:block;}


.ContainerboxesHolder{width:96%;margin-left:2%;}
.ContainerSec{width:100%;}
.galleryHolder{width:90%; margin: 20px 2% 10px;}
.tab-list li a{padding:0px 12px;}
.prospectusHolder{width:92%;margin:10px 0px 23px 0px; margin-left:2%;}

.footerSecinner{width:100%;}
.menu_list{width:100%;}
.menu_head{width:87%; margin:0 auto; padding: 5px 4%; float:none;}
.FooterContactHolder{width:98%;padding-top:10px;}
.FooterContactHolder input[type="text"]{width:212px;}
.latestnews, .eventsHolder, .calenderHolder{display:block; float:none; width:94%; margin: 0 auto;}
.eventsHolder{ }
.tab-container .flex-direction-nav .flex-prev{left:-46px;}
.tab-container .flex-direction-nav .flex-next{right:-51px;}


.logo img{width:80%; float:right;}
.headrightsectop{padding-top:16px;}
.slider-container div ul li{width:280px;padding:0px;}
.contentHolder{padding: 0px;}
.greenbtn{margin-bottom:10px;}
.redboxesHolder ul li a{background:#de1b21;padding:10px 0px;width:100%;height:auto; border-top:1px solid #fff}
.redboxesHolder{ z-index:2;}
.FooterContactHolder aside{padding-left:2%;width:98%; text-align:right;}
.bjqs-prev a{ right:275px;background-size: 58% auto; height:46px; top:9px!important;}
.bjqs-next a {background-size: 58% auto; left:92%; height:46px; top:9px!important;}
.bjqs-controls{ top:15px;}
.eventsHolder{box-shadow: 0 0 0px #CCCCCC;}

#tabcontent-box .slider-container { width:147px!important; overflow:hidden;}
.tab-container .carousel li { width:147px!important; margin:0 5px!important;}
.slide-inner-content { width:147px!important;}
.slide-inner-content { margin:0px!important;}
.slide-outerbox { margin: 0 auto; width: 147px!important;}
.tab-container .flexslider { margin: 0 auto; width: 147px!important; }
.tab-container .carousel li img { width:147px;}
.tab-container .flex-viewport { width:147px!important;}


.flex-prev {}
.FooterContactHolder h2 { margin:2px 0 7px 12px;}

/* custom banner department */
.rightCntr .textBox .bannerSec {width:98% !important; height: 90% !important;}
.rightCntr .textBox .bannerSec #banner-fade {width:100% !important; max-width:100% !important;}
.rightCntr .textBox .bannerSec #banner-fade .bjqs li img{ max-width: 100%}
.rightCntr .textBox .bannerSec #banner-fade img{ max-width: 100%;height:100%}
	
.redMenu { width:100%; margin: 0; height:auto;}
.redMenu ul { float:none;width:100%; margin-bottom:15px; text-align:right;}
.redMenu ul li:first-child a { border-bottom-left-radius:0px;}
.redMenu ul li:last-child a { border-bottom-right-radius:0px;}
.redMenu ul li { float:none; padding:1px 0 0 0; position:relative; width:100%; cursor:pointer;}
.redMenu ul li a { float:none; padding:8px 2% 0;}
.redMenu ul li .submenu { background: #fff; overflow: hidden; padding: 10px 3% 5px 3%; position: static; width: 94%; display:none; }
.redMenu ul li .submenu .pic { display:none;}
.redMenu ul li .submenu span { padding: 0 0 6px 19px;background:url(/images/ar_dddot.gif) no-repeat 4px 3px; font-size:12px; color:#494949; text-align:left; font-weight:normal; width:40%; float:right!important;}
.redMenu ul li:hover .submenu {top: 0px; height:auto; padding-top:10px;}

.redMenu ul li ul { margin-bottom:0px;}

.bradcrum { width:96%; margin: 0 2%;}
#innerOuterCntr .inner { width:94%; margin: 0 1.8%; padding:1.2%;}
#innerOuterCntr .rightCntr { width:462px; padding-right:0px;}

.keySearch span { padding: 5px 32px 0 0; width: 105px;}
.keySearch input[type="text"], .keySearch select, .keySearch span { margin-bottom:10px;}
.keySearch input[type="text"] { width:91px;}
.keySearch select { width:109px!important;}
.keySearch input[type="submit"] { margin: 0 0 12px 24px;}
.keySearch { padding:12px 0 2px 20px;}


#innerOuterCntr .leftCntr { width:94%; padding:3%; float:right;}
#innerOuterCntr .rightCntr { width:98%; float:left; padding:1%;}

#innerOuterCntr .leftCntr .galleryPics { padding-bottom: 20px; text-align:center;}
#innerOuterCntr .leftCntr .galleryPics img { margin:0 5px 10px; width:68px; height:68px;}

.newsGallery {box-shadow: 0 0 2px #CCCCCC; width:273px; height:188px; margin: 0 auto 15px; position:relative; float:none;}
.newsGallery .holder ul li { width:270px; height:185px;}
.newsGallery .next, .newsGallery .prev { right:3px; top:76px;}
.newsGallery .prev { left: 3px!important;}

.topFunctions ul { float:none; width:100%; text-align:center;}
.topFunctions ul li { padding:0 10px 3px; float:left; display:inline;}

.newsGallery .holder ul li img { width:270px; height:185px; display:block;}


#innerOuterCntr .leftCntr .leftComnBox { margin-right:0px;}
.letestNewsLeft { width:250px; height:230px; margin: 0 auto;}
.letestNewsLeft .holder ul li { width:250px; height:230px;}
.letestNewsLeft .parts { height:106px; }


.galleryPage li { float: none; height: 205px; width: 200px; margin-left:auto; margin-right:auto; padding-top:1px;}

.galleryPagger a { margin-left:12px;}

.loginBox { margin: 0 0 15px 0; padding: 20px 15px;}
.loginBox label, .loginBox span { width:100%; float:none;}
.loginBox label { padding-bottom:8px;}
.loginBox span { padding-bottom:10px;}
.loginBox span input { width:235px;}
.loginBox p { padding:8px 0 15px 0}
.loginBox p { text-align:center;}
.loginBox input[type="submit"]{ float:right; margin-top:16px;}

#innerOuterCntr .leftCntrDes { width:100%;}

.collegeCatogery li { width: 95%; padding: 0 2.5% 20px; float:none; height:auto;}
.collegePic { width:226px; margin: 0 auto; padding: 10px 0 20px;}

.oovcPage .topBox { margin: 0px;}
.oovcPage ul.members li { padding:0 2.5% 18px; width:95%; float:none;height:auto;}
.oovcPage .topBox .pic { width:74px;}

#innerOuterCntr .rightCntr h1 { font-size:22px; padding-bottom:10px;}

.personalProfile .picBox { width:113px; padding-right:8px; float:left;}
.personalProfile .picBox .profilePic { width:103px;}
.personalProfile h4 { padding:4px 0 51px;}

.aboutGallery {box-shadow: 0 0 2px #CCCCCC; width:270px; height:201px; margin: 0 auto 15px; position:relative; float:none;}
.aboutGallery .holder ul li, .aboutGallery .holder ul li img { width:270px; height:198px;}
.aboutGallery .next, .aboutGallery .prev { right:3px; top:84px;}
.aboutGallery .prev { left: 3px!important;}

.aboutMid {margin: 20px 2%;}

.about2Gallery {width:260px; height:85px; margin:0 auto 15px;}
.about2Gallery .holder ul { width: 30000px; }
.about2Gallery .holder ul li { width:260px; height:82px;}
.about2Gallery .next, .about2Gallery .prev { top: 25px; }
.about2Gallery .holder ul li img { width:260px;}


#collegeCntr .redMenu { position:static!important; width:100%; height:auto; padding:0;}

#collegeCntr .bannerMid { width:100%; padding:0;}
#collegeCntr .collegeInner { width:96%; padding: 0 2% 15px;}

#collegeCntr .redMenu ul { margin-bottom:0px; text-align:right;}
#collegeCntr .rightCntr { float:none; width:98%; padding: 0 1% 15px;}
#collegeCntr .leftCntrDes {  float:none; width:98%; padding: 0 1% 15px;}

#collegeCntr .rightCntr .topBox { padding:6px 15px 13px; background:#fff;}

#collegeCntr .rightCntr .midPart .part { width:270px; padding: 0px; margin: 0 auto; float:none;}
#collegeCntr .rightCntr .sliderLand .holder { width:270px!important; height:auto; }
#collegeCntr .rightCntr .sliderLand .holder ul li { width:270px!important; height:auto;}
#collegeCntr .rightCntr .midPart .inner { background:none;}

#collegeCntr .banner { height:132px; background-position: center 107px;}

#collegeCntr .bannerText { line-height:23px; font-size:17px; padding: 10px; top:10px;}
#collegeCntr .banner .slide, #collegeCntr .banner .slide img { background-size: 500px auto; height:131px; max-width: 100%}


.confHdr .logo { padding-bottom:15px;}
.confHdr .confsearchOuter { top:-118px!important;}
.confHdr #menu-icon { left:21px!important; top:-45px!important;}
.confHdr nav ul#main-nav { top:-19px!important;}

.confftr .FooterContactHolder{ width:auto!important;padding:15px 0 15px 2%!important; height:auto; float:left!important;}
.confftr .FooterContactHolder aside{ width:100%!important;}
.confftr .followFooter { padding:0px!important;}
.confFooter {padding: 0 0 0 2%; float:none; width:97%; margin:0 auto;}
.confFooter a { font-size:12px;}
.confFooter span { margin: 0 6px;}

#confCntr .banner .inner { width:100%;}
#confCntr .innerTextPart { width:96%; margin: 0 2%; }
#confCntr .innerTextPart .leftPart { width:96%; margin: 0 2% 22px; float:none; }
#confCntr .innerTextPart .rightPart { width:96%; margin: 0 2%; float:none; }

.committee .holder {  width:260px; height:256px; }
.committee .holder ul li { width:260px; height:256px; background:none;}
.committee .holder ul li .part { width:96%; float:none; padding:5px 4% 15px 0;}

.confTopic { background:none;}
.confTopic ul { width:100%; float:none; padding:0px;}

.highltInner .holder {  width:260px; height:138px; }
.highltInner .holder ul li { width:260px; height:138px; background:none;}

#confCntr .banner .inner img { width:200px; height:auto;}

.menu_body{float:none;}
.menu_body a{float:none; width:87%; padding: 0 4%; margin:0 auto;}

.videospart {height: 125px; margin: 0 auto; overflow: hidden; padding: 0 24px 0 32px; width: 149px;}

#innerOuterCntr .errorPage { padding:8px 10px 15px; min-height:10px;}
.searchPage { padding:8px 10px 15px;}
.searchPage li img { padding: 0 0 8px 10px; width:70px; height:auto; }


.deptNews { padding:13px 10px 15px; }
.deptNews .holder, .deptNews .holder ul li { width:245px; height:280px;}
.bpic { padding: 0 0 0 15px;}

.tabHeader { background:#dad9d6; height:auto; padding-bottom:1px;}

.tabHeader .tabs2 { float:none; width:100%;}
.tabHeader .tabs2 li { float:none; border-left:none;}
.tabHeader .tabs2 li a { float:none; border-left:none; width:100%; text-align:center; padding-left:0px; padding-right:0px;}
.redMenu ul.desktopp li:hover .submenu { display:block!important;}

.mapPage iframe { height:280px!important;}
.mapsearchHolder { margin: 4px auto; float:none;}
table {	overflow-x: auto;display: block;}
#confCntr .banner .slide img {max-width: 100%; height:auto}
#confCntr .banner { height:250px; background:none;}
#confCntr .bannerText{position: relative;top: 95px;right: 0px;padding: 5px;font-size: 41px;line-height: 20px;width: 97%;}
.confHdr .headrightsec{padding:0; margin: 0;}
.confHdr #menu-icon {left: 20px !important;top: -5px !important; position: relative;}
#confCntr .bannerText .title {text-shadow: 0px 0px 0px rgba(5, 41, 66, 0.9);font-size: 0.3em;line-height: 20px;}
#confCntr .banner { height: 250px;}
.uaeuform_horizontal label >span, .uaeuform_horizontal label{float: none;display: block; width: 100%; vertical-align: middle;text-align: right;padding-left: 0px;}
.leftcolumn {width: 100%;float: none;}
.rightcolumn {width: 100%;float: none;}
 .countdown_box {background: transparent url("/images/red_bg_transparent.png") repeat scroll 0% 0%;position: relative;top: 0.3em;padding: 0px;font:1em Tahoma,Geneva,sans-serif;font-weight: normal;line-height: auto;
	text-transform: uppercase;color: #FFF;word-wrap: break-word;width: auto	;z-index: 2;border-bottom-left-radius: 3px;	border-bottom-right-radius: 3px; }
.countdown_box a {font:1em Tahoma,Geneva,sans-serif;color: #FFF;text-decoration: underline;}
#clock{ font-size:1em; font-weight:bold;}
.countdown_container { margin-right: auto;   margin-left: auto;    padding-left: 0px;    padding-right: 0px;width:100%;}
.bannertxtHolder{top:10%;width:40%; height:50%}
.bannertxtHolder h2{font-size:1.2em;width:80%; padding-top:0px;}
.bannertxtHolder p{width:40%;}
.bannertxtHolder img{width:100%}
.tagbanner{display: none} 

}