@media only screen and (max-width: 1199px) {
	.text-1 .text{
		padding-top: 23vh;
	}
	.text-2, .text-4{
		background-position-x: right;
	}
	.text-3{
		background-position-x: left;
	}
}

@media only screen and (max-width: 991px) {
	.text h1{
		font-size: 49px !important;
	}
	.text-1 .text{
		padding-top: 17vh;
	}
	.text p{
		font-size: 20px !important;
		line-height: 30px !important;
	}
	.text-2, .text-4{
		background-position-x: right;
	}
	.text-3{
		background-position-x: left;
	}
	.text-2, .text-3, .text-4{
		height: auto;
		margin-bottom:  2vh;
	}
	
}

@media only screen and (max-width: 767px) {
	.text-1 .text{
		padding-top: 42vh;
	}
	.text-img{
		display: none;
	}
}


@media only screen and (max-width: 479px) {
	.text h1{
		font-size: 30px !important; 
	}
	.text p{
		font-size: 15px !important;
		line-height: 25px !important;
	}
	.text-1 .text{
		padding-top: 14vh;
		padding-bottom: 0 !important;
	}
	.text-2, .text-4{
		background-position-x: right;
	}
	.text-3{
		background-position-x: left;
	}
	.text-2, .text-4{
		height: auto;
	}
	.text-1{
		height: auto;
	}
	.text-3{
		height: auto;
	}
	.inquiry p{
		text-align: justify !important;
	}
	.inquiry h1{
		text-align: left !important;
		/* font-size: 2em !important; */
	}
	.text-img{
		display: none;
	}
	.hero-academic-heading h1{
		text-align: center;
	}
}