/* ############################ Genral ############################ */
html{ direction:rtl;}
body {margin:0px;padding:0px;}
html,body {height:100%;}
* {padding:0; margin:0}




/* ############################ Fonts ############################ */
@font-face {
    font-family: 'splart-h-ikhlas';
    src: url('/res/ada/ar/fonts/splart/splart-h-ikhlas.eot');
    src: url('/res/ada/ar/fonts/splart/splart-h-ikhlas.eot?#iefix') format('embedded-opentype'),
         url('/res/ada/ar/fonts/splart/splart-h-ikhlas.woff') format('woff'),
         url('/res/ada/ar/fonts/splart/splart-h-ikhlas.ttf') format('truetype'),
         url('/res/ada/ar/fonts/splart/splart-h-ikhlas.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'splart-h-ikhlas-bold';
    src: url('/res/ada/ar/fonts/splart/splart-h-ikhlas-bold.eot');
    src: url('/res/ada/ar/fonts/splart/splart-h-ikhlas-bold.eot?#iefix') format('embedded-opentype'),
         url('/res/ada/ar/fonts/splart/splart-h-ikhlas-bold.woff') format('woff'),
         url('/res/ada/ar/fonts/splart/splart-h-ikhlas-bold.ttf') format('truetype'),
         url('/res/ada/ar/fonts/splart/splart-h-ikhlas-bold.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


img{
	image-rendering: pixelated;
}

/* ############################ Header ############################ */
#header{margin:auto;width:100%; max-width:977px;}
#LogoDiv{width:225px;float:right; margin: 0px; margin-top:10px;}

#MiddleDiv{display:block;float:right;width:250px;height:30px; margin-right:25px;}
#LastUpdateDiv{display:block;width:250px;font-family:Tahoma;font-size:12px;color:#a5a5a5;}

#HeaderLeft{position: relative;}
#LangDiv{font-family:Tahoma;font-size:13px; margin-top:10px;height: 30px;}
#ArabicLangDiv{text-align:right;}
#EnglishLangDiv{text-align:left;}
#SearchDiv{height:24px;position: absolute;left: 0;top: 0;background: #fff;}
#SearchButtonDiv{height:22px;float:left;}
#SearchTextDiv{float:left;height:22px;border:0px solid black;margin-left:2px;text-align:left;vertical-align:middle;}

#SeparatorDiv{float:left;border:0px solid black;width:33px;height:20px;text-align:center;line-height:0.7;font-family:Tahoma;font-size:13px;color:#c9c9c9;}

#HeaderMenu{clear:both;margin:0px;border:0px solid blue; background:#0d5e8b; background-image: url('/idc/groups/public/documents/en_ada_assets/menu_bg.jpg'); background-repeat: repeat-x; background-position:0px -13px; background-size: 100% 50px;}
#LangDiv a div{background-image: url('/idc/groups/public/documents/en_ada_assets/menu_bg.jpg') !important; background-repeat: repeat !important; background-position:0px 62px !important; background-size: 100px 100px !important;}
#SearchButtonDiv input{background-image: url('/idc/groups/public/documents/en_ada_assets/menu_bg.jpg') !important; background-repeat: repeat !important; background-position:0px 62px !important; background-size: 100px 100px !important;}
#HeaderMenuSubWrapper{padding:0px;}
.sf-menu li{background:transparent !important;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:hover, .sf-menu a:active , .sf-menu a:focus {background:#2F7193 !important;}
.navicon-sf-menu {display:none;width:100%;}
.sf-menu ul {margin-left: -34px !important;}
.menuItemFont{font-family:splart-h-ikhlas-bold;font-size:17px;}
#HomeADAButton{width:57px;height:21px;padding:5px 0 0 0;text-align:center;font-weight: normal;}
#HomeADAButton:after {
    content: "";
}
#HomeADAButtonText{display:none;}
#AboutADAButton{width:99px;height:22px;padding:4px 0 0 0;text-align:center;}
#AboutADAButton img{float:initial; padding-left:0; padding-top:0;}
#ProgramsADAButton{width:126px;height:22px;padding:4px 0 0 0;text-align:center;}
#PlanADAButton{width:75px;height:22px;padding:4px 0 0 0;text-align:center;}
#ResearchesADAButton{width:131px;height:22px;padding:4px 0 0 0;text-align:center;}
#PrintsADAButton{width:106px;height:22px;padding:4px 0 0 0;text-align:center;}
#TatweerADAButton{width:93px;height:22px;padding:4px 0 0 0;text-align:center;}
#StrategicADAButton{width:155px;height:22px;padding:4px 0 0 0;text-align:center;}
#StrategicADAButton img{float:initial; padding-left:0; padding-top:0;}
#MediaADAButton{width:126px;height:22px;padding:4px 0 0 0;text-align:center;}
#MediaADAButton img{float:initial; padding-left:0; padding-top:0;}
.submenuStyle{width:168px;height:25px;background-color:#333845;padding:5px 12px 0 0 !important;}

#tatweerpicture, #tatweerbuttons{
	text-align: center !important;
}

/* ############################ Footer ############################ */
#FotterDiv{margin:auto;width:100%; max-width:977px;}
#LinksDiv{margin:auto;width:100%; max-width:977px; text-align:right;}
#RightsDiv{float:right;border:0px solid black;margin-top:5px;margin-right:15px;}
#DevelopDiv{float:left;border:0px solid black;margin-top:5px;margin-left:15px;}
#WebsitesDiv{float:right;width:114px;height:38px;background: #636363;color: #fff;font-size: 22px;text-align: center;line-height: 40px;}
#ArriyadhcomDiv{float:right;width:175px;height:38px;background: #EBEBEB;color: #636363;font-size: 16px;text-align: center;line-height: 40px;font-weight: bold;}
#ArriyadhcomDiv a{color: #636363;text-decoration:none;}
#ArriyadhmapDiv{float:right;width:163px;height:38px;background: #EBEBEB;color: #636363;font-size: 16px;text-align: center;line-height: 40px;font-weight: bold;}
#ArriyadhmapDiv a{color: #636363;text-decoration:none;}
#RiyadhMetro{float:right;width:163px;height:38px;background: #EBEBEB;color: #636363;font-size: 16px;text-align: center;line-height: 40px;font-weight: bold;}
#RiyadhMetro a{color: #636363;text-decoration:none;}
#IconsDiv{text-align:center;}
#IconsDiv a{margin: 5px;}
#IconsDiv img{padding-top: 5px;}





/* ############################ Body ############################ */
/* Common */
.full{width: 100%; padding:0; background: #fff;}
.right-65{float: right; width: 66.5%; padding:0;}
.right-65 .blueTitle{ clear: both; }
.left-35{float: left; width: 33%; padding: 2px; padding-top: 0;}
.right-50{float:right;width:49%; padding: 4.5px;}
.right-33{float:right;width:32.2%; padding: 4.5px;}

/* #container{position:relative;max-width:977px; margin: 0 auto;} */
.container{position:relative;max-width:977px; margin: 0 auto;}
.grayBG{background-color:#F8F8F8;}
.whiteBG{background-color:#FFFFFF;}

.blueTitle, .grayTitle{ margin-top: 5px; padding-top: 5px; padding-bottom: 5px; text-indent: 10px; font-family: Arial, Helvetica, sans-serif; color: white; font-weight: bold;}
.blueTitle{background-color: #0d618f;}
.grayTitle{background-color: #666666;}

#pageDivTitle{width: 100%;padding-top:10px;padding-bottom:10px; margin: auto; background-color: #ffffff;border-bottom:1px solid #c5ced5;text-indent:15px; border-top:7px #e5e5e5 solid; margin-top:3px;}
.pageTitle{font-family:splart-h-ikhlas-bold;font-size:33px;color:#0e608f;}

.boxTitleFont{font-family:splart-h-ikhlas-bold;font-size:17px;color:#ffffff;padding-right:18px;}

/* Index Page */
#MainFlashDiv{position: relative;margin-top:6px; width:100%;/*max-width:977px;height:331px;border:0px solid red;*/}

#NewsDiv{float:right;width: 68.8%;margin-top:6px;}
#NewsBannerDiv{height:26px;margin-top:0px;background-color:#094b6d;}
#NewsInnerDiv{overflow:hidden;margin-top:3px;background-color:#F5F5F5;}
#ADANewsDiv{width:100%;}
#ADANewsContentDiv{width:36%;}
#ADANewsPicDiv{float:left; width:64%; margin: 5px; margin-bottom: 0px;}
#ADANewsPicDiv img{width:100%; max-height:236px;}
.more-news{text-align:right; float:left; padding:3px; /*left:10px;*/ /*position: absolute; bottom: 15px; 
	right: 15px; padding-top: 0;padding-right: 0;z-index:9999;*/}


#WordsDiv{float:left;width: 30%;margin-top:6px;}
#PrincePicDiv{width:100%;}
#PresidentPicDiv{width:100%;margin:6px 0px 0px 0px;}

#PrintsDiv{float:right;width: 33.2%;margin-top:6px;}
#PrintsBannerDiv{height:26px;background-color:#094b6d;}
#PrintsInnerDiv{margin-top:4px;background-color:#f5f5f5;}

#VideosDiv{float:right;width: 34%;margin-top:6px;margin-right:14px;}
#VideosBannerDiv{height:26px;background-color:#094b6d;}
#VidosInnerDiv{margin-top:4px;}

#LoginPollDiv{float:left;width: 30%;margin-top:6px;margin-right:9px;}
#LoginBannerDiv{height:26px;background-color:#094b6d;}
#LoginDiv{margin-top:4px;background-color:#F5F5F5;}
#PollBannerDiv{height:26px;margin-top:7px;background-color:#094b6d;}
#PollDiv{margin-top:4px;}

.quickLinks a{font-family:Tahoma;font-size:14px;text-decoration:none;color:#094b6d;}
.quickLinks div{height:15px;margin:0px 5px;padding:5px;line-height:0.8}
.quickLinks img{margin:0 3px 0 10px;}

/* Prince \ Presedent Page */
.PrincePic {
	float:left;
	border:1px solid #bcc5ca;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:8px;
	padding:5px;
}
.PrincePic img{
	width:207px;
	height:237px;
}
.PrincePic{
	/*
	padding: 5px; 
	float: left; 
	width: 207px; 
	margin-right: 8px; 
	margin-bottom: 8px;
	*/
	float:left;
	border:1px solid #bcc5ca;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:8px;
	padding:5px;
}
.presidentPic {
	float:left;
	border:1px solid #bcc5ca;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:8px;
	padding:5px;
}
.presidentPic img{
	width:207px;
	height:237px;
}


/* project page */
.project_main_pic_div{width:100%;height:271px;background-color:#e5e5e5;margin:auto;}
.project_title_outer_div{width:349px;margin-top:30px;margin-right:25px;float:right;}
.project_title_div{/*height:48px;*/background-color:#ffffff;opacity:0.75;filter:alpha(opacity=75);}
.project_desc_div{height:auto;background-color:#000000;text-align:justify;opacity:0.75;filter:alpha(opacity=75);padding:10px;margin-top:4px;line-height:1.3;}
.project_desc_font{color:#ffffff;font-size:13px;font-family:Tahoma;}
.project-pic{width:185px;float:right;margin-right:10px;}
.project-pic img{margin:4px;margin-right:8px;}


/* strategic page */
.strategic-img{width:147px; height:137px;}

.awardsImg{
	border: 1px solid rgb(188, 197, 202);
	width: 155px;
	float: left;
	height: 145px;
	margin-right: 26px;
	margin-bottom: 20px;
	margin-top: -25px;
}

.awardsImg img{
	margin:4px;
}

/* ############################ Mobile & tablet Css ############################ */
@media (max-width: 995px) {
	#topicdiv img{
		margin: 0 !important;
	}

	.project_title_outer_div{width:300px;margin-top:15px;margin-right:0;}
	.project-pic{width:29%;/*width:100%;*/float:right !important;}

	.boxTitleFont{font-size:17px;padding-right:0;}

	#HomeADAButton{width:40px;}
	#AboutADAButton{width:85px;}
	#ProgramsADAButton{width:100px;}
	#PlanADAButton{width:55px;}
	#ResearchesADAButton{width:100px;}
	#PrintsADAButton{width:70px;}
	#TatweerADAButton{width:69px;}
	#StrategicADAButton{width:135px;}
	#MediaADAButton{width:105px;}

	#VideosDiv{width: 33%;}

	.right-33{width:32%;}
	
	.right-50{
		width: 48%;
	}
	/* strategic page */
	/*.strategic-img{width:107px; height:97px;} */

	/*
	.PrincePic img{
		width:157px;
		height:187px;
	}
	.presidentPic img{
		width:157px;
		height:187px;
	}
	.full{
	 	width: initial; padding: 5px;padding-bottom: 0;padding-top: 0;
	}
	.right-65{
		float: initial; width: initial; padding: 5px;padding-bottom: 0;padding-top: 0;
	}
	.left-35{
		float: initial; width: initial;padding: 5px;padding-bottom: 0;padding-top: 0;
	}
	.right-50{
		float: initial; width: initial; padding: 5px;padding-bottom: 0;padding-top: 0;
	}
	.right-33{float:initial;width:initial; padding: 5px;padding-bottom: 0;padding-top: 0;}
	*/
}

.tatweerText{
	width:50% !important;
}
.tatweerImg{
	width:38% !important;
}

@media (max-width: 840px) {
	.right-65{
		width: 65.7%;
		padding-right: 5px;
	}
	.right-50{
		width: 48%;
	}
	.left-35 img{
		width: 100%;
		height: initial;
		margin:0 !important;
	}
	#ADANewsPicDiv{
		width:51%;
	}
	#ADANewsContentDiv{
		width:49%;
	}
	.tatweerText{
		width:60% !important;
	}
	.tatweerImg{
		width:27% !important;
	}

}
@media (max-width: 767px) {
	.right-33{width:48%;}

	.right-65{
		width: initial;
		padding: 5px;
	}
	.left-35{
		width: initial;
		float: initial;
		padding: 5px;
	}
	.right-50{
		width: initial;
		float: initial;
	}

	/* ############################ Header ############################ */
	#LogoDiv{margin: 0px 7px;}
	#MiddleDiv{display:none;}
	#LastUpdateDiv{display:none;}
	#HeaderLeft{margin: 0px 7px 7px 0px;}
	#LangDiv {margin-left: 7px;}
	#SearchDiv{margin-left: 7px;padding:5px;border: 1px #D0D0D0 solid;}
    
    #HeaderMenu{/*margin:5px;*/margin-top:0px;margin-bottom: 0px;}
	#HeaderMenuSubWrapper{padding:2px; font-size:20px;}
	.navicon-sf-menu {display:block;}
	.sf-menu {display:none;}
	.sf-menu li{width:100% !important;;}
	.sf-menu a{border:0px !important;}
	.sf-menu ul {
		position: relative !important;
		width:100% !important;
		margin-left: 0px !important;
		top:initial !important;
	}
	.sf-menu ul li{
		position: relative !important;
		width:100% !important;
		margin-left: 0px !important;
		top:initial !important;
		left:initial !important;
    	background-color: #333845 !important;
	}
	/*.sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0 !important;}*/
	
	/* ############################ Body ############################ */
	#VidosInnerDiv iframe{width:100% !important;}
	.swiper-button-next, .swiper-button-prev{
    	background-size: 15px !important;
    }
	
	#NewsDiv{float: initial; width:100%;}
	#NewsBannerDiv{width:inital;height:auto;padding:10px;}
	#NewsInnerDiv{width:inital;}
	#ADANewsDiv{width:100%;}
	#ADANewsContentDiv{width:100%;}
	#ADANewsPicDiv{float:initial; width:100%; margin: 0px; }
	#ADANewsPicDiv img{width:100%;}
	.more-news{position: relative; bottom: initial; 
		right: initial; padding-top: 5px;padding-right: 10px;}
	
	#WordsDiv{float: initial; width:100%; height:auto; margin-right:0px;}
	#PrincePicDiv{width:100%; border:0px;}
	#PresidentPicDiv{width:100%; border:0px;}

	#PrintsDiv{float: initial; width:100%; height:auto; }
	#PrintsBannerDiv{width:inital; height:auto;padding:10px;}
	#PrintsInnerDiv{width:100%; height:auto; }

	#VideosDiv{float: initial; width:100%; height:auto; margin-right:0px;}
	#VideosBannerDiv{width:inital; height:auto;padding:10px;}
	#VidosInnerDiv{width:100%; height:auto;}

	#LoginPollDiv{float: initial; width:100%; height:auto; margin-right:0px;}
	#LoginDiv{float: initial; width:100%; height:auto;}
	#LoginBannerDiv{width:inital; height:auto;padding:10px;}
	#PollDiv{float: initial; height:auto;}
	#PollBannerDiv{width:inital; height:auto;padding:10px;}



	/* ############################ Header ############################ */
	#HomeADAButton{width:initial;padding:7px 10px 7px 0;text-align:right;}
	#HomeADAButton:after {
    	content: "";
	}
	#HomeADAButtonText{display:initial !important;}
	#AboutADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#AboutADAButton img{float:left; padding-left:10px; padding-top:8px;}
	#ProgramsADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#PlanADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#ResearchesADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#PrintsADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#TatweerADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#StrategicADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#StrategicADAButton img{float:left; padding-left:10px; padding-top:8px;}
	#MediaADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#MediaADAButton img{float:left; padding-left:10px; padding-top:8px;}

	/* ############################ Footer ############################ */
	#RightsDiv{width:100%;text-align:center;margin-right:0;}
	#DevelopDiv{width:100%;text-align:center;margin-left:0;}
	/*#LinksDiv div{width:100%;margin:0px;}*/

	
	#pageDivTitle{width: initial; height:auto;text-indent:2px; border-top:initial; margin-bottom:initial;}
	.pageTitle{font-size:28px;}
	
	/* ############################ Footer ############################ */
	#LinksDiv div{width:100%;margin:0px;}

}









/* ############################ Swiper Style ############################ */
.swiper-container {
	width: 100%;
	padding-bottom:38px;
}
.swiper-container2 {
	width: 100%;
}
.swiper-slide {
	width: 100% !important;
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 55px !important;
}

/* Slider for news */ 
.newes-slider .swiper-slide {
	display:block;
}
.newes-slider .swiper-pagination-bullet {
	width: 20px !important;
    height: 20px !important;
    text-align: center !important;
    line-height: 20px;
    font-size: 12px;
    background: #C4C4C4 !important;
    margin: 5px;
    opacity: 1 !important;
}
.newes-slider .swiper-pagination-bullet-active {
    color:#fff;
    background: #007aff !important;
}
    
.swiper-prints .swiper-pagination-bullet {
    background: #737171;
    opacity: 1;
}
.swiper-prints .swiper-pagination-bullet-active {
    color:#fff;
    background: #007aff !important;
}

.caption {
	z-index:600; 
	background-color:#000; 
	color:#ffffff; 
	height:40px; 
	width:100%; 
	position:absolute;
	bottom: -35px; /* shift the capption down */
	text-align:right;

}

.caption .content {
	margin:5px;
	margin-right:15px;
	font-family:Tahoma;
	font-size:14px;
	line-height:25px;
}

.caption .content h3 {
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-family:Tahoma;
	font-size:14px;
	font-weight:normal;
	line-height:inherit;
}
.swiper-button-prev, .swiper-button-next{
	top:37% !important;
}

.swiper-button-next{
	background-image:url(../../../../../res/ADA/Ar/ADAImgSlider0/images/PrevPic5.png) !important;
}

.swiper-button-prev{
	background-image:url(../../../../../res/ADA/Ar/ADAImgSlider0/images/NextPic5.png) !important;
}


@media (max-width: 500px) {
	.full{
	 	width: initial; padding: 5px;padding-bottom: 0;padding-top: 0;
	}
	.right-65{
		float: initial; width: initial; padding: 5px;padding-bottom: 0;padding-top: 0;
	}
	.left-35{
		float: initial; width: initial;padding: 5px;padding-bottom: 0;padding-top: 0;
	}
	.right-50{
		float: initial; width: initial; padding: 5px;padding-bottom: 0;padding-top: 0;
	}
	.right-33{float:initial;width:initial; padding: 5px;padding-bottom: 0;padding-top: 0;}
	.right-50 div{
		width: initial !important;
		float: initial !important;
	}
	.right-50 img{
		max-height: initial !important;
	}
	.awardsImg{
		width: initial !important;
		float: initial !important;
		height: initial !important;
		border: 0 !important;
		margin:  0 !important;
	}
	.awardsImg img{
		width: 100% !important;
		height: 100% !important;
		margin:  0 !important;
	}


	/* ############################ Header ############################ */
	#LogoDiv{margin: 0px 7px;}
	#MiddleDiv{display:none;}
	#LastUpdateDiv{display:none;}
	#HeaderLeft{margin: 0px 7px 7px 0px;}
	#LangDiv {margin-left: 7px;}
	#SearchDiv{margin-left: 7px;padding:5px;border: 1px #D0D0D0 solid;}
    
    #HeaderMenu{/*margin:5px;*/margin-top:0px;margin-bottom: 0px;}
	#HeaderMenuSubWrapper{padding:2px; font-size:20px;}
	.navicon-sf-menu {display:block;}
	.sf-menu {display:none;}
	.sf-menu li{width:100% !important;;}
	.sf-menu a{border:0px !important;}
	.sf-menu ul {
		position: relative !important;
		width:100% !important;
		margin-left: 0px !important;
		top:initial !important;
	}
	.sf-menu ul li{
		position: relative !important;
		width:100% !important;
		margin-left: 0px !important;
		top:initial !important;
		left:initial !important;
    	background-color: #333845 !important;
	}
	/*.sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0 !important;}*/
	
	/* ############################ Body ############################ */
	#VidosInnerDiv iframe{width:100% !important;}
	.swiper-button-next, .swiper-button-prev{
    	background-size: 15px !important;
    }
	
	#NewsDiv{float: initial; width:100%;}
	#NewsBannerDiv{width:inital;height:auto;padding:10px;}
	#NewsInnerDiv{width:inital;}
	#ADANewsDiv{width:100%;}
	#ADANewsContentDiv{width:100%;}
	#ADANewsPicDiv{float:initial; width:100%; margin: 0px; }
	#ADANewsPicDiv img{width:100%;}
	.more-news{position: relative; bottom: initial; 
		right: initial; padding-top: 5px;padding-right: 10px;}
	
	#WordsDiv{float: initial; width:100%; height:auto; margin-right:0px;}
	#PrincePicDiv{width:100%; border:0px;}
	#PresidentPicDiv{width:100%; border:0px;}

	#PrintsDiv{float: initial; width:100%; height:auto; }
	#PrintsBannerDiv{width:inital; height:auto;padding:10px;}
	#PrintsInnerDiv{width:100%; height:auto; }

	#VideosDiv{float: initial; width:100%; height:auto; margin-right:0px;}
	#VideosBannerDiv{width:inital; height:auto;padding:10px;}
	#VidosInnerDiv{width:100%; height:auto;}

	#LoginPollDiv{float: initial; width:100%; height:auto; margin-right:0px;}
	#LoginDiv{float: initial; width:100%; height:auto;}
	#LoginBannerDiv{width:inital; height:auto;padding:10px;}
	#PollDiv{float: initial; height:auto;}
	#PollBannerDiv{width:inital; height:auto;padding:10px;}



	/* ############################ Header ############################ */
	#HomeADAButton{width:initial;padding:7px 10px 7px 0;text-align:right;}
	#HomeADAButton:after {
    	content: "";
	}
	#HomeADAButtonText{display:initial !important;}
	#AboutADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#AboutADAButton img{float:left; padding-left:10px; padding-top:8px;}
	#ProgramsADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#PlanADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#ResearchesADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#PrintsADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#TatweerADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#StrategicADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#StrategicADAButton img{float:left; padding-left:10px; padding-top:8px;}
	#MediaADAButton{width:initial;height:22px;padding:7px 10px 7px 0;text-align:right;}
	#MediaADAButton img{float:left; padding-left:10px; padding-top:8px;}

	/* ############################ Footer ############################ */
	#RightsDiv{width:100%;text-align:center;}
	#DevelopDiv{width:100%;text-align:center;}
	#LinksDiv div{width:100%;margin:0px;}



	/*
	.full{
	 	width: initial; padding: 5px;padding-bottom: 0;padding-top: 0;
	}
	.right-65{
		float: initial; width: initial; padding: 5px;padding-bottom: 0;padding-top: 0;
	}
	.left-35{
		float: initial; width: initial;padding: 5px;padding-bottom: 0;padding-top: 0;
	}
	.right-50{
		float: initial; width: initial; padding: 5px;padding-bottom: 0;padding-top: 0;
	}
	.right-33{float:initial;width:initial; padding: 5px;padding-bottom: 0;padding-top: 0;}
	*/
	
	#pageDivTitle{width: initial; height:auto;text-indent:2px; border-top:initial; margin-bottom:initial;}
	.pageTitle{font-size:28px;}


	/*
	.PrincePic img{
		width:157px;
		height:187px;
	}
	.presidentPic img{
		width:157px;
		height:187px;
	}
	*/
	
	.project_title_outer_div{width:300px;margin-top:15px;margin-right:0;}
	.project-pic{width:29%;/*width:100%;*/float:right !important;}

	.boxTitleFont{font-size:17px;padding-left:0;}

	.PrincePic{
		float: initial; 
		width: initial; 
		margin: 0; 
		margin-bottom: 10px; 
		padding: 0; 
		text-align:center;
	}
	
	.PrincePic img{
		width: 98%; 
		height:initial;
	}

	.presidentPic{
		float: initial; 
		width: initial; 
		margin: 0; 
		margin-bottom: 10px; 
		padding: 0; 
		text-align:center;
	}

	.presidentPic img{
		width: 98%; 
		height:initial;
	}
	
	/* strategic page */
	/*.strategic-img{width:107px; height:97px;} */


	/* ############################ Swiper Style ###################### */
	.swiper-container {
		/*padding-bottom:58px;*/
	}
	.caption {
		/*height:60px; 
		bottom: -55px;*/ /* shift the capption down */
	}
	.caption .content h3 {
		line-height:initial;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    	bottom: 65px !important;
	}
}























@media (max-width: 320px) {
	.right-33 img{
		width: 100%;
		height: initial;
		margin:0 !important;
	}

	.right-65 img:not(.auto-style6){
		width: 100% !important;
		height: initial;
		margin:0 !important;
	}
	.right-65 img:not(.auto-style8){
		width: 100% !important;
		height: initial;
		margin:0 !important;
	}
	.left-35 img{
		width: 100%;
		height: initial;
		margin:0 !important;
	}

	.right-33 div{
		width: 93% !important;
		height: initial !important;
		float: initial !important;
		margin: auto !important;
	}

	.right-65 div:not(.project-pic){
		/*width: 93% !important;
		margin: auto !important; */
		height: initial !important;
		float: initial !important;
	}
	.left-35 div{
		/*width: 93% !important;
		margin: auto !important; */
		height: initial !important;
		float: initial !important;
	}
	.right-50 div{
		width: initial !important;
		float: initial !important;
	}
	.right-50 img{
		max-height: initial !important;
	}

	.project_title_outer_div{width:300px;margin-top:15px;margin-right:0;}
	.project-pic{width:29%;/*width:100%;*/float:right !important;}

	.awardsImg{
		width: initial !important;
		float: initial !important;
		height: initial !important;
		border: 0 !important;
		margin:  0 !important;
	}
	.awardsImg img{
		width: 100% !important;
		height: 100% !important;
		margin:  0 !important;
	}

	/* ############################ Swiper Style ###################### */
	.swiper-container {
		/*padding-bottom:58px;*/
	}
	.caption {
		/*height:60px; 
		bottom: -55px;*/ /* shift the capption down */
	}
	.caption .content h3 {
		line-height:initial;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    	bottom: 65px !important;
	}
}


@media (max-width: 995px){
	#tatweerbuttons a img {
    	max-width: 95px !important;
	}
}




/* ############################ Review ############################ */
#EnvDiv{float:right;width:207px;height:38px;margin-top:2px;margin-bottom:2px;margin-right:10px;}
#ProjSystemDiv{float:right;width:268px;height:38px;margin-top:2px;margin-bottom:2px;margin-right:9px;}
#UnderMenuWhiteSpace{width:100%; max-width:977px;height:2px; margin: auto; display:block; background-color: #ffffff;}
#UnderMenuGraySpace{width:100%; max-width:977px;height:8px; margin: auto; display:block; background-color: #e5e5e5;}
#BannerDiv{background-color:#ffffff;margin:auto;width:100%; max-width:977px;display:block;height:51px;}
.GrayLine{width: 976px;height:8px; margin: auto; display:block; background-color: #e5e5e5;border:0px solid red;}
.menuLink{text-decoration:none !important;color:#ffffff !important;}
/* Review */