@media only screen and (max-width:1279px) {
	#LayoutManager.Layout2 {
		left:0;
		padding-left:300px;
		max-width:960px;
	}
	#LayoutManager.Layout2 #Cell1 {
		width:300px;
	}
	.main .main-background .today  h1 { font-size: 38px; margin-top: -20px;}
	
	div.Layout2 #Cell1 .Module {
		padding-left:40px;
	}
	
	 div#Cell1 .Module_12 .formBuilder_288{
	      background: none no-repeat scroll left top #F8901F;
	      padding-left: 110px;
	}

	.main{
		position: relative;
		z-index: 0;
	}

	.Resource_58 .main{
	   background:none;
	}
	
	.Resource_58 .textHolder_59{
	   width:auto;
	}
	
	.Resource_58 div.Layout2 #Cell2 .Module.pos_0{
	   padding-right:0;
	   padding-left: 33%;
	}
	
	.main .main-background .today img, .Resource_58 .today img{width: 40%;left:0;}
	
	.main .main-background .today h1{width:100%;}

	.main .main-background .today img{
		top: auto; left: 0; bottom: 49px;
		max-width: 32%;
		min-width: 309px;
	}

	.listModule_278{
		padding-left:46%;
		padding-top: 150px;

	}	
	.main .main-background .today .main-text-holder{
		padding-left:6%;
	}

	.Resource_1 .corner{
		background: url("/GetSiteFile/Contour_graphic_medium.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	}
	
	.gradient-right{
	   display:none;
	}
	
	.formBuilder_288 input{
	   margin-left:0;
	}
	
	.formBuilder_288 input[type="text"]{
	   margin-bottom:10px;
	}
	
	.page-image-holder #backgroundImage{
		min-height: 314px;
	}
	
	.Resource_46 #Cell1 .pos_1{
		top: -100px; left: 0;
		padding-right: 30px;
		float: right!important;
		width:auto;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {
		min-width: 768px;
	}
	
	header .siteContent .menu-1 {
		float: right;
		margin-right: 20px;
	}
	header .siteContent #search {
		float:right;
		margin-right: 25px;
		clear:right;
	}

	.main .main-background .today  h1 { font-size: 38px; }	

	header nav.menu-30 {
		float:right;
		margin-right:20px;
	}

	.main .main-background, .main .news-events > nav, .background-holder {
		max-width: 960px;
		background-image: url("images/sjhh_backgoundImage_2.jpg");
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	
	.main .main-background { background-size:auto; }
	
	.main .news-events > .siteContent {
		padding: 50px 0 0;
	}
	
	.main .news-events .news {
		padding-right: 20px;
	}
	
	.main .news-events div.volunteering {
		padding-left: 40px;
	}
	
	.main .bottom-front .button {
		bottom: 250px;
	}
	
	#LayoutManager.Layout2 {
		padding-left:0;
		left:0;
	}
	
	#LayoutManager.Layout2 #Cell1 {
		width:300px;
		left:0;
		position:absolute;
	}
	
	div.Layout2 #Cell1 .Module {
		padding-left:40px;
		width:100%;
		padding-right:10px;
	}
	
	.Layout2 #Cell1 nav {
		margin-left:-20px;
	}
	
	div#Cell1 .menu-module {
		padding-left:20px;
	}

	div.Layout2 #Cell2 {
		left:0;
		padding-left:0;
		margin-left:300px;
	}
	
	div.Layout2 #Cell2 {
		width:auto!important;
	}
	
	div.Layout2 #Cell2 .Module {
		padding-left:30px;
		padding-right:30px;
	}

	footer nav .siteContent>.button {
		width: 140px;
		margin-left: 4px;
	}
	footer nav .siteContent>.button:first {
		margin-left: 0;
	}
	div.Layout3 div#Cell4 .scrollButtons{
		display:block;
	}
}

.menu-30 .nav-mobile{
    display:none!important;
}

.menu-57 .nav-mobile{
    display:none!important;
}

.menu-57 .menu-module{
    height:auto;
}

.menu-57 ul{
    padding-left:30px;
}

.menu-57 .link-description{
   padding-left:10px;
   padding-top:10px;
   padding-bottom:10px;
}

.menu-57 .menu-module li {
    display: list-item;
    margin-bottom: 7px;
    text-align: left;
}

.menu-57 .menu-link > a{
      font-size:20px;
}

.menu-57 .level_1 .menu-link > a{
      font-weight:bold;
     font-size: 16px;
      color:#003768;
}

.menu-57 .menu-module {
    list-style-image: url("/GetSiteFile/blue-arrow.png");
}

.menu-57 .menu-module li.noDesc {
    list-style-image: url("/GetSiteFile/blue-arrow-outline.png");
}

