/* salemstyles-responsive.css */
/*
Responsive stylesheet for the Salem Hospital website
For all layouts above 950px wide
Authored by Bebop Interactive
May 2021

*/

@media screen and (max-width: 1265px) and (min-width: 949px) {
	
	#container-top { width: 100%; }
	#container-bottom { width: 100%; }
	#container-main { width: 100%; }
	#wrapper-main2 { width: 100%; background-image: none; }
	
	.mgb-salem-logo { left: 25px; }
	
	#search { right: 28px; width: 230px;  }
	.search-input { margin-left: 8px; width: 195px; }
	.search-input-container { padding: 0px; }
	.search-button-container { right: 5px; }
	
	#search-new { right: 20px; }
		
	#top-nav { width: auto; margin-left: auto; margin-right: auto; text-align: right; position: relative; top: auto; right: auto; padding: 12px 20px 13px 0px; }
	#main-nav {  }
	.main-nav-item a { margin-left: 0px; margin-right: 0px; }
	.department-backlink { margin-left: 60px; }
	
	.content-left { margin: 0px 4% 0px 65px; }
	.content-right { margin-left: 4%; }
	.content-full-width { margin: 0px 50px 0px 65px; }
	
	.breadcrumb-wrapper { margin-left: 70px; }
	.print-btn { left: 840px; }

	.footer-header { margin: 0px 0px 0px 70px; }
	.footer-social-media-links { right: 70px; }
	.footer-content-left { margin: 0px 0px 0px 70px; }
	.footer-content-middle { width: 200px; }
	.footer-content-right { float: right; margin-right: 58px; width: 200px; }
	.footer-seo-text-wrapper { margin: 0px 70px; }
	.footer-seo-text { width: 100%; }
	/* Header callout button */
	#hdr-callout-btn { right: 30px; }
	
	/* Departments styles */
	.dept-directory .main-content { margin: 0px 0px 0px 40px; width: 96%; }
	.dept-container-col1 { width: 28%; padding: 0px 2% 0px 1%; }
	.dept-container-col2 { width: 28%; padding: 0px 2% 0px 2%; }
	.dept-container-col3 { width: 28%; padding: 0px 0px 0px 2%; }
	
	/* Home styles */
	.home .main-area { margin: 37px 0px 0px 20px; }
	.home-news-header { width: 67%; }
	#home-col-left { width: 32%; margin: 0px 0px 0px 50px; }
	/* #home-col-right { width: 32%; margin: 0px 0px 0px 50px; } */
	#home-col-right { width: 32%; margin: 0px 0px 0px 3%; }
	/*
	.home .in-focus .content-spotlight,.home .in-focus .content-spotlight-last { margin-left: 5%; width: 95%; }
	*/
	.home .content-spotlight-image { margin-right: 0px; }
	.home .content-spotlight-image img { width: 100%; height: auto; }
	
	.home .quick-links-desktop { float: right; margin-right: 70px; position: relative; top: 5px; right: 0px; }
	
	.banner-custom { width: 100%; }
	.banner-custom-link { right: 1%; }
	
	/* Locations styles */
	.location-container { width: 500px; }
	.location-container { margin-left: 50px; }
	.location-column2 { position: relative; float: none; width: 310px; padding-top: 15px; margin-right: 10px; }
	
	/* Contact styles */
	.contact-left-column { margin: 0px 35px 0px 65px; }
	.contact-us .main-content h1 { margin-left: 65px; }
	.contact #JobInquirySection,.contact #ComplementConcernSection,.contact #GeneralQuestionSection { left: 70px; }
	
	/* Dropdown Menu styles */
	#departments-menu { width: 800px; left: 145px; }
	#departments-menu .main-nav-dropdown-column1,#departments-menu .main-nav-dropdown-column2,#departments-menu .main-nav-dropdown-column3 { width: 230px; }
	#locations-menu { left: 297px; }
	#patients-menu { left: 179px; }
	#wellness-menu { left: 530px; }
	#giving-menu { top: 162px; left: 642px; }
	
	.sitemap-container { margin-left: 40px; }
	.seo-resource .content-full-width .main-content { width: 780px; margin: 30px 0px 30px 5px; }
	
	/********** Special NSMC Update page (COVID-19) *******************/
	.special-nsmc-update .full-width-image { margin: 20px 15px; }
	.special-nsmc-update .full-width-image img { width: 100%; height: auto; }
	.special-nsmc-update .main-content { width: 100%; }
	.special-nsmc-update .content-middle { width: 720px; }
	.special-nsmc-update .print-btn { left: auto; right: 125px; }
	
	.news .content-middle,.news-overview .content-middle { width: 60%; max-width: 770px; }
	.news .main-content,.news-overview .main-content { width: auto; }
	
	.campus-map .content-middle { width: 60%; max-width: 770px; }
	.campus-map .main-content { width: auto; }
	
	.site-search-results .main-content { width: auto; max-width: 1100px; }
	
	.sub-footer-links { margin-right: 70px; }
	#copyright-notice { margin-left: 70px; }
		
}

