@media screen and (max-width: 600px) {
		#wrapper {
			width: 85%;
		}
		
		#school_section {
			margin-top: 20px;
		}
		
		#boys_school, #girls_school {
			float: none;
			margin: 10px auto;			
		}
		
	}
	@media screen and (max-width: 500px) {
		.top_menu_item {
			float: none;
			width: 100%;
			margin: 10px 0px;
		}		
	}
	@media screen and (max-width: 400px) {
		.map {
			display: none !important;
		}
		.list {
			display: inline !important;
		}
		
		#alert_popup {
			left: calc(50% - 175px);
			width: 350px;
			top: 70px;
		}
		.university_parent, .university_contacts {
			margin: 0px;
		}
		
	}
	
	@media screen and (max-width: 350px) {
		#alert_popup {
			left: calc(50% - 125px);
			width: 250px;
			top: 70px;
		}		
	}