@media only screen and (max-width: 600px) {
#box{ 
	left: 5% !important;
	width: 90% !important;
}
}


#link1{
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none; 
}

#fra{
	height: 100% !important;
}

#imgc{
    position: absolute;
    top: 5px;
    right: 5px;
}

#shadowing{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #26262c;
	z-index:10;
	opacity:0.7;
	filter: alpha(opacity=50);
}


#box{
	display: none;
	position: fixed;
	width: 50%;
	height: 90%;
	top: 5%;
	left: 25%;
	padding: 48px;
	margin:0;
	border: 3px solid #cc4d00;
	background-color: #1d2538;
	z-index:101;
	overflow: auto;
	border-radius: 20px;
    padding: 40px 0px 5px 0px;
}

#boxtitle{
	position:absolute;
	float:center;
	top:0;
	left:0;
	width: 100%;
	height:42px;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	margin:0;
	border-bottom: 2px dashed #fff;
	background-color: #cc4d00;
	color:white;
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	font-family: NeoSansArabic ,Tahoma, sans-serif;
}