@media (min-width: 425px) and  (max-width:767px) { 
.card{margin: 0px 30px;border:2px solid black !important;width:300px !important;margin-bottom:10px !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
 **/
		.logo_header{padding:15px;; margin:0px 100px;}
		.site_abbri{margin:10px 0px 0px 0px 0px;font-size:14px;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{margin: 0px 0px -16px 0px;}
		.user_collaps_content{margin:0px 0px 0px -2px;width:100.8%;}
		.container-fluid>.navbar-header{display:block; width: 107.7%; margin: 0px -15px 0px -16px;}  
		.container-fluid>.navbar-collapse{padding:20px 30px;width: 107.5%;position:relative;background-color: #00008bb3;}
		.container-fluid>.navbar-collapse ul li a{padding:20px 20px; font-size:20px;}
		.navbar-nav>li>.dropdown-menu{margin:16px 0px 0px 0px}
		.loginsignupfeature{text-decoration:none;padding:0px 20px 30px 20px; font-size:20px;text-align: left;}
		.container-fluid>.navbar-collapse .dropdown-menu li a{ padding:15px 0px;font-size:18px}	
		.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 -1px 0px;padding: 0px;}
		.user_collaps_content{margin:0px 0px 0px -2px;width:100.8%;}
		.container-fluid>.navbar-header{display:block;margin: 0px -15px 0px -16px;}
		.container-fluid>.navbar-collapse ul li a{padding:20px 20px;font-size:20px;text-align: left;}
		.note_bell{padding:0px 50px 0px 15px}
		.notific{height: 400px;width: 400px;text-align: left;background-color:white !important;padding: 0.01em 16px;margin: 20px 0;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 0px 0px 0px;}			
		.notinum{margin:-10px 0px 20px -15px;padding:5px 10px;font-size: 18px;background:white;color:red;} 
		.notecdate{margin:0px 0px 0px 10px;}
		.container-fluid>.navbar-collapse .dropdown-menu li a{ padding:15px 0px ; font-size:18px}
		.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;}
		.hide_note_btn{margin: 30px -120px 0px 0px;}
		._filter_head { box-shadow: 0px 1px 5px 0px !important; padding: 50px 0px 50px 0px !important;}
}