@media screen and (min-width: 1450px)
{	
	.container{max-width: 1400px;}

}
@media screen and (max-width: 1480px)
{

	#card .content .title h1{font-size: 20px;}
	#card .logo img{height: 68px;margin-bottom: 20px;}
	#card .info p{font-size: 14px;}
	#card .content .top .single{padding: 15px;}
	#card .content .top .single img{height: 35px;}
	#card .content .top .single h1{font-size: 15px;margin-left: 10px;}
	#card .content .mid .single{padding: 15px;}
	#card .content .mid .single img{height: 30px;}
	#card .content .mid .single h1{font-size: 15px;margin-left: 10px;}
	#card .content .bank{padding: 15px;}
	#card .content .bank img{height: 40px;}
	#card .content .bank .text h1{font-size: 15px;margin-left: 10px;}
	#card .content .bank .text p{font-size: 10px;margin-left: 10px;}
	#card .content .social .single{padding: 15px;}
	#card .content .social .single img{height: 20px;}

}
@media screen and (max-width: 1200px)
{
	#card .content .title h1{font-size: 19px;}

	#card .logo img{height: 78px;margin-bottom: 15px;}
	#card .info{padding: 10px 0;}
	#card .info p{font-size: 13px;}
	#card .content .top .single{padding: 15px;}
	#card .content .top .single img{height: 33px;}
	#card .content .top .single h1{font-size: 14px;margin-left: 8px;}
	#card .content .mid .single{padding: 15px;}
	#card .content .mid .single img{height: 27px;}
	#card .content .mid .single h1{font-size: 14px;margin-left: 8px;}
	#card .content .bank{padding: 15px;}
	#card .content .bank img{height: 40px;}
	#card .content .bank .text h1{font-size: 14px;margin-left: 8px;}
	#card .content .bank .text p{font-size: 11px;margin-left: 8px;}
	#card .content .social .single{padding: 14px;}
	#card .content .social .single img{height: 20px;}
	
}

@media screen and (max-width: 640px) 
{
	#card .logo img{height: 63px;}
	#card .content .title h1{font-size: 17px;}
	#card .info{padding: 10px 0;}
	#card .info p{font-size: 13px;}
	#card .content .top .single{padding: 15px;}
	#card .content .top .single img{height: 33px;}
	#card .content .top .single h1{font-size: 14px;margin-left: 8px;}
	#card .content .mid .single{padding: 15px;}
	#card .content .mid .single img{height: 27px;}
	#card .content .mid .single h1{font-size: 14px;margin-left: 8px;}
	#card .content .bank{padding: 15px;}
	#card .content .bank img{height: 40px;}
	#card .content .bank .text h1{font-size: 14px;margin-left: 8px;}
	#card .content .bank .text p{font-size: 10px;margin-left: 8px;}

	#card .content .social .single{padding: 20px 15px;}
	#card .content .social .single img{height: 18px;}
}
@media screen and (max-width: 480px)
{
	#card .logo img{height: 65px;}
	#card .content .title h1{font-size: 14px;}
	#card .info{padding: 7px 0;}
	#card .info p{font-size: 10px;}
	#card .content .top .single{padding: 10px;justify-content: flex-start;}
	#card .content .top .single img{height: 24px;}
	#card .content .top .single h1{font-size: 12px;margin-left: 7px;}
	#card .content .mid .single{padding: 10px;}
	#card .content .mid .single img{height: 23px;}
	#card .content .mid .single:last-child img{height: 30px;}

	#card .content .mid .single h1{font-size: 12px;margin-left: 7px;}
	#card .content .bank{padding: 15px 10px;}
	#card .content .bank img{height: 28px;}
	#card .content .bank .text h1{font-size: 12px;margin-left: 7px;}
	#card .content .bank .text p{font-size: 9px;margin-left: 7px;}
	#card .content .social .single{padding: 15px 10px;}
	#card .content .social .single img{height: 15px;}
}