/* ::. In The name oF ALLAH The Most beneficient oF The Most Mericful .:: */
@media all {
	main, header, {
	-webkit-transition: width 1s ease-in-out;
	-moz-transition: width 1s ease-in-out;
	-o-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;
}
}

@media screen and (min-width: 768px) and (max-width: 799px) {
	
}

@media screen and (min-width: 600px) and (max-width: 766px) {
	
}

@media screen and (min-width: 480px) and (max-width: 599px) {

}
@media screen and (min-width: 320px) and (max-width: 479px) {
/* Header */
header {
	width:100%;
	height:auto;
	float: left;
	
	background:#F2F2F2;
	border:0px solid black;
}
header #Header {
	width:100%;
	height:auto;
	float: left;
	
	border:0px solid red;
}
header .Logo {
	width:30%;
	height:auto;
	float:left;
	margin:10px 35% 5px;
	border:0px solid red;
}
header .Logo-Name {
	width:66%;
	height:45px;
	float:left; 
	margin:5px 17%;
	
	font-size: 40px;
	color: #0067AC;
	text-shadow: 2px 2px 5px gray;
	border:0px solid red;
}	
header .Top-Bar {
	width:100%;
	height:30px;
	float:right;
	margin: 10px 0 ;
	border:0px solid black;
}
header .Top-Bar .Social-Icons {
	width:50%;
	height:30px;
	float:right;
	margin: 0 25%;
	border:0px solid blue;
}
/*header .Top-Bar .Social-Icons .Icon {
	width:30px;
	height:30px;
	margin: 0 4px; 
	float:left;
}*/
header #Navigation {
	width:100%;
	float: right;
	margin: 0;
	background:#0067AD;
	border: 0px solid red;
}
#Slider {
	width:100%;
	height:auto;
	float: left;
	border:0px solid red;
}
/* Footer */
footer {
	width:100%;
	height:100px;
	
	clear:both;
	border:0px solid #17365D;
}
.Footer {
	width:100%;
	height:100px;
	float: left;
	
	margin:0 auto;
	border:0px solid red;
}
footer .Copyright {
	width:96%;
	margin: 40px 2% 0;
	
	height:20px;
	float:left;

	border:0px solid red;
}
footer .TWS {
	width:56%;
	margin: 10px 22% 0;
	
	height:20px;
	float:right;
	border:0px solid red;
}
/* Main Wrapper */
main {
	width:100%;
	float: left;
	
	height:auto;
	margin:0 auto;
	border:0px solid red;
}
.Clear_Fix {
	width:100%;
	
	height:20px;
	clear:both;
	background: white;
	background-position:bottom;
	border: 0px solid white;
}
/* Home */
.Main_Tabs-Back {
	width:100%;
	height:auto;
	float: left;
	border:0px solid brown;
}
.Main_Tabs {
	width:100%;
	height:auto;
	float: left;
	margin:0;

	border:0px solid brown;
}
.Main_Tabs .Tab {
	width:44%;
	height:140px; 
	
	float:left;
	margin:15px 3%;
	box-shadow: 2px 2px 10px gray;
	border-radius:5px;
	border:0px solid gray;
}
.Main_Tabs .Tab img {
	width:50%;
	margin:10px 25%;
	
	height:auto;
	float:left;
	
}
.Main_Tabs .Tab .Tab_Name {
	width:86%;
	font:bold 12px arial;
	
	height:auto;
	float:left;
	margin:10px;
	text-align: center;
	border:0px solid green;
}
.Introduction {
	width:90%;
	
	height:auto;
	float:left;
	margin: 2%;
	padding:3%;
	border:0px solid blue;
}
.Latest_News {
	width: 80%;
	margin:10px 10% 0;
	
	height: 230px;
	float: right;
	box-shadow: 2px 2px 10px gray;
	border:0px solid green;
}
.Latest_News marquee {
	height: 180px;
	margin: 10px 0 0;
	border: 0px solid purple;
}
}
@media screen and (min-width: 0px) and (max-width: 319px) {

}

@media print {
}