@media only screen and (max-width: 1200px){
.header_left{
	width:100%%;
}
.header_right{
	width:40%;
}
.res_card .hero_btn {
    padding: 0.4rem 0rem;
    font-size: 13px;
}
.header a, .header button {
    font-size: 14px;
}
}
@media only screen and (max-width: 992px){
	html{font-size: 55.5%;}
	.header{
		display: flex;
		flex-direction: column;
	}
	.header_left{
	width:100%;
}
.header_right{
	width:100%;
}
.do_card{
		margin-bottom: 2rem;
	}
}

@media only screen and (max-width: 768px){
	 html{font-size: 48.5%;}
	.header{
		padding-bottom: 1rem;
	}

	.container{
		padding:0 2rem;
	}

.do_card{
		margin-bottom: 4rem;
	}
	.do_card_title_sec{
		height: auto!important;
		margin:1rem 0;
	}
	.help_img{
		max-width: 30rem;
		display: block;
		margin:0 auto;
	}
	.c_card{
		margin-bottom: 3rem;
	}
	.online_apply_section{
		max-width:93%;
	}
}
@media only screen and (max-width:576px){
	 	
}