@media screen and (max-width: 1199px) and (min-width: 949px) {
	
	.alert-box-active { width: auto; padding: 0px 30px; }
	.alert-box-inactive { width: 100%; }
	
	.right-rail-responsive { display: block; margin: 20px 0px 0px 5px; clear: both; }
	.content-container2 { display: none; }
	.main-content { width: 505px; }
	.content-middle-bottom { width: auto; }
	.left-nav { width: 300px; }
	.content-left { margin: 0px 8% 0px 65px; }
	
	.news .left-nav,.news-overview .left-nav { width: 250px; }
	.news .content-left,.news-overview .content-left { margin: 0px 4% 0px 65px; }
	
	.home #home-slideshow { width: 100%; height: auto; }
	.home .cycle-slideshow div img { width: 100%; height: auto; }
	.home #home-slideshow-wrapper { height: auto; }
	.home .cycle-slideshow div .headline { top: 33%; left: 4%; width: 30%; }
	.home .cycle-slideshow div.pic-6 #headline1 { top: 80%; left: 6%; }
	.home .cycle-slideshow div.pic-6 #headline2 { top: 87%; left: 75%; }
	.home .cycle-pager { top: 80%; left: 4%; }
	
	.banner-custom-link { width: 130px; top: 350px; right: 0%; }
	
	.print-btn { left: 895px; }	
	
	.home-news-header { width: 64%; }
	#home-col-left { width: 30%; margin: 0px 0px 0px 50px; }
	#home-col-right { width: 30%; margin: 0px 0px 0px 4%; }
	
	.home .quick-links { width: auto; }
	.home .quick-links-desktop {  width: 200px; margin-right: 20px; }
	.quick-links .social-media-icon-set { left: 0px; }
	.quick-links .social-media-icon-set { margin-left: 2px; }
	.quick-links .social-media-icon-set a { margin-right: 15px; }
	.quick-links .social-media-icon-set a span { font-size: 28px; }
	
	.location-container { width: 430px; margin-left: 0px; }
	.location-column2 { position: relative; width: 310px; padding-top: 15px; margin-right: 10px; }
	
	.seo-resource .content-right { display: block; float: none; position: absolute; top: 0px; right: 20px; }
	.seo-resource .content-full-width  { width: 65%; }
	.seo-resource .content-full-width .main-content { width: 100%; }
	
	.classes .content-left { margin: 0px 4% 0px 65px; }
	.classes-detail .content-right { display: block; }
	
	.campus-map .content-left { margin: 0px 4% 0px 65px; }
	.campus-map .left-nav { width: 275px; }
	
	.giving-story-summary img { width: 100%; height: auto; max-width: 350px; }
	
	.site-search-results .main-content { max-width: 850px; }	
}

