@media only screen and (max-width: 1200px) {
	#cssmenu > ul > li > a{padding: 20px 5px; font-size:14px}
	#cssmenu > ul > li.current-menu-item > a:before, 
	#cssmenu > ul > li:hover > a:before,
	#cssmenu > ul > li.current_page_parent > a:before{ left:41%}
}
@media only screen and (max-width: 991px) {
	.testi_desc p{padding: 4% 2% 4% 11%; height: 85px;}
	  .black{ padding-bottom:30px;}
	  .welcome_pic img{ max-width:300px; margin-bottom:20px; }
	.welcome_section{ margin-top:20px; }
.counsellling_service img{ max-width:100%;}
.counsellling_service h3{min-height:75px;}
}
@media only screen and (max-width: 767px) {
	
	.head_contact{text-align: center; float: none !important;}
	.head_social{float: none !important; margin: 2% 0; text-align: center;}
	.logo img{margin: 1% auto; display: block;}
	.testi_desc p{padding: 4% 2% 4% 11%; height: 100px;}
	
	article{height: 430px;}
	article .index_parallax{margin-top: 10px;}
	.about_list{margin: 0;}
   .welcome_pic img{margin-bottom:20px; width:100%}
   .welcome_section{ padding:20px;}
}

@media only screen and (max-width: 480px){
	
	.welcome_section h1{font-size: 31px;}
	.about_section hr, .index_parallax hr, .sub_desc hr, .sub_page_section hr{width: 30%;}
	article{height: auto; overflow: visible;}
	article .index_parallax{position: relative; margin: 20px 0;}
	article img{display: none;}
	.head_contact li{display: list-item; list-style: none; border: none;}
	.head_contact li.head_phn::before{left: 28%;}
	.head_contact li.head_mail::before{left: 3%;}
	.sub_desc h1, .sub_page_section h1{font-size: 22px;}
	.testi_main p{padding: 4% 2% 4% 15%;}

}