@media only screen and (max-width:1400px) {
	.top-section {
		padding: 40px 0;
	}
	.section02 {
		padding: 50px 0;
	}
	.section02 img {
		max-width: 360px;
	}
}
@media only screen and (max-width:1100px) {
	.section02 {
		padding: 20px 0;
	}
}

@media only screen and (max-width:991px) {
	.section02 {
		background-position: right center;
	}
	.course-section {
		padding: 30px 0;
	}
	.section03 .left-block .inner-block .heading h2 {
		font-size: 28px;
		line-height: 34px;
		padding-bottom: 0;
	}
	.section03 .left-block .inner-block .heading p {
		font-size: 14px;
		line-height: 20px;
	}
	.section03 .left-block .inner-block .btn-outer {
		margin-top: 10px;
	}
	.section05 {
		padding: 30px 0;
	}
	footer {
		padding: 15px 0;
	}
	.tallentex-section {
		padding: 40px 0;
	}
	.tallentex-section .tallentex-block {
		max-width: 320px;
	}
	.section04 .right-block .inner-block {
		max-width: 340px;
	}
	.section04 .right-block .inner-block .heading h2 {
		font-size: 28px;
		line-height: 34px;
		padding-bottom: 0;
	}
	.section04 .right-block {
		padding: 30px 15px 30px 20px;
	}
	.section04 .right-block .inner-block li {
		font-size: 16px;
		line-height: 24px;
		padding-left: 40px;
		margin-top: 20px;
	}
	.section04 .right-block .inner-block li img {
		top: -1px;
		width: 30px;
	}
	.section04 .right-block .btn-outer {
		margin-top: 30px;
	}
	.section02 .inner-block .heading h2 {
		font-size: 28px;
		line-height: 38px;
	}
	.section02 .inner-block li {
		margin-top: 15px;
		font-size: 18px;
		line-height: 28px;
		padding-left: 40px;
	}
	.section02 .inner-block li img {
		width: 30px;
		top: 0;
	}
	.course-section .course-block .course-box {
		padding: 15px;
	}
}

@media only screen and (max-width:767px) {
	.top-section {
	    padding: 20px 0;
	    background-image: url("https://allenwebsite-general.s3.ap-south-1.amazonaws.com/allen-website/landing-pages-2025/ranchi/images/top-bg-mob.jpg");
	    background-size: cover;
	    background-position: center;
	}
	.top-block .left-block {
		width: 100%;
	}
	.top-block .right-block {
		width: 100%;
		margin-top: 0;
		padding-left: 0;
	}
	.top-block .left-block h1 {
		margin-top: 30px;
	}
	.top-block .left-block p {
		margin-top: 10px;
	}
	.top-block .left-block .btn-outer {
		margin-top: 30px;
	}
	.form-outer {
		max-width: 100%;
		padding: 15px;
	}
	.why-choose-section {
		padding: 30px 0;
	}
	.why-choose-section .choose-outer {
		margin-top: 5px;
	}
	.why-choose-section .choose-outer .col-md-3 {
		margin-top: 20px;
	}
	.why-choose-section .choose-outer .choose-box .icon {
		margin-bottom: 0;
	}
	.why-choose-section .choose-outer .choose-box .icon img {
		max-width: 70px;
	}
	.course-section .course-block {
		margin-top: 0;
	}
	
	.tallentex-section {
		background-image: url("https://allenwebsite-general.s3.ap-south-1.amazonaws.com/allen-website/landing-pages-2025/ranchi/images/tallentex-bg-mob.jpg");
	}
	.tallentex-section .tallentex-block .btn-outer {
		margin-top: 20px;
	}
	.section04 {
		flex-wrap: wrap;
		margin-top: 20px;
	}
	.section04 .left-block {
		width: 100%;
	}
	.section04 .right-block {
		width: 100%;	
		padding-left: 20px;
	}
	.section04 .right-block .inner-block img {
		max-width: 280px;
	}
	.section04 .left-block iframe {
		height: 300px;
	}
	.section05 .heading h2 {
		font-size: 20px;
		line-height: 28px;
	}
	.top-block .left-block .logo img {
		max-width: 120px;
	}
	.top-block .left-block h1 img {
		max-width: 210px;
	}
	.course-section .course-block .course-box {
		height: auto;
		margin-top: 10px;
	}
	.spark-section .spark-cnt h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.spark-section .spark-cnt p {
		font-size: 16px;
		line-height: 24px;
	}
	.spark-section .spark-cnt p span {
		font-size: 20px;
	}

}

@media only screen and (max-width:575px) {
	.heading h2 {
		font-size: 24px;
		line-height: 34px;
	}
	.heading p {
		font-size: 16px;
		line-height: 24px;
	}
	.big-news-section {
		padding: 30px 0;
	}
	.big-news-section .news-inner {
		padding: 20px 0 0;
		background-size: 60px auto;
	}
	.section02 img {
		width: 100%;
		max-width: 360px;
	}
	.course-section .btn-outer .btn {
		padding-left: 15px;
		padding-right: 15px;
	}
	.section03 {
		flex-wrap: wrap;
	}
	.section03 .left-block {
		width: 100%;
		order: 2;
	}
	.section03 .right-block {
		width: 100%;
		order: 1;
	}
	.spark-section {
		padding-bottom: 30px;
	}
	.spark-section .allen-spark {
		text-align: center;
	}
	.spark-section .allen-spark img {
		max-width: 260px;
	}
	.spark-section .spark-cnt {
		text-align: center;
		padding-top: 30px;
	}
	.spark-section .spark-cnt h2 {
		margin-bottom: 15px;
	}
	.spark-section .spark-cnt p {
		margin-bottom: 25px;
	}
}