@media screen and (max-width: 1150px) and (min-width: 949px) {
	
	.footer-content-left { width: 550px; }
	.contact-left-column { width: 560px; }
	.contact-right-column { left: 670px; width: 305px; }
	.contact .main-area { min-height: 1200px; }
	.contact-us-contact-info { left: 670px; }
	
	/********** Special NSMC Update page (COVID-19) *******************/
	.special-nsmc-update .content-middle { width: 650px; }
	
	#banner-custom-wrapper { display: block; position: relative; width: 100%; height: 345px; }
	.banner-custom { width: 100%; height: 345px; background-color: #5c524b; position: relative; }
	.banner-custom-image { text-align: left; width: 744px; }
	.banner-custom-image img { width: 744px !important; height: 345px; }
	.banner-custom-link { width: 300px; position: absolute !important; top: 290px; right: 10px; text-align: right; }
	
	#main-nav { top: 104px; width: 900px; }
	.main-nav-item a { margin-right: 0px; font-size: 16px; }
	
	.sub-footer-links { float: none; margin-right: 0px; margin-top: 0px; margin-left: 70px; }
	.sub-footer-links .footer-link { margin-left: 0px; margin-right: 20px; }
}

@media screen and (max-width: 1100px) and (min-width: 949px) {
	
	#search { top: 22px; }
	.footer-content-left { width: 500px; }
	
	#hdr-callout-btn { right: 300px; }
	
	/********** Special NSMC Update page (COVID-19) *******************/
	.special-nsmc-update .content-middle { width: 630px; }
	.special-nsmc-update .main-content img { width: 100%; height: auto; }
	
	.banner-custom-link { width: 170px; position: absolute !important; top: 270px; right: 20px; text-align: right; }
	
	.press-top-story-image { float: none; margin: 10px 0px 10px 0px; }
	.news-overview .main-content-left2 { float: none; width: auto; margin-right: 0; }
	.news-overview .main-content-right2 { float: none; width: auto; }
}

@media screen and (max-width: 1050px) and (min-width: 949px) {
	
	.nsmc-logo-svg { top: 15px; }
	.nsmc-logo-svg img { width: 240px; height: 56px; }
	
	#search { width: 200px;  }
	.search-input { width: 165px; }

	#hdr-callout-btn { right: 270px; }	
	
	#top-nav span a { font-size: 13px; }
	.breadcrumb-wrapper { margin-left: 35px; }
	.print-btn { left: 850px; }
	.department-backlink { margin-left: 35px; }
	.content-left { margin: 0px 6% 0px 35px; }
	.news .content-left,.news-overview .content-left { margin: 0px 6% 0px 35px; }
	.content-full-width { margin: 0px 50px 0px 35px; }
	.content-full-width .main-content { margin-left: 0px; }
	.main-content-full-width { margin: 0px 35px 20px 35px; }
	.footer-header { margin: 0px 0px 0px 20px; }
	.footer-social-media-links { right: 20px; }
	.footer-content-left { margin: 0px 0px 0px 20px; }
	.footer-seo-text-wrapper { margin: 0px 20px; }
	.footer-content-right { margin-right: 10px; }
	.dept-directory .main-content { margin: 0px 0px 0px 9px; width: 99%; }
	.home .cycle-slideshow div .headline { top: 30%; }
	.home-news-header { width: 69%; margin-left: 15px; }
	#home-col-left { width: 32%; margin: 0px 0px 0px 15px; }
	#home-col-right { width: 32%; margin: 0px 0px 0px 5%; }
	
	.home .quick-links-desktop { margin-right: 20px; }
	
	/* Contact styles */
	.contact-left-column { margin: 0px 35px 0px 30px; width: 550px; }
	.contact-right-column,.contact-us-contact-info { left: 620px; }
	.contact-us .main-content h1 { margin-left: 30px; }
	.contact #JobInquirySection,.contact #ComplementConcernSection,.contact #GeneralQuestionSection { left: 35px; }
	
	.classes h1 { padding: 25px 0px 20px 0px; }
	.classes .content-left { margin: 0px 3% 0px 30px; }
	
	.location-container { margin-left: 2%; }
	
	/********** Special NSMC Update page (COVID-19) *******************/
	.special-nsmc-update .main-area { margin: 0px 20px; }
	.special-nsmc-update .full-width-image { margin: 20px 15px; }
	.special-nsmc-update .full-width-image img { width: 100%; height: auto; }
	.special-nsmc-update .main-content { width: 100%; }
	.special-nsmc-update .content-middle { width: 620px; }
	.special-nsmc-update .print-btn { left: auto; right: 90px; }
	
	/* Dropdown Menu styles */
	#departments-menu { top: 140px; left: 104px; }
	#locations-menu { width: 710px; top: 140px; left: 242px; }
	#locations-menu .main-nav-dropdown-column1 { width: 360px; }
	#patients-menu { top: 140px; left: 114px; }
	#wellness-menu { top: 140px; left: 253px; }
	#giving-menu { top: 140px; left: 328px; }
	
	.sitemap-container { margin-left: 5px; }
	.seo-resource .content-full-width { margin: 30px 0px 30px 0px; }
	.seo-resource .content-full-width .main-content { margin: 10px 0px 30px 0px; }
	.seo-resource .main-content .main-image img { width: 100%; height: auto; }
	
	.campus-map .content-left { margin: 0px 6% 0px 35px; }
	
	.sub-footer-links { margin-left: 20px; }
	#copyright-notice { margin-left: 20px; }
}

@media screen and (max-width: 1000px) and (min-width: 949px) {
	.contact-left-column { width: 540px; }
	.contact-right-column,.contact-us-contact-info { left: 600px; }
	
	/********** Special NSMC Update page (COVID-19) *******************/
	.special-nsmc-update .content-middle { width: 550px; }
	
	.campus-map .content-left { margin: 0px 5% 0px 35px; }
}

@media screen and (max-width: 948px) {
	
	body      {  }
	#wrapper-top { background-color: #fff; }
	.mgb-salem-logo { left: 30px; }
	#alert-box {  }
	.alert-box-active { width: auto; padding: 0px 30px; }
	.alert-box-inactive { width: 100%; }
	
	#wrapper-top,#container-top { height: 140px; }
	#container-top { border-top: 30px solid #003a96; }
	.urgent-care #container-top,.ortho #container-top,.bariatrics #container-top { border-top: 0px solid #003a96; }

	
	/* Header callout button */
	#hdr-callout-btn { top: -27px; right: 10px; width: 360px; height: 30px; }
	.hdr-callout-btn-icon-mobile { display: block; top: 0px; left: 0px; }
	.hdr-callout-btn-text { top: 3px; left: 10px; font-size: 16px; font-weight: bold; color: #e67474; }
	.hdr-callout-btn-text2 { top: 3px; left: 155px; font-size: 16px; font-weight: normal; color: #FFFFFF; }
	.hdr-callout-btn-link { font-size: 16px; color: #b1e4e3; text-decoration: underline; }
	.hdr-callout-btn-arrow { display: none; }
	.hdr-callout-btn-arrow-mobile { display: none; top: 5px; left: 250px; }	
	
	#container-top { width: 100%; }
	#container-bottom { width: 100%; }
	#container-main { width: 100%; }
	.home #container-top { border-bottom: none; }
	#mobile-nav { display: block; top: 1px; }
	.nav-mobile { display: block; }
	#top-nav { display: none; }
	#main-nav { display: none; }
	
	.right-rail-responsive { display: block; margin: 20px 0px 0px 5px; clear: both; }
	.content-container2 { display: none; }
	.main-content { width: 505px; }
	.content-middle-bottom { width: 505px; }
	.main-content-full-width { margin: 0px 25px 20px 25px; }

	#search { top: 65px; right: 35px;  }
	.search-input {  }
	.search-input-container { border: 1px solid #b1e4e3; }
	/* #search-new { top: 75px; right: 35px; } */
	
	
	.print-btn { display: none !important; }
	/*
	.breadcrumb-wrapper { margin-left: 28px; padding-right: 90px; line-height: 140%; }
	*/
	.breadcrumb-wrapper { margin-left: 28px; padding-right: 0px; line-height: 140%; }
	.department-backlink { margin-left: 25px; }
	
	.intro-text,.jump-link,.main-content-right1,.home-content,.main-text,.campus-map .main-content,.contact #ContactDefault,.contact #JobInquirySection,.contact #ComplementConcernSection,.contact #GeneralQuestionSection { font-size: 16px; line-height: 150%; }
	
	.main-content h1,.main-area h1 { font-size: 38px; }
	.main-content h2 { font-size: 30px; line-height: 120%; }
	.main-content h3 { font-size: 26px; line-height: 120%; }
	.main-content h4 { font-size: 22px; line-height: 120%; }
	.main-content ul li { background-position: 0px 11px; }
	
	.home .main-area { position: relative; }
	.home-news-header { width: 50%; margin-left: 25px; }
	#home-col-left { float: none; width: 50%; margin: 0px 0px 0px 25px; }
	#home-col-right { float: none; width: 50%; margin: 0px 0px 0px 25px; }
	.home-content .content-spotlight { min-height: 0; margin-bottom: 30px; }
	.home-content .content-spotlight h3 { display: block; }
	.home .content-spotlight-image { margin-right: 0px; float: none; }
	.home .content-spotlight-image img { max-width: 100%; height: auto; float: none; display: block; }
	
	.home .quick-links-desktop { position: absolute; top: 3px; right: 25px; width: 260px; margin-right: 0px; }


	.home #home-slideshow { width: 100%; height: auto; }
	.home .cycle-slideshow div img { width: 100%; height: auto; }
	.home #home-slideshow-wrapper { height: auto; }
	.home-special-btn { margin: 10px 0px 15px 25px; }
	
	.dept-directory .main-content { margin: 0px 0px 0px 9px; width: 95%; }
	.dept-directory .main-content h1 { padding: 25px 0px 0px 20px; }
	.dept-container-col1,.dept-container-col2,.dept-container-col3 { float: none; width: 95%; padding: 0px 0px 0px 5px; border-right: 0px solid #ddd; }
	.dept-list a { margin: 5px 0px; }
	.dept-list h3 { font-size: 32px; margin-bottom: 10px; }
	.dept-withsubnav { font-weight: normal; margin: 5px 0px 10px 25px !important; }
	.dept-subnav { margin: -5px 0px 5px 25px; border-top: 1px solid #ddd; padding-top: 5px; }
	.dept-withsubnav-home { margin-top: 5px; font-weight: bold; }
	
	.location-container { width: 460px; margin-left: 40px; }
	
	.main-nav-item a:hover { color: #33a3c8; }
	.content-left { margin: 0px 5.5% 0px 25px; }
	.content-middle { float: right; margin-right: 25px; }
	.content-right { margin-left: 25px; float: left; margin-top: 0px; margin-bottom: 30px; }
		
	.footer-content-left { float: none; margin: -2px 0px 0px 25px; width: 365px; }
	.footer-content-middle { display: none; }
	.footer-content-right { display: none; }
	.footer-header { margin: 0px 0px 0px 25px; padding: 30px 0px; }
	.footer-logo-2 { margin-top: 40px; }
	.footer-logo-2 a { }
	.footer-logo-2 a span { font-size: 24px; }
	.footer-logo-2 a img { width: 250px; height: auto; }
	
	.footer-seo-text-wrapper { margin: 0px 20px; }
	.footer-seo-text { width: 100%; }
	
	/*
	.footer-social-media-links a { color: #a6d3e0; margin-left: 10px; }
	*/
	/*.footer-header { color: #0081a7; }
	.footer-driving-directions a { border: 1px solid #0081a7; color: #0081a7; }
	.footer-driving-directions a:visited { color: #0081a7; }
	.footer-driving-directions a:hover { color: #999; border: 1px solid #999; }
	.footer-link a { color: #0081a7; }
	.footer-link a:visited { color: #0081a7; }
	.footer-link a:hover { color: #0081a7; }
	.footer-logo p { color: #0081a7; }

	.footer-seo-text { color: #0081a7; border-top: 1px solid #0081a7; }
	.footer-seo-text a { color: #0081a7; }
	.footer-seo-text a:visited { color: #0081a7; }
	.footer-seo-text a:hover { color: #999; }
	*/
	

	/********** Special NSMC Update page (COVID-19) *******************/
	.special-nsmc-update .main-area { margin: 0px 20px; }
	.special-nsmc-update .full-width-image img { width: 100%; height: auto; }
	.special-nsmc-update .main-content { width: 100%; font-size: 16px; }
	.special-nsmc-update .content-middle { width: 500px; }
	.special-nsmc-update .main-content img { width: 100%; height: auto; }
	.special-nsmc-update .print-btn { top: 15px; left: auto; right: 80px; }
	
	.news .content-middle,.news-overview .content-middle { width: 57%; }
	.news .main-content,.news-overview .main-content,.press-item1 .press-item-title4,.press-item1 .press-item-date1 { width: auto; font-size: 16px; line-height: 150%; }
	.press-item-title,.press-item-link2,.press-item-link3,.press-item1 .press-item-title4,.press-item-title4 { font-size: 20px; margin-bottom: 5px; }
	.press-top-story-image { float: none; margin: 10px 0px 10px 0px; }
	.press-top-story-image img { width: 100%; height: auto; max-width: 505px; }
	.press-item .print-btn { top: 100px; }
	.news-overview .main-content-left2 { float: none; width: auto; margin-right: 0; }
	.news-overview .main-content-right2 { float: none; width: auto; }
	.news-social-media-text { margin: 6px 5px 0px 0px; }
	
	.contact .main-area {  }
	.contact-left-column { margin: 0px 25px 0px 25px; border-right: 1px solid #ddd; width: 465px; }
	.contact-us .main-content h1 { margin-left: 25px; padding: 25px 0px 20px 0px; }
	.contact-main-image img { width: 100%; height: auto; }
	.contact-right-column,.contact-us-contact-info { left: 516px; }
	.contact-right-column { width: 350px; }
	.contact #ContactDefault,.contact #JobInquirySection,.contact #ComplementConcernSection,.contact #GeneralQuestionSection { position: absolute; top: 500px; left: 25px; width: 440px; }
	.contact-form,.contact-form2 { line-height: 130%; }
	
	.campus-map .content-left { display: none; }
	.campus-map .content-middle { width: auto; margin: 0px 25px; }
	.campus-map .main-content { width: auto; }
	
	.classes .content-middle { width: auto; margin-left: 25px; float: none; margin-right: 25px; }
	
	.giving-story-summary img { width: 100%; height: auto; max-width: 350px; }
	
	.content-full-width { float: none; margin-left: 25px; margin-right: 25px; }
	.content-full-width .main-content { width: 100%; margin-left: 0px; }
	
	.seo-resource .main-content .main-image img { width: 100%; height: auto; max-width: 671px; }
	.seo-resource .content-full-width { margin: 0px 50px 0px 25px; }
	
	.site-search-results .main-content h1 { padding: 0px 0px 10px 0px; margin: 0px; }
	.site-search-results .main-content h2 { padding: 15px 0px 10px 0px; font-size: 24px; }
	.site-search-pagination .pagination-link { font-size: 100%; }
	
	.sub-footer-links { float: none; margin-right: 0px; margin-top: 0px; margin-left: 20px; }
	.sub-footer-links .footer-link { margin-left: 0px; margin-right: 20px; }
	#copyright-notice { margin-left: 20px; }
	.copyright-text { padding: 20px 0px 30px; margin: 0px; }
	/* Sitemap styles */
	.sitemap .main-text { font-size: 20px; line-height: 300%; }
	.sitemap .main-content { margin: 0px 0px 0px 0px; }
}

@media screen and (max-width: 900px) {
	.department-backlink { display: none; }
	.mobile-subnav { display: block; }
	.right-rail-responsive { display: none; }
	.content-right { display: block; float: right; margin-top: 140px; margin-right: 30px; margin-left: 0px; }
	.main-area { margin-top: 0px; }
	.content-middle { float: left; margin-left: 30px; margin-top: 30px; }
	.breadcrumb-container { padding: 5px 0px; }
	.content-left { display: none; }
	.news .content-middle,.news-overview .content-middle { width: 505px; }
	.news .press-top-story { margin-top: 20px; }
	.contact-responsive { display: block; }
	.contact-responsive .contact-container { width: 90%; padding-left: 20px; }
	.contact-responsive .contact-telephone { font-size: 140%; margin: 20px 0px 10px; }
	.contact-data { font-size: 16px; }
	.contact-container { width: 192px; padding-left: 0px; background-color: transparent; }
	
	.location-directory-list { display: block; }
	.left-nav,.contact-responsive { width: 100%; float: none; border: 1px solid #b1e4e3; margin: 10px 0px; background-color: #fff; }
	.left-nav-hdr,.contact-responsive .contact-hdr { color: #000; font-size: 20px; margin: 0px 0px 0px 0px; padding-left: 0px; background-color: #fafafa; border-bottom: 0px solid #eaecf1;font-family: 'Roboto', Helvetica, Arial, sans-serif; }
	.left-nav-hdr { background-image: none; }
	
	.left-nav-hdr .link-label { padding-right: 40px; }
	.location .left-nav-hdr { padding-top: 0px; }
	.location .left-nav { margin: 10px 0px 20px; }
	.location-container { width: auto; margin-left: 30px; margin-right: 30px; }
	.location-directory .locations-regional-map { display: none; }
	.location-directory .left-nav { width: 100%; float: none; border: 0px solid #8aa9b1; margin: 20px 0px; }
	.location-directory .left-nav-hdr { display: none; }
	.location-directory .left-nav-menu-level1-item { height: auto; padding: 10px 5px 10px 0px; }
	.location-directory .seo-text { border-top: 0px solid #a0a0a0; }
	
	
	.contact-responsive .contact-hdr { background: transparent; }
	.submenu-link-inactive a:after,.contact-link-inactive a:after { position: absolute; top: 7px; right: 20px; font-size: 30px; content: ' +'; }
	.submenu-link-active a:after,.contact-link-active a:after { position: absolute; top: 7px; right: 25px; font-size: 30px; content: ' -'; }
	#submenu-link,#contact-list-link { display: block; }
	#submenu-link button,#contact-list-link button { border: none; cursor: pointer; background: none; font-size: inherit; }
	.submenu-link-inactive a,.submenu-link-active a,.contact-link-inactive a,.contact-link-active a { position: relative; display: block; width: 98%; max-width: 680px; margin: 0px 0px 0px 0px; font-weight: normal; font-size: 20px; cursor: pointer; }
	.submenu-link-inactive a,.submenu-link-active a { padding: 9px 0px 6px 2%; text-indent: 1%; }
	.contact-link-inactive a,.contact-link-active a { padding: 9px 0px 9px 2%; text-indent: 1%; }
	.submenu-link-active a,.submenu-link-active a:visited,.submenu-link-active a:hover { background-color: #fafafa; color: #000; border: 0px solid #eaecf1; }
	.submenu-link-inactive a,.submenu-link-inactive a:visited,.submenu-link-inactive a:hover { background-color: #fafafa; color: #000; border: 0px solid #eaecf1; }
	.contact-link-active a,.contact-link-active a:visited,.contact-link-active a:hover { background-color: #fafafa; color: #000; }
	.contact-link-inactive a,.contact-link-inactive a:visited,.contact-link-inactive a:hover { background-color: #fafafa; color: #000; }
	
	.location .submenu-link-inactive a:after { top: 0px; right: 10px; }
	.location .submenu-link-active a:after { top: 0px; right: 15px; }
	.location .left-nav-menu-level1-item { padding: 5px 5px 5px 0px; }
	.location .left-nav-menu-level1-item-active { padding: 5px 5px 5px 0px; }
	
	/* Heart Center callout widget */
	.callout-widget-div-text { margin-top:15px; }
	
	
	/* Mobile submenu styles */
	.submenu-link-content { padding: 0px; margin: 20px; }
	.submenu-content-item { margin: 5px 0px; }
	.submenu-content-item a { display: block; font-size: 16px; color: #000; padding: 10px 0px 10px 10px; background-color: #eee; font-weight: normal; }
	.submenu-content-item a:visited { text-decoration: none; }
	.submenu-content-item a:hover { text-decoration: none; }
	.submenu-content-item2 { margin: 10px 0px; }
	
	/*Level 1*/
	.left-nav-menu-level1-item { background-color: transparent; height: auto; border-top: 1px solid #b1e4e3; border-bottom: 0px solid #b1e4e3; margin-left: 0px; }
	.left-nav-menu-level1-item a { padding: 6px 0px 6px 21px; font-size: 16px; font-weight: normal; color: #003a96 !important; }
	.left-nav-menu-level1-item a:hover { color: #0077c8 !important; background-color: #b1e4e3; }
	.left-nav-menu-level1-item-expandable-mobile { border-bottom: 0px solid #b1e4e3; }
	
	.left-nav-menu-level1-item-active { height: auto; margin-left: 0px; background: transparent url() 6px 12px no-repeat; border-top: 1px solid #b1e4e3; border-bottom: 0px solid #b1e4e3; font-weight: bold; }
	.location .left-nav-menu-level1-item-active { background-position: 6px 15px; }
	.left-nav-menu-level1-item-active a { display: block; padding: 6px 0px 6px 21px; font-size: 16px; color: #003a96 !important; font-weight: normal; }
	.left-nav-menu-level1-item-active a:visited { color: #003a96 !important; }
	.left-nav-menu-level1-item-active a:hover { color: #0077c8 !important; background-color: #b1e4e3; }

	.left-nav-menu-level1-item-expandable-active { background-color: transparent; background-image: none; height: auto; margin-left: 0px; background-color: transparent; border-top: 1px solid #b1e4e3; border-bottom: 0px solid #dddddd; }	
	.left-nav-menu-level1-item-expandable-active a { display: block; padding: 6px 0px 6px 21px; font-size: 16px; color: #003a96 !important; font-weight: bold; margin-bottom: 0px; } 
	.left-nav-menu-level1-item-expandable-active a:visited { color: #003a96 !important; } 
	.left-nav-menu-level1-item-expandable-active a:hover { color: #0077c8 !important; background-color: #b1e4e3; } 

	/*Level 2*/        
	.left-nav-submenu { border-bottom: 0px solid #b1e4e3; margin: 0px 0px 0px 0px; padding: 0px; }
	.left-nav-submenu ul li { background: none; }
	.left-nav-submenu-bottom { border-bottom: 1px solid #b1e4e3; margin-left: 0px; font-size: 1px; }
	.left-nav-menu-level2-item { margin: 0px 0px 0px 0px !important; padding: 0px !important; border-top: 1px solid #b1e4e3; }
	.left-nav-menu-level2-item a { font-size: 16px; color: #003a96 !important; background-color: transparent; background-image: none; width: 100%; padding: 7px 0px 7px 45px; zoom: 1; font-weight: normal; }
	.left-nav-menu-level2-item a:hover { color: #0077c8 !important; background-color: #b1e4e3; }
	
	.left-nav-menu-level2-item-active { margin: 0px 0px 0px 0px !important; padding: 0px !important; border-top: 1px solid #b1e4e3; }
	.left-nav-menu-level2-item-active a { font-size: 16px; color: #003a96; display: block; line-height: 120%; background-color: transparent; background-image: none; padding: 7px 0px 7px 45px; zoom: 1; width: 100%; font-weight: bold; }
	.left-nav-menu-level2-item-active a:visited { color: #003a96; }
	.left-nav-menu-level2-item-active a:hover { color: #0077c8; background-color: #b1e4e3; }

	.left-nav-menu-level2-item-expandable-active { margin: 0px 0px 0px 0px !important; padding: 0px !important; border-top: 1px solid #b1e4e3; }
	.left-nav-menu-level2-item-expandable-active a { font-size: 16px; line-height: 120%; color: #003a96; display: block; background-color: transparent; background-image: none; padding: 7px 0px 7px 45px; zoom: 1; width: 100%; font-weight: bold; }
	.left-nav-menu-level2-item-expandable-active a:visited { color: #003a96; }
	.left-nav-menu-level2-item-expandable-active a:hover { color: #0077c8; background-color: #b1e4e3; }

	/*Level 3*/
	.left-nav-submenu2 { margin: 0px 0px 5px 0px; padding: 0px 0px; }
	.left-nav-submenu2 li { margin: 0px 0px 0px 50px; list-style-type: none; background: none; }
	.left-nav-menu-level3-item { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 50px; background: none; }
	.left-nav-menu-level3-item a { font-size: 13px; color: #666666; background: none; width: 100%; line-height: 120%; zoom: 1; font-weight: bold; }

	.left-nav-menu-level3-item a:visited { color: #666666; }
	.left-nav-menu-level3-item a:hover { color: #0077c8; }

	.left-nav-menu-level3-item-active { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 50px; }
	.left-nav-menu-level3-item-active a { font-size: 13px; color: #003a96; background: none; width: 100%; line-height: 120%; zoom: 1; font-weight: bold; }
	.left-nav-menu-level3-item-active a:visited { color: #003a96; }
	.left-nav-menu-level3-item-active a:hover { color: #0077c8; }


	.location-directory .left-nav-menu-level1-item a { font-size: 18px; }
	
	.contact-right-column { width: 250px; top: 175px; }
	.contact .main-area {  }
	
	/********** Special NSMC Update page (COVID-19) *******************/
	.special-nsmc-update .content-middle { margin-left: 10px; margin-top: 10px; }
	.special-nsmc-update .left-nav { width: 100%; max-width: 500px; margin-left: 10px; margin-right: 10px; }
	.special-nsmc-update .submenu-link-inactive a:after { position: absolute; top: 2px; right: 10px; font-size: 30px; content: ' +'; }
	.special-nsmc-update .submenu-link-active a:after { position: absolute; top: 2px; right: 15px; font-size: 30px; content: ' -'; }
	.special-nsmc-update .left-nav-menu-level1-item { background-color: transparent; height: auto; border-bottom: 1px dotted #8aa9b1; }
	.special-nsmc-update .left-nav-menu-level1-item a { padding: 6px 0px 6px 21px; font-size: 15px; }
	.special-nsmc-update .left-nav-menu-level1-item-active { background-color: #d3e0be; height: auto; margin-left: 3px; background: transparent url(../Images/backgrounds/gray_arrow5.gif) 6px 10px no-repeat; border-bottom: 1px dotted #8aa9b1;}
	.special-nsmc-update .left-nav-menu-level1-item-active a { display: block; padding: 6px 0px 6px 21px; font-size: 15px; color: #d76238 !important; }
	
	.campus-map .content-middle { margin: 30px 25px; }
	
	.classes .content-middle { margin-top: 0px; }
	.classes .main-content { font-size: 16px; line-height: 180%; }
	.classes-detail .content-left { display: block; font-size: 16px; line-height: 180%; }
	.classes-detail .content-right { position: absolute; top: 40px; right: 25px; text-align: right; display: block; float: none; margin-top: 0px; margin-right: 0px; margin-left: 0px; }
	
	.content-full-width { float: none; margin-top: 30px; margin-left: 25px; margin-right: 25px; }
	.seo-resource .content-full-width,.seo-resource .main-content { margin-top: 0px; }
	.seo-resource .main-content h1 { margin: 10px 0px; }
}


@media screen and (max-width: 800px) {
	
	.contact-responsive { display: block; }
	.contact-responsive .contact-container { width: 90%; padding-left: 20px; }
	.contact-responsive .contact-telephone { font-size: 140%; margin: 20px 0px 10px; }
	.content-right { display: none; }
	.footer-social-media-links { right: 30px; }
	
	/* From nsmcuserstyles.css - remove image border on smaller screens */
	.image-border { border: 0px solid #b1bcb7; }
	.image-top-left { border: 0px solid #b1bcb7; }
	.image-top-right { border: 0px solid #b1bcb7; }
	
	.contact-us .main-content h1 { margin-left: 25px; padding: 25px 0px 20px 0px; }
	.contact-left-column { border-right: 0px solid #ddd; }
	.contact-left-column img { width: 100%; height: auto; }
	.contact-right-column { display: none; }
	.contact-us-contact-info { position: relative; left: 0px; top: 0px; margin: 0px 25px; background-color: transparent; padding: 0px; }
	.contact .contact-main-number { text-decoration: none; color: #003a96; }
	.contact .contact-main-number:visited { text-decoration: none; color: #003a96; }
	.contact .contact-main-number:hover { text-decoration: none; color: #003a96; }
	
	.classes-detail .content-right { top: 10px; }
	.classes-detail .content-left { width: auto; }
	
	/* Footer callout button */
	#ftr-callout-btn { position: relative; top: 0px; left: 0px; width: 200px; margin-top: 20px; }
	.ftr-callout-btn-text,.ftr-callout-btn-text2,.ftr-callout-btn-text3,.ftr-callout-btn-text4 { position: relative; top: 0px; left: 0px; font-weight: normal; font-size: 16px; line-height: 150%; }
	.ftr-callout-btn-text { font-weight: bold; }
}
					
					

@media screen and (max-width: 700px) {
	.nsmc-logo-svg { top: 10px; }
	.nsmc-logo-svg img { width: 240px; height: 56px; }
	
	.mgb-salem-logo { position: absolute; top: 10px; left: 15px; }
	.mgb-salem-logo img { width: 300px; height: 70px; }
	.alert-box-active { padding: 0px 15px; }
	.home-news-header { width: 45%; }
	#home-col-left { float: none; width: 45%; margin: 0px 0px 0px 25px; }
	#home-col-right { float: none; width: 45%; margin: 0px 0px 0px 25px; }
	.home .quick-links-desktop { width: 40%; }
	.home .quick-links-item a { font-size: 16px; line-height: 140%; }
	
	.footer-social-media-links { position: relative; top: auto; right: auto; margin-left: 20px; margin-bottom: 30px; }
	
	}

@media screen and (max-width: 600px) {	
	blockquote { padding: 15px 0px; }
	blockquote a { display: block; }
	.main-content { float: none; margin: 0px 0px 20px 0px; width: auto; line-height: 150%; max-width: 505px; }
	.intro-text img,.main-text img,.main-content-right1 img { max-width: 505px; width: 100%; height: auto; }
	.highlight-box { width: 100%; height: auto; max-width: 505px; }
	.highlight-box img { width: 100%; height: auto; max-width: 505px; }
	.content-middle { float: none; margin-top: 20px; }
	.top-image { max-width: 505px; width: 100%; height: auto; margin: 0px 0px 10px; }
	.top-image img { width: 100%; height: auto; }
	.content-middle-bottom { width: auto; }
	
	.home .main-area { position: relative; margin: 0px; padding-top: 20px; border-top: 1px solid #ddd; }
	.home .quick-links-desktop { display: none; }
	.home .quick-links-mobile { display: block; position: relative; top: 0px; right: 0px; width: auto; margin: 20px 25px; }
	.home .quick-links .social-media-icon-set { display: none; }

	.home-content .content-spotlight { min-height: 320px; margin-bottom: 10px; }
	.home-news-header { width: auto; margin: 0px 25px; }
	#home-col-left { float: left; width: 40%; margin: 0px 0px 0px 25px; }
	#home-col-right { float: right; width: 40%; margin: 0px 25px 0px 0px; }
	.home #home-slideshow-wrapper { display: none; }
	
	.news .content-middle,.news-overview .content-middle { width: auto; }
	.press-item .main-content img { width: 100%; height: auto; }
	.news-overview .content-spotlight-image { width: 78px; }
	.news-overview .content-spotlight-image img { width: 100%; height: auto; }
	.news-overview .content-spotlight-text p { padding: 3px 0px 0px 0px; line-height: 130%;  }
	
	.contact-left-column { margin: 0px 25px 0px 25px; }
	.contact .main-area {  }
	
	.classes-list-dates div { float: left; width: 40%; }
	.classes-list-label { display: block; }
	
	.seo-resource .main-content h1 { margin-top: 0px; padding-top: 10px; }
	
	.physician-links blockquote a { width: auto; }
	
	.map-button { text-align: left; }
	.map-button blockquote { padding: 5px 0px; }
}

@media screen and (max-width: 500px) {
	#wrapper-top,#container-top { height: 130px; }
	.nsmc-logo-svg { top: 5px; left: 10px; }
	.nsmc-logo-svg img { width: 210px; height: 49px; }

	.mgb-salem-logo { position: absolute; top: 0px; left: 20px; }
	.mgb-salem-logo img { width: 270px; height: 63px; }
	
	/* Header callout button */
	#hdr-callout-btn { right: 2px; width: 300px; }
	.hdr-callout-btn-text { left: 0px; font-size: 14px; }
	.hdr-callout-btn-text2 { top: 3px; left: 120px; font-size: 14px; font-weight: normal; color: #FFFFFF; }
	.hdr-callout-btn-link { font-size: 14px; }
	
	.nav-mobile { top: -5px; right: 20px; height: 50px; width: 50px; }
	#search { top: 60px; right: 25px;  }
	/*
	#search-new { top: 65px; right: 25px; }
	*/
	.breadcrumb-wrapper { margin-left: 20px; }
	.print-btn { left: auto; right: 70px; }
	.content-middle { margin-left: 20px; margin-right: 20px; }
	
	.home-content .content-spotlight { min-height: 0; margin-bottom: 30px; }
	.home-content .content-spotlight-image { float: none; margin: 0px 0px 15px 0px; }
	.home-news-header { margin: 0px 20px; }
	#home-col-left,#home-col-right { float: none; width: auto; margin: 0px 20px 0px 20px; }
	.home .quick-links-mobile { margin: 20px 20px; }
	.home-special-btn { margin: 10px 20px 15px 20px; }	
	
	.dept-directory .main-content h1 { padding: 25px 0px 0px 10px; }
	.dept-container-col1,.dept-container-col2,.dept-container-col3 { padding: 0px 0px 0px 0px; }
	.location-container { margin-left: 20px; margin-right: 20px; }
	.location-content-additional { float: none; }
	
	.location-content { float: none; margin: 0px 0px 20px 0px; width: auto; }
	.location-column1 { float: none; width: auto; }
	.location-column2 { float: none; width: auto; padding-top: 15px; margin-right: 0px; }
	.location-image img { width: 100%; height: auto; }
	
	.location .location-map-container { display: none; }
	.location .mobile-directions { display: block; }
	.location .mobile-directions blockquote a { background-image: url(../Images/buttons/compass-pointer.png); background-position: right 12px top 47%; padding: 15px 35px 15px 10px; margin: 5px 0px 10px; }
	/*
	.location-map { overflow:hidden; padding-bottom:75%; position:relative; height:0; }
	.location-map iframe{ left:0; top:0; height:100% !important; width:100% !important; position:absolute; }
	*/
	
	.location-directory .location-content { width: auto !important; }
	.location-directory .left-nav { width: auto; }
	
	.news-social-media-links { height: auto; padding: 5px 0px 5px; }
	.news-social-media-text { float: none; margin: 0px 0px 0px; }
	.press-item .print-btn { display: none; }
	
	.contact-left-column { margin: 0px 20px 0px 20px; width: auto; }
	.contact #ContactDefault,.contact #JobInquirySection,.contact #ComplementConcernSection,.contact #GeneralQuestionSection { width: 350px; }
	.contact-form .editor-label { width: 100px; }
	
	/********** Special NSMC Update page (COVID-19) *******************/
	.special-nsmc-update .left-nav { width: auto; margin-left: 0px; margin-right: 0px; }
	.special-nsmc-update .content-middle { margin-left: 0px; margin-top: 0px; width: auto; }
	.special-nsmc-update .print-btn { left: auto; right: 70px; }
	
	.footer-content-left { width: auto; }
	
	.campus-map .content-middle { margin: 30px 20px; }
	
	.classes-detail .see-classes-button blockquote a { padding: 5px 10px; }
	.classes-detail .content-left { margin-left: 15px; margin-right: 15px; }
	.classes-detail .content-right { right: 15px; }
	
	.content-full-width { float: none; margin-top: 30px; margin-left: 15px; margin-right: 15px; }
	.main-content-full-width { margin: 0px 20px 20px 20px; }
	.seo-resource .content-full-width { margin-top: 0px; }
	
	.seo-resource .spotlight-content-left1 { float: none; }
	.seo-resource .spotlight-content-right1 { float: none; margin-top: 15px; width: auto; line-height: 150%; }
	.seo-resource .spotlight-content-left2 { float: none; margin: 30px 0px 30px 20px; width: 192px; }
	.seo-resource .spotlight-content-right2 { float: none; margin-top: 15px; padding-left: 0px; background: none; width: auto; line-height: 150%;  }
	/* Sitemap styles */
	.sitemap .sitemap-container { margin-left: 20px; }
}

@media screen and (max-width: 400px) {
	.mgb-salem-logo img { width: 240px; height: 56px; }
}