*{margin:0;pading:0;list-style:none;}
body{color:#6c757d!important}
.main{}
.header{}
.logo{}
.logo h2{}
.logo img{}
.login{}
.menu{}
.menu ul{}
.menu ul li{}
.menu ul li a{  }
.menu ul li a:hover{}
.card-title{color:red}

small.years{background:#8E959B;color:white;padding:5px;border-radius:40px;font-size: 10px;margin-right:3px;}





.blood_sellect{margin-bottom:0px;}
th scope{}

.blood_doner{}
.blood_doner_info{}
.blood_doner_infos{}
.blood_doner_info h2{}
.blood_doner_info p{}

.pagenation{}
.pagenation p{float:left;background:#ddd;margin:5px;padding:7px;}

.bak_color{background:#F8F9FA;}
.footer{background:#F8F9FA;padding:10px}
.footer p{}
.footer_bootom{color: #b6b6b6;}
.footer_bootom a{color: #6C757D;}




.size{}
/**bootstrop calss**/
.table{margin-bottom:inherit;}

/**registation for calss**/
.form_left{float: left;font-weight: 500;padding: 5px 20px 0px 0px;text-align: left;}

.form_left_up{width:100%;float:left;}

.form_right{float:left;}
.form_right input{width: 290px;}
.form-group select{width: 290px;}
.hidden_mobile{display:none}
.slider img{width:100%;height:350px;border-radius: 3px;margin:5px 0px}
.error{font-weight: 700;padding: 0px 0px 0px 20px;color:red;}
/**login space**/
.login_space{}

/**donor**/
.donner_profile h2{font-size:25px}
.donor_bio{font-weight: 500;}

/**about us**/
.content{text-align:justify;}
.content img{float:left}

@media only screen and (max-width: 768px) {
	.hidden_mobile{margin-top:5px;}
	.slider img{height:250px}
	.hidden_dext{display:none}
	.hidden_mobile{display:block}
	.blood_sellect_filter{float:left;width:60px;margin-bottom:0px;}
	.blood_sellect{float:left;width: 270px;margin-right:10px;margin-bottom:0px;}
	.blood_sellect select{width: 270px;}
	.blood_sellect_submit {width: 70px;float:right;margin-bottom:0px;}
	.blood_sellect input[type="text"]{width: 270px;}
	.blood_sellect_submit input[type="submit"]{width: 70px;}
	
	
}

@media only screen and (max-width: 426px) {
	.slider img{height:160px}
	.blood_sellect_filter{margin-bottom:0;}
	.blood_sellect_filter p{margin-bottom:0;}
	.blood_sellect{margin-bottom:5px;}
	.blood_sellect_submit{margin-bottom:1px;}
	.margin-bottom{margin-bottom:1px;}
	.my-2{margin:0px!important;}
	.blood_sellect { width: 390px;}
	.blood_sellect select {width: 390px;}
	.blood_sellect input[type="text"] {width: 390px;}
}
@media only screen and (max-width: 376px) {
	.slider img{height:160px}
	.blood_sellect_filter{margin-bottom:0;}
	.blood_sellect_filter p{margin-bottom:0;}
	.blood_sellect{margin-bottom:5px;}
	.blood_sellect_submit{margin-bottom:1px;}
	.margin-bottom{margin-bottom:1px;}
	.my-2{margin:0px!important;}
	.blood_sellect { width: 345px;}
	.blood_sellect select {width: 345px;}
	.blood_sellect input[type="text"] {width: 345px;}
}
@media only screen and (max-width: 360px) {
	.blood_sellect { width: 330px;}
	.blood_sellect select {width: 330px;}
	.blood_sellect input[type="text"] {width: 330px;}
	.form-group select {width: 330px;}
	.form_right input {width: 330px;}
	
	
}	
	
	
	
	
@media only screen and (max-width: 320px) {
	.blood_sellect {width: 290px;}
	.blood_sellect select {width: 290px;}
	.blood_sellect input[type="text"] {width: 290px;}
	.form-group select {width: 290px;}
	.form_right input {width: 290px;}
	
	
	
	
}

/**



.form-group input[type="text"]{width: 250px;}
.form-group input[type="password"]{width: 250px;}
.form-group input[type="date"]{width: 250px;}
.form-group select{width: 250px;}