@media only screen and (max-width: 850px) {
	
	.centerText {
		width: 150%;
		margin-left: -21%;
	}
	li.dropdown {
		left: 20px;
	}
	.topBar {
		direction: ltr !important;
	}
	.colored-list {
		font-size: 4vw;
	}
	li.dropdown > a {
		padding-left: 20px;
		padding-right: 0px !important;
	}
	html[lang="ar"] li.dropdown img {
		margin-right: 10px;
	}
	html[lang="ar"] li.dropdown ul {
		margin-left: 5px !important;
	}


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

	.hmContent p {
		font-size: 4vw;
	}

	.vertical-list-1 p {
		font-size: 16px;
	}

	.hk-content-1 p {
		font-size: 3.5vw;
	}
	.academyBox span {
		font-size: 6.5vw;
		line-height: 1.3;
	}
}