.menu-57 .menu-module li.active-item{
    list-style-image: url("/GetSiteFile/blue-arrow-dark.png");
}

.menu-57 .menu-module ul{
    list-style-image: url("/GetSiteFile/blue-arrow.png");
}


/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/******************** 480px <= width < 768px *********************/
@media only screen and (max-width: 767px) {
	body {
		min-width: 480px;
	}

	.siteContent, .FullPage {
		max-width: 480px;
	}

	.Resource_1 div.Layout3 #Cell2 .Module_4 {
		float:none;
		margin:auto;
		width:320px;
	}

	.Resource_1 #tabs {
		width:100%; 
		margin:auto;
    	max-width:480px;
    	min-height:0;
    	float:none;
  	}
	
	header nav.menu-2 {
		font-size:20px;
	}
	
	#LayoutManager.Layout2{
	   left:0;
	}
	
	header {
		-webkit-box-shadow: 	0 3px 3px 0 rgba(0,0,0,0.1);
		-moz-box-shadow: 		0 3px 3px 0 rgba(0,0,0,0.1);
		box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1);
	}
	
 	header a.logo {
		width: 128px;
		height: 53px;
		position: relative;
		margin: 15px 20px 15px 0;
	}
	
	header a.logo img[src="/GetSiteFile/SJHHLogo.png"] {
		display: none;
	}
	
	header a.logo img[src="/GetSiteFile/480SJHHLogo.png"] {
		display: block;
	}
	
	header a.logo125 img[src="/GetSiteFile/sjhh-125.png"] {
		display: none;
	}
	
	header a.logo125 img[src="/GetSiteFile/480sjhh-125.png"] {
		display: block;
	}
	
	header nav.menu-30 {
		margin-left:0;
		margin-right:0;
	}
	
	header nav.menu-30 ul {
		width:450px;
		margin-left:-5px;
		padding:0;
		text-align:center;
	}
	
	.main .Text_35{
		margin-top: -10px;
		border-bottom:none;
		box-shadow:none;
		background:none;
	}
	
	.main div.volunteering{
	 width:auto;
	}
	
	div.Layout2 div#Cell1{
	     	position:relative;
	     	height:auto!important;
	}

	div#Cell1 .Module_4.pos_2{
		position: relative;
		z-index: 11;
	}

	.listModule_278{
	    float: none;
	    padding: 0 0 0 45px;
	    position: relative;
	    right: 0;
	    width: 100%;
	}
	
	div#Cell1 .Module_39{
		max-width: 480px;
		padding-bottom: 55px;
	}
	
	ul.articleCategoryID li{
		width: 117px;
	}
	
	
	div.Layout3 div#Cell3{width:100%;}
	
	div.Layout3 div#Cell3 .Module{
		float:none;
		width:300px;
		margin:auto;
	}
	
	nav.menu.menu-2, #Cell1 nav.menu {
		display: block;
		margin-top: -10px;
		width: 100%;
		top: -60px;
	}

	#Cell1 nav .menu-module {
		font-family:'Arial', sans-serif;
		margin:0;
		border:1px solid #cbcbcb;
		display:none;
		max-height:200px;
		overflow:auto;
	}
	
	#Cell1 nav .menu-module.active {
		display:block;
	}
	
	#Cell1 nav .menu-module a {
		padding:3px 10px;
		color:#282828;
	}
	
	#Cell1 nav .menu-module ul {
		padding-top:0;
		padding-left:18px;
		list-style:none;
	}

	.Layout2 #Cell1 nav {
		font-size:1em;
	}

	.Layout2 #Cell1 nav ul.level_1 {
		display:block;
	}

	nav.menu.menu-2 .nav-title, #Cell1 nav.menu .nav-title{
		color: #58595b;
		float: left;
		font-size: 20px !important;
		margin: 0;
	}
	
	nav.menu.menu-2 .nav-module, #Cell1 nav.menu .nav-mobile {
		display: block;
		overflow: hidden;
	}
	
	#LayoutManager #Cell1 nav.menu .nav-mobile { /* Sub Menu */
		border: 1px solid #D2D4D5;
		border-radius:2px;
		padding: 2px 10px;
	}
	
	nav.menu.menu-2 #nav-mobile .nav-title, #Cell1 nav.menu #nav-mobile .nav-title {
		font-family: 'Source Sans Pro';
		font-weight: 400;
		font-size: 20px;
		color: #58595b;
		float: left;
		margin: 0 20px;
	}
	
	nav.menu.menu-2 #nav-mobile .nav-button, #Cell1 nav.menu #nav-mobile .nav-button {
		display: inline-block;
		width: 32px;
		height: 26px;
		margin: 0 22px;
		cursor: pointer;
	}
	
	nav.menu.menu-2 ul, #Cell1 nav.menu ul {
		display: block;
		overflow: hidden;
		border: none;
		box-shadow: none;
		
		background-color: #fbfbfb;
	}
	
	nav.menu.menu-2 .active, #Cell1 nav.menu .active {
		height: auto;
		box-shadow: 5px 10px 15px rgba(238, 238, 238, 1);
		-webkit-box-shadow: 0px 10px 30px rgba(238, 238, 238, 1);
		-moz-box-shadow:    0px 10px 30px rgba(238, 238, 238, 1);
        display:inline-table;
	}
	
	.menu-module-2.active {
		background-color:#fbfbfb;
		width:480px;
		margin-left:-20px;
		border-left:1px solid #d0d0d0;
		border-right:1px solid #d0d0d0;
		border-bottom:1px solid #d0d0d0;
		position:absolute;
		z-index:10;
		top:48px;
		padding:15px 0;
    	left: 0;
	}
	
	header nav.menu-2 ul li {
		margin:0;
	}
	
	.menu-module-2 a {
		text-align:left;
		padding:3px 0 3px 19px;
	}
	
	nav.menu ul li {
		margin: 0;
		display: block;	
	}
	
	div#Cell1 .menu-module li {
		margin-bottom: 0px;
	}
	
	nav.menu ul a:last-child li {
		border-bottom: none;
	}
	
	
	nav.menu.menu-30  ul li{
	   display:inline-block;
	   border-bottom:none;
	}
	
	.main .main-background, .main .news-events > nav {
		max-width: 480px;
	}
	
	.main .main-background {
		height: 450px;
		background: url("/GetSiteFile/480main-background.jpg") no-repeat;
		border-top-left-radius: 95px 132px;
	}

	.main .main-background > img {
		display:block;
	}	

	.main .main-background .today  .main-text-holder {
		background: transparent;
		width: 100%;
		padding: 40px 20px;
	}

	.main .main-background .today img, .Resource_58 .today img {
		display:none!important;
	}	

	.main .news-events {
		position: static;
	}
	
	.main .news-events nav {
		height: 56px;
		border-top: 1px solid #b9bbc2;
		box-shadow: none;
	}
	
	.main .news-events nav ul li {
		width: 108px;
	}

	.main .news-events nav .sns {
		right: 10px;
	}
	
	.main .news-events > .siteContent {
		padding: 40px 20px 30px;
	}
	
	.main .news-events .news {
		border: none;
		padding: 0;
		padding-bottom: 30px;
		border-bottom: 1px solid #d3d3d3;
	}
	
	.main .news-events div.volunteering {
		padding: 0;
		padding-top: 30px;		
	}
	
	.main .bottom-front .button {
		bottom: 550px;
	}
	
	footer nav .siteContent>.button {
		width: 480px;
		line-height: 50px;
		margin: 0;
		border-radius: 0;
		font-family: 'Source Sans Pro';
		font-size: 20px;
	}
	
	footer>p a:first-child:before {
		content: "\00000A";
		/*white-space: pre;*/
		display: block;
	}

	div.Layout3 div#Cell2{
        float:none !important;
        width:100% !important;
        padding-bottom: 20px;
        max-width:100%;
    }
    
    #LayoutManager.Layout2 {
    	padding-left:0;
    }
    
    div.Layout2 #Cell1 {
    	position:static;
    }

    div.Layout3 div#Cell2 .Module{
float: none !important;
    margin: auto;
    max-width: 480px !important;
    width: auto;
    }

.Resource_1 div.Layout3 div#Cell2{height:auto;}

    .main div.volunteering {
        margin-bottom: 30px;
        float:none;
		text-align: center;
    }

    .main #tabs ul li{
        width:80px !important;
    }

    header nav.menu-30 {
        position: relative;
        top: -85px;
    }

    header .siteContent #search {
        float:none;
    }

    header a.logo{
        left:0;
    }

    header nav.menu-2{
        margin-right:0;
        float:none;
        clear:both;
        position:relative;
    }
    .inner-side{display:none;}
     .main{
         background:none;
     }

    .main .bottom-front .list{
        width:auto;
    }

    .main .bottom-front .employers{
        float: right;
        margin: 0 10px 0 0;
    }

    .main .bottom-front .canada{
        float: left;
        margin-left: 10px !important;
    }

    .pages-visited-menu, .quick-help-menu, .quick-contact-menu  { display: none; }

     /*Inner Pages*/

    #LayoutManager.Layout2 #Cell1{
        left: 0;
        min-height: 260px;
        width: 480px;
        margin:0 auto;
        float:none;
    }

	div.Layout2 #Cell1 .Module.pos_0 {
		 background: url("/GetSiteFile/Contour_graphic_small.png") no-repeat scroll left top transparent;
	}
	
	div#Cell1 .Module_12 .formBuilder_288{
	      background: url("/GetSiteFile/Contour_graphic_small.png") no-repeat scroll left top #F8901F;
	     
	}
	.Resource_1 .corner{
    	 	display:none;
	}
	
	.Text_28{
	    background:none;
	}
	
	.Resource_1 .gradient-left{
	   display:none;
	}
	
	.Resource_1 .gradient-right{
	   display:none;
	}
	
	.Module_12 .formBuilder_288{
	       padding-left: 120px;
	}
	
	.formBuilder_288 input{
	   margin-left:0;
	}
	
	.formBuilder_288 input[type="text"]{
	   margin-left:0;
	   margin-bottom:10px;
	}

	div#Cell1 .Module_12 .formBuilder_288 h1,  div#Cell1 .Module_12 .formBuilder_288 h2{
	     margin-left: 0px;
	}
	
	.Resource_46 #Cell1 .pos_1{
	     top: -130px;
	     padding-right: 0px;
	     padding-left:120px !important;
	     float: none !important;
	     width:auto;
	}
	
	.Resource_1 .articleModule_33{width:100%;}
	
	.Resource_46 div#Cell1 .Module_33{
	     margin-top: 210px;
	}
	
	.Resource_46 div#Cell1 .menu-54{float:left;}

    .page-image-holder {
        height: 260px;
        min-height:0;
/*        background-color: #D2D2D2;*/
    }

    div.page-image-holder .backgroundImage{
        height:100%;
    }

    div.Layout2 #Cell2{
        width:100% !important;
        left:0;
        padding:0;
        clear: both;
    }

    div.Layout2 #Cell2 .Module{
        padding-left: 20px;
        padding-right: 20px;
    }

    .side-title{display:none;}

    div.Layout2 #Cell1 .Module_33{
        background:none;
/*        margin-top: 520px;*/
	padding:0 20px;
        position: absolute;
        width: 100%;
    }

    div#Cell1 .Module_33 .nav-button{
        float:right;
    }
    
    #LayoutManager.Layout2{
	   left:0;
	}

    .menu-54, #Cell2{
        display: block;
        height: 100%;
        margin: 0 auto;
        max-width: 480px;
        position: relative;
    }
    
    .main .main-background .today .main-text-holder{bottom: 0;
    height: auto;
    position: absolute;}
    
    .image-corner {
    	display:none;
    }
    
    .page-image-holder #backgroundImage{
       width:100%;
    }
    
    .page-image-holder {
    	z-index:-1;
    }
    
    div.Layout2 #Cell2 .Module.pos_0{min-height: 273px;}
    
    
    .listModule_489 .video_holder{
    	clear: both;
        float: none;
        width: 240px;
        margin-left:0;
        margin-right:0;
        margin:auto !important;
    }
    
    .Resource_1 .textHolder_2661{width:100%;}
    
    .Resource_58 .main{
      background:none;
    }
    
     .Resource_58 .Text_59 p > img{
       display:block;
       left: 77px;
       position: absolute;
       top: -252px;
    }
    
    .Resource_58 div.Layout2 #Cell2 .Module.pos_0{
    	 background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  	  max-width: 100%;
  	  min-width: 0;
   	 overflow: visible;
   	 padding-left: 0;
   	 position: relative;
   	 min-height:0;
    }
    
    .Resource_58 div.Layout2 #Cell2 .Module.pos_0 h1{width:100%; margin-bottom:40px;}
    
    .Resource_58 div.Layout2 #Cell2 .Module.pos_0 .gradient-left{display:none;}
    
    /*TODO remove*/
     .Resource_58 div.Layout2 #Cell1 .Module_33{display:none;}
    
    .Resource_58 .textHolder_59{
        width:auto;
        background:none;
        height:auto;
        padding-left: 30px;
    }
    
    .Resource_58 div.Layout2 #Cell2 .Module.pos_1{
        padding-top:0;
    }
    
     div.Layout3 div#Cell4 .scrollButtons{
	display:block;
     }
     
     .main .Text_35 .sns{
		position: absolute;
		top: 280px;
		width: 100%;
		text-align: center;
     }
     
    
}

@media only screen and (min-width:960px) and (max-width:1279px) {
	.Resource_58 div.Layout2 #Cell2 .Module.pos_0 {
		width:1280px;
		right:0;
		left:auto;
		padding-left:637px;
		background-position:150px -55px!important;
	}
}