body, html { display: block; max-width: 100%; overflow-x: hidden; } 
@media (max-width: 1120px) { 
	
}

@media (max-width: 1205px) { 

	.schoolname h2 { font-size: 20px; }
	.schoolname { padding-top: 39px; }
}

@media (max-width: 1086px) { 

	.schoolname { padding-top: 42px; padding-left: 14px; }
	.schoolname h2 { font-size: 18px; }
	.header-grid a { font-size: 13px; }
	.topmenu ul { font-size: 13px; }
	#blue-strip { width: 114px; }	
}

@media (max-width: 992px) { 
	.hideondesktop { display: block; } 
	.hideonmobile { display: none; } 
	
	.schoolname { padding-left: 120px; }
	.logo img { max-width: 100%; }
	.contact-number { margin-top: 0; font-size: 0.8em; padding-left: 0; }
	.navigation { background: none; border: 0; opacity: 1; }
	.menu-icon { float:right; cursor: pointer; color: #fff; text-align: center; margin: -50px 0 10px 0; }
	.menu-icon span { background: url(../images/menuicon.png) 0 0 no-repeat; float: right; width: 40px; height: 24px; margin: 0 0 0 10px; }
	
	.menu-icon.active span { background: url(../images/menuicon.png) -119px 0 no-repeat; }
	.level1{ margin-top:0px;}
	.topmenu { display: none; }
	.topmenu { background: rgba(0,30,68,0.7); color: #fff; float: left; margin:0; padding: 10px 15px 15px 15px; position: absolute; width: 100%; right: 0; top: 35px; z-index: 22; } 
	.topmenu li.dropdown { padding: 0; }
	.topmenu .level1 li, .topmenu .toplink li { width: 100%; margin: 0; padding: 0px 0; border-bottom: 1px solid cornflowerblue; }
	.topmenu li label { height: auto; margin-bottom: 5px; margin-top: 15px; border-bottom: 1px dashed #fff; width: 100%; }
	.topmenu .level2 { display: none; }
	.dropdown label { background: url(../images/downarrow.png) right center no-repeat; }
	.dropdown label.active { background: url(../images/uparrow.png) right center no-repeat; }
	.toplink #cssmenu { float: none; }
	.toplink { margin-top: 0; }
	.topmenu li { width: 100%; float: left; }
	.topmenu li a { text-transform: uppercase; color: #fff; width: 100%; float: left; padding: 7px 0; text-align: left; font-size: 12px; }
	.sublavel3 { pointer-events: none; }
	.dropdown-toggle { z-index: 10; }

	.dropdown-menu, .lavel3 { text-transform: uppercase; position: relative; float: none; text-align: center; margin-top: 0; }
	.dropdown:hover .dropdown-menu { top: 0; }
	.dropdown-menu { background: transparent; }
	.lavel3 { top: 0; left: 0; }
	.topmenu .level1 .lavel3 li { border-bottom: 0; }
	
	.services-div img { max-width: 100%; }
	
	.header-container .h-container .mhs-logo { top: 10px; left: 10px; z-index: 15; }
	.mhs-logo img { width: 80px; height: auto; }
	
	.header-grid .hideondesktop { display: block; }	
	
	.header-grid { position: relative; }
	.header-grid .hideondesktop { position: absolute; z-index: 9; color: #ccc; top: 14px; left: 120px; }
	.header-grid .hideondesktop #header ul li { display: inline-block; list-style: none; }
	
	.header-grid { padding-top: 0; }
	.header-grid a { color: #fff; }
	.header-grid a img { display: none; }
	.header-grid .phone { display: none; }
	
	label.phone-icon { float: right; display: block; margin: -50px 55px 60px 0; }
	label.phone-icon a { width: 50px; height: 60px; }
	.phone-icon img { width: 26px; height: auto; }
	
	label.mag-icon { float: right; display: block; margin: -50px 20px 60px 0; }
	label.mag-icon a { width: 45px; height: 60px; }
	.mag-icon img { width: 33px; height: auto; }

} 

@media (max-width: 992px) and (min-width: 768px) { 
	.topmenu { top: 36px; }
	.menu-icon { margin-top: -60px; }
	label.phone-icon { margin: -60px 55px 60px 0; }
	label.mag-icon { margin: -60px 8px 60px 0; }
	footer { line-height: 20px; font-size: 0.7em; }
	
	.dropdown-menu.level2 a { text-transform: none; }
	.dropdown-menu ul.dropdown-expanded li a { text-transform: none; }
}


@media (max-width: 992px) { 
	
	#blue-strip { display: none; }
	.trapezoid { display: none; }
	.schoolname h2 { font-size: 17px; }
	.home-container .news, .sub-container .news { margin-left: 0; font-size: 13px; }
	.home-container .news a, 
	.sub-container .news a, 
	.home-container .cal a,
	.sub-container .cal a,
	.home-container .musiccal a,
	.sub-container .musiccal a,
	.home-container .newsletter a,
	.sub-container .newsletter a
	 { font-size: 13px; }
	 
	.home-container .home-content, .sub-container .sub-content { margin-left: 0; }
	#home-slider .caption-bg { padding: 20px; }
	#home-slider h1 { margin-bottom: 20px; font-size: 2em; padding-left: 0; }
	#footer-container .school-contact, 
	#footer-container .footer-links,
	#footer-container .accreditations { margin-left: 0; }
	#footer-container { font-size: 12px; }
	#event-summary .listing a.hover { width: 55%; display: block; }
	#event-summary a.view_all { text-align: left; }
	#news-summary a.view_all { text-align: left; }
}

@media (max-width: 767px) {
	#home-slider .caption { bottom: 10px; }
	#home-slider .caption-bg { padding: 10px; }
	#home-slider h1 { margin-bottom: 10px; margin-top: 10px; font-size: 1.2em; }
	#home-slider p { font-size: 0.8em; }
	
	footer { line-height: 20px; font-size: 0.8em; background: url(../images/footerbg-mobile.jpg) 0 0 repeat; }
	footer .row:first-child .col-xs-6:first-child { padding-right: 0; }
	.footer-bottom, .margin-top { margin-top: 20px; }
	.footerlink { text-align: left; }
	.products .listing li .teaser { display: none;}
	.product-gallery { margin-bottom: 20px; }
	#google_map { margin-bottom: 50px; }
	#events-list .listing article img { max-width: 40%; min-width: 60%; }
	#event-summary .listing a.hover { width: 55%; }
	.schoolname { padding-top: 42px; padding-left: 80px; }
	
	.mhs-logo img { width: 70px; height: auto; }
	.header-grid .hideondesktop { left: 80px; }
	
	.dropdown-menu ul.dropdown-expanded li a { text-transform: none; }
	#footer-container a, #footer-container .school-contact { font-size: 12px; }

	img.picture-frame, p.picture-frame img { padding-top: 10px; }
	img.picture-frame2, p.picture-frame2 img { padding-top: 10px; }
}

@media (max-width: 680px)  {
	#event-summary .listing a.hover { width: 63%; }
	.mhs-logo img { width: 60px; height: auto; }
	
	label.phone-icon { margin: -50px 57px 60px 0; }
	label.mag-icon { margin: -50px 10px 60px 0; }
}

@media (max-width: 460px)  {
	#home-slider .caption { display: none; }
	#events-list .listing article img { max-width: 90%; min-width: 90%; height: auto; overflow: hidden; }
	#events-list .listing article img.default-image { min-width: auto; }
	#event-summary .listing a.hover { width: 95%; }
	#search-embedded form { width: 300px; }
	#search-embedded input[type="text"] { width: 245px; }
	.header-grid .hideondesktop { left: 25px; }
}

@media (max-width: 414px)  {
	.header-grid .hideondesktop { left: 15px; top: 17px; }
	.schoolname h2 { font-size: 15px; }
	/*td { display: block; }*/
	table.landing_list td { padding: 5px 0; display: block; }
	table.landing_list td.navy-background, 
	table.landing_list td.darkgreen-background, 
	table.landing_list td.lightblue-background,
	table.landing_list td.green-background { padding: 5px 8px; }
	table td h3 { margin-top: 0; }
	.menu-icon span { width: 36px; }
	.carousel-inner { margin-top: 28px; }
}

@media (max-width: 394px)  {
	.schoolname h2 { font-size: 14px; }
}
@media (max-width: 384px)  {
	.header-grid .hideondesktop { left: 15px; top: 20px; }
	.schoolname h2 { font-size: 15px; }
	.schoolname h2 { width: 95px; overflow: hidden; height: 37px; }
	.schoolname { padding-left: 79px; padding-top: 32px; }
	.header-grid a { font-size: 11.5px; }
}

@media (max-width: 321px)  {
	.header-grid .hideondesktop { left: 12px; top: 23px; }
	.schoolname h2 { width: 87px; overflow: hidden; height: 37px; font-size: 14px;  }
	.mhs-logo img { width: 54px; }
	.schoolname { padding-left: 67px; padding-top: 32px; }
	#home-slider h1 {font-size: 1em; }
	.menu-icon span { width: 33px; }
	.home-container .news a, 
	.sub-container .news a, 
	.home-container .cal a, 
	.sub-container .cal a, 
	.home-container .newsletter a, 
	.sub-container .newsletter a { font-size: 12px; }
	#news-summary a.view_all { text-align: left; }
	.sub_body { font-size: 15px; }
	.header-grid a { font-size: 11px; }
}