@media (max-width: 767px) {   
	.cardOuterArea { max-width: 530px; padding: 15px; } 
	.userInfo { margin: -60px 0 20px; }
	.btnTheme { font-size: 16px; font-weight: 500; padding: 10px 20px; }
}
@media (max-width: 575px) { 
	.cardOuterArea { max-width: 475px; } 
	.btnCardFull .btn { width: 100%; }
	.tabCardFirstArea .nav-tabs .nav-link { padding: 8px 5px; font-size: 14px; }
	/* .tabCardSecondArea .nav-tabs { display: grid; grid-template-columns: auto auto;} */
	.tabCardSecondArea .nav-tabs .nav-link { padding: 7px 5px; font-size: 13px; }
	/* .tabCardThirdArea .nav-tabs { display: grid; grid-template-columns: auto auto;} */
	.tabCardThirdArea .nav-tabs .nav-link { padding: 6px 5px; font-size: 12px; }
	.tabCardThirdArea .nav-tabs .nav-item { min-width: 150px; }
	.userInfoOuter { flex-direction: column; padding: 0 10px; top: 0; margin: 50px 0; }
	.footerCard { padding: 15px; }
	.userRight { text-align: left;}
	.shareSocialMain { align-items: start; justify-content: start; flex-direction: column; }
	.shareIcon { margin: 0 0 20px; }
	/* .userInfo p { font-size: 20px; } */
	.contactAdd .btn { font-size: 16px; line-height: 22px; }
}

@media (max-width: 480px) { 
	.cardOuterArea { max-width: 405px; }
	.footerCard { padding: 15px 12px; }
}

@media (max-width: 400px) { 
	.cardOuterArea { max-width: 370px; } 
}