@font-face{font-family:"SolaimanLipi"; src:url("fonts/SolaimanLipi.eot") format("eot"),	url("fonts/SolaimanLipi.svg#SolaimanLipi") format("svg"), url("fonts/SolaimanLipi.ttf") format("truetfe"), url("fonts/SolaimanLipi.woff") format("woff");}
*{margin:0;padding:0;text-decoration:none;list-style-type:none;font-family:SolaimanLipi;transition:0.5s;}


*{margin:0;padding:0}
a{text-decoration:none}
*{font:normal 17px SolaimanLipi;transition:color 0.5s;}
.align-center{margin:0 auto; text-align:center;}

* {
  margin: 0;
  box-sizing: border-box;
}


/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

#wrap {
	margin:0 auto;
	width: 980px;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
.title{width: 100%; height: 80px; border:1px solid #22BEEF; border-radius: 5px; background-color: #22BEEF; color:#FFFFFF; text-align:center; margin-bottom: 5px; position:relative;}
.left-logo{width:60px; height: 60px; float:left;}
.up-logo{width:60px;}
.up_name{width: 85%; height: 60px; font: 35px SolaimanLipi; float:left; color:#FFFFFF;  margin-top:10px;}
.up-login{width:50px; height:30px; float:left; border:1px solid; border-radius:5px; color:#FFFFFF; margin-top:10px;}
.up-login p{font-size:20px; padding:5px;}
.benner{width: 100%; }
.benner img{border-radius: 5px;}
.select_login{width: 100%; border:1px solid #22BEEF; border-radius: 5px; background-color: #22BEEF; padding-top:5px; padding-bottom:5px; color:#FFFFFF; text-align:center; margin-bottom: 5px;}
.up_select{width:98%; border:1px solid; border-radius:5px; margin:0 auto;}
.up_select p{font-size:25px;}
.selector{padding:5px; border-radius: 5px; background-color:blue; border-color:#FFFFFF; color:#FFFFFF;}
.uphead{width: 100%; height:300px; border:1px solid; border-color: #22BEEF; border-radius: 5px; padding-bottom:10px; color:#FFFFFF; text-align:center; margin-bottom: 5px;}
.uphead p{font-size:25px;}
.head_title{width:98%; padding:10px; border-radius: 5px 5px 0px 0px; background-color: #22BEEF;}
.up_id{width: 98%; padding:10px; color: #22BEEF;}
.upinformation{width:200px; border:1px solid; border-radius:50%;}
.asecup{width:100%; border:1px solid; border-color: #22BEEF; background-color:#22BEEF; border-radius:5px 5px 0px 0px; padding-top:10px; padding-bottom:10px; font-size:25px; color:#FFFFFF; text-align:center;}
.asec{width:100%; height:200px; border:1px solid; border-color: #22BEEF; margin-bottom:5px;}
.secinfo{margin: 10px;text-align:center; color:#22BEEF; float:left;}
.secimg{width:135px; height:135px; border:1px solid; border-color: #22BEEF; border-radius: 50%; margin:0 auto; margin-top:10px; background-size: 100%; background-repeat: no-repeat;}
.bsec{width:100%; height:200px; border:1px solid; border-color: #22BEEF; margin-bottom:10px;}
.bsecinfo{margin: 10px;text-align:center; color:#22BEEF; float:left;}
.bsecimg{width:135px; height:135px; border:1px solid; border-color: #22BEEF; border-radius: 5px; margin:0 auto; margin-top:10px; background-size: 100%; background-repeat: no-repeat;}
.footersec{width:100%; border:1px solid; border-color: #22BEEF; background-color:#22BEEF; color:#FFFFFF; text-align:center;}


/* person.php */
.up_details{text-align:center;}
.person{height: 300px; width:300px; border: 2px solid #22BEEF; display:block; margin:auto; margin-top:10px; margin-bottom: 10px;}

/* person_s.php */
.sec_persons{width:100%; border:1px solid; border-color: #22BEEF; margin-bottom:5px;}
.up_persons{width:90%; position:relative; margin:auto; margin-top:10px; margin-bottom:5px;}
.person_s{width:150px; height:150px; border: 2px solid #22BEEF; margin-left:15px; float:left;}
.person_details{width:100%px; height:150px; border: 2px solid #22BEEF; margin-left:175px;}
.person_details p{margin-left:15px;}

/* Citizen Apply*/
.certify{width:100%; border:1px solid; border-color: #22BEEF; margin-bottom:5px;}
.field{width:46%; border:1px solid; border-color: #22BEEF; margin:15px; float:left; padding-top:15px; padding-bottom:15px; }
.field p{text-align:center;}
.inner-form{margin:5px;}
.col-form{float:left; width:27%; margin-left:10px;}
.form-control{width:60%}
.sbutton{ margin-top:10px; margin-bottom:15px;}

/* Inheritance_certify_apply */
.add_item{width:200px; border:1px solid; margin-left:15px;}



/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	#wrap{
		width: 712px;
		padding: 5px 5px 5px;
	}
	.benner img{max-width: 100%; }
	.head_title{width:97%;}
	.asec{width:100%; height:370px; border:1px solid; border-color: #22BEEF;}
	.secinfo{width:27%; height:170px; border:none;}
	.secimg{margin:0 auto;}
	.membersec{width:100%;}
	.sec_right{width:23%; float:left; font-size:15px; margin-left:30px;}
	.bsec{width:100%; height:370px; border:1px solid; border-color: #22BEEF;}
	.bsecinfo{width:27%; height:170px; border:none;}
	.bsecimg{margin:0 auto;}
	.up_name{width: 80%;}

/* Citizen_Apply*/
	.field{width:45%;}
	.col-form{width:100px;}
	.en-font{font-size:11pt;}
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	#wrap {
		width: 252px;
		padding: 5px 5px 5px;

	}
	
	.benner img{max-width: 100%; margin-bottom: 5px;}
	.head_title{width:95.2%;}
	.selector{width:100%; text-align:center;}
	.asec{height:600px;}
	.secinfo{width:40%; border:none;margin-left:27px;}
	.secimg{ border:1px solid; border-color: #22BEEF; border-radius: 5px; margin:10px; }
	.basec{height:600px;}
	.bsecinfo{width:40%; border:none;margin-left:27px;}
	.bsecimg{ border:1px solid; border-color: #22BEEF; border-radius: 5px; margin:10px; }
	.up_name{display:none;}
	.left-logo{width:70%;margin-left:15%;}

/* Citizen_Apply*/
	.field{width:92%;}
	.col-form{width:100px;}
	.en-font{font-size:11pt;}
	.col-form{float:none;}
	.form-control{width:98%}
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#wrap{
		width: 436px;
		padding: 5px 5px 5px;
	}
	.benner img{max-width: 100%; height:150px; margin-bottom: 5px;}

}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	#wrap{
		
	}
	
}