@media (min-width: 320px) and  (max-width: 374px) {
.card{border:2px solid black !important;width:300px !important;margin: 0px 0px 10px -22px !important; height:80% !important;display: inline-table !important;color: #000000 !important;}
.card img{  width:300px !important;height:300px !important;border-bottom: 2px solid black !important;}
.card-body{height:30% !important;padding-left: 5px !important;}
 /** 
 *header css
 **/
		.head_h1{font-size:15px !important;}
		.logo_header{padding:0px 25px 15px 15px; margin: 0px 80px -9px 40px;} 
		.site_abbri{margin:10px 0px 0px 0px 0px;font-size:12px;text-align:center;}
		.logo{margin:0px 30px 0px 10px;}
		.logo img{border-radius: 50%;height: 60px;width:15%;float:right;padding:1px; margin: 0px 20px 10px 0px;}
		.navbar{background:white; width:100%;margin: 0px 0px -16px 0px;}	
		.user_collaps_content{margin:0px 0px -4px -2px;width:100.9%;}
		.container-fluid>.navbar-header{display:block;height:40px;}
		.container-fluid>.navbar-collapse{padding:0px 20px 10px 30px;background-color: #00008bb3;}
		.container-fluid>.navbar-collapse ul li a{padding:20px 20px;font-size:20px;text-align: left;}
		.container-fluid>.navbar-collapse .dropdown-menu li a{ padding:15px;font-size:18px;}	
		#myCarousel{margin-top:-1px;}
		.loginsignupfeature{text-decoration:none;padding:0px 20px 30px 20px; font-size:20px;text-align: left;}
		.dropdown-menu{	padding: 0.01em 16px;  margin: 0px 0px; background-color: burlywood!important;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;}
 /** 
 *user header css
 **/
		.navbar{background:white; width:100%;margin: 0px 0px 0px 0px;}
		.user_collaps_content{margin:0px 0px 0px -2px;width:100.8%;}
		.container-fluid>.navbar-header{display:block;} 
		.container-fluid>.navbar-collapse ul li a{padding:20px 30px;font-size:20px;text-align: left;}
		.container-fluid>.navbar-collapse .dropdown-menu li a{ padding:15px 0px ; font-size:18px}
		.navbar-header .navbar-toggle{padding:5px 15px 15px 15px 15px;margin:0;display:inline-block;border-radius:0}
		.notific{height: 400px;width: 400px;text-align: left;background-color:white !important;padding: 0.01em 16px;margin-top: -9px!important;overflow:auto;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;}
		.mark_btn{float:right;margin: 20px 5px 5px 0px;}	
		.notinum{margin:-10px 0px 20px -15px;padding:5px 10px;font-size: 18px;background:white;color:red;} 
		.notecdate{margin:0px 0px 0px 10px;}
		.dropdown-menu{padding: 0.01em 16px;margin: 0px 0px;background-color: burlywood!important; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;}
		.logout_btn{color:black;margin: 0px 30px 0px 0px;}
		.textarea_border{border:2px solid navy;padding: 0px;margin:0px 15px;}
		.notfoundsdata{font-size:17px;}
		.not_found_data_insearch{font-size:25px;}
		.search_group_elements{margin: 50px 0px 0px 0px;}
		.view_allnots_btn  {font-size: 15px !important;padding: 5px 5px !important;margin: 20px 10px !important;}
		._filter_head { box-shadow: 0px 1px 5px 0px !important; padding: 50px 0px 50px 0px !important;}
	}