#menu-button {
    display: none;
}
@media only screen and (min-width:768px) and (max-width:979px){
#adminbox {
    margin: -54px 10px 0 0;
}
.container {
    margin: 54px 10px 10px;
}
#header {
    background: none repeat scroll 0 0 #656c60;
    height: 260px;
    width: 100%;
}
#logo {
    background:url("images/logo_res.png") no-repeat scroll center top / 100% auto transparent;
	height: 260px;
}
.outercontent {
    background: none repeat scroll 0 0 #656c60;
    width: 100%;
}
.content {
    margin: 0;
    padding: 10px;
    width: auto;
	text-align: center;
}
#prefooter {
    display: none;
}
#footer {
    height: auto;
}
#social_networks {
    float: none;
    margin: 0 auto;
    position: inherit;
}


/*RESPONSIVE NAV START*/
#navbox {width: 100% !important; padding: 0 !important;}
#menu_ul li.active:first-child {
border-left: 0px solid #fff;
}
#menu_ul li ul {top: 0;
background:none !important;
}
#menu_ul li.active:hover, #menu_ul li.subnav_active:hover {
  border-radius: 0px;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
	#leftnav {
	display: block;
	width: 100% !important;
	float: none;
	margin: 0 auto 10px auto;min-height: 50px;
	height: auto;
	}
  #navbox > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease-out;
    -moz-transition: max-height 0.35s ease-out;
    -ms-transition: max-height 0.35s ease-out;
    -o-transition: max-height 0.35s ease-out;
    transition: max-height 0.35s ease-out;
  }
  #navbox > ul > li > ul {
    width: auto !important;
	text-align:center;
	margin: 0 10px !important;
	}
  #navbox.align-right ul li a {
    text-align: left;
  }
  #navbox > ul > li > ul > li {
    width: 100% !important;
    display: block;
  }
  #navbox.align-right ul ul li a {
    text-align: left;
  }
  #navbox > ul > li > ul > li > a {
    width: 100% !important;
    display: block;
  }
  #navbox ul li ul li a {
    width: 100% !important;
  }
  #navbox.align-center > ul {
    text-align: left;
  }
  #navbox.align-center > ul > li {
    display: block;
  }
#navbox > ul.open {
  max-height: 100%;
  border-top: 1px solid rgba(110, 110, 110, 0.25);
  text-align: center;
}
  #navbox ul {
    padding: 0 !important;
  }
  #navbox ul > li {
    float: none;
    width: 100% !important;line-height: 30px;
	padding: 5px 0;
	text-align: center !important;
  }
  #navbox ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    padding: 12px 20px;
  }
  #navbox ul > li:after {
    display: none;
  }
  #navbox ul li.has-sub > a:after,
  #navbox ul li.has-sub > a:before,
  #navbox ul li ul li.has-sub:after,
  #navbox ul li ul li.has-sub:before {
    display: none;
  }
  #navbox ul li ul,
  #navbox ul li ul li ul,
  #navbox ul li ul li:hover > ul,
  #navbox.align-right ul li ul,
  #navbox.align-right ul li ul li ul,
  #navbox.align-right ul li ul li:hover > ul {
    left: 0;
    position: relative;
    right: auto;
  }
  #navbox ul li ul li,
  #navbox ul li:hover > ul > li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  #navbox ul li ul li a {
    padding: 8px 0;
    color: #1c2f2c;
  }
  #navbox ul li ul ul li a {
    padding: 8px 20px 8px 50px;
  }
  #navbox ul li ul li:hover > a {
    color: #1c2f2c;
	width:100% !important;
  }
  #navbox #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 17px 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    cursor: pointer;position: relative;
	text-align: center;
	background: none repeat scroll 0 0 #1c2f2c;
  }
  #navbox #menu-button:after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    right: 20px;
    top: 23px;
  }
  #navbox #menu-button:before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    right: 20px;
    top: 33px;
  }
  
#menu_ul li ul {display:block; visibility:visible; opacity:1;}
#menu_ul li:hover ul{display:block;}  
#menu_ul ul li {border-bottom: 0px solid #62b5e7;}

#leftnav ul li:hover, #leftnav ul li:active, #leftnav ul li:focus{
	background:none;	
}

/*RESPONSIVE NAV END*/
}

@media only screen and (max-width:767px){
#adminbox {
    margin: -54px 10px 0 0;
}
.container {
    margin: 54px 10px 10px;
}
#header {
    background: none repeat scroll 0 0 #656c60;
    height: 200px;
    width: 100%;
}
#logo {
    background:url("images/logo_res.png") no-repeat scroll center top / 100% auto transparent;
	height: 260px;
}
.outercontent {
    background: none repeat scroll 0 0 #656c60;
    width: 100%;
}
.content {
    margin: 0;
    padding: 10px;
    width: auto;
	text-align: center;
}
#prefooter {
    display: none;
}
#footer {
    height: auto;
}
#social_networks {
    float: none;
    margin: 0 auto;
    position: inherit;
}


.article_description_editable table {
    width: 100% !important;
}
.custom_body_events .article_description_editable img, .custom_body_njbgamedinner .article_description_editable img, .custom_body_trackstrailsmagazine .article_description_editable img, .custom_body_ubnjmerchandise .article_description_editable img, .custom_body_ubnjlicenseplates .article_description_editable img, .custom_body_communityservicesandeducation .article_description_editable img, .custom_body_njbhalloffame .article_description_editable img, .custom_body_njbhofinductees .article_description_editable img{
    height: auto;
    padding: 0 !important;
    width: 90%;
}
.custom_body_events .article_description_editable form img, .custom_body_njbgamedinner .article_description_editable form img{
    height: auto;
    width: auto;
}
#main_image_gallery_image {
    width: 100%;
}
#main_image_gallery_image img {
    padding: 0;
    width: 100%;
}
#image_gallery_wrapper {
    width: 100%;
}
#contact-us-form td {
    float: left;
    width: 100%;
}


/*RESPONSIVE NAV START*/
#navbox {width: 100% !important; padding: 0 !important;}
#menu_ul li.active:first-child {
border-left: 0px solid #fff;
}
#menu_ul li ul {top: 0;
background:none !important;
}
#menu_ul li.active:hover, #menu_ul li.subnav_active:hover {
  border-radius: 0px;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
	#leftnav {
	display: block;
	width: 100% !important;
	float: none;
	margin: 0 auto 10px auto;min-height: 50px;
	height: auto;
	}
  #navbox > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease-out;
    -moz-transition: max-height 0.35s ease-out;
    -ms-transition: max-height 0.35s ease-out;
    -o-transition: max-height 0.35s ease-out;
    transition: max-height 0.35s ease-out;
  }
  #navbox > ul > li > ul {
    width: auto !important;
	text-align:center;
	margin: 0 10px !important;
	}
  #navbox.align-right ul li a {
    text-align: left;
  }
  #navbox > ul > li > ul > li {
    width: 100% !important;
    display: block;
  }
  #navbox.align-right ul ul li a {
    text-align: left;
  }
  #navbox > ul > li > ul > li > a {
    width: 100% !important;
    display: block;
  }
  #navbox ul li ul li a {
    width: 100% !important;
  }
  #navbox.align-center > ul {
    text-align: left;
  }
  #navbox.align-center > ul > li {
    display: block;
  }
#navbox > ul.open {
  max-height: 100%;
  border-top: 1px solid rgba(110, 110, 110, 0.25);
  text-align: center;
}
  #navbox ul {
    padding: 0 !important;
  }
  #navbox ul > li {
    float: none;
    width: 100% !important;line-height: 30px;
	padding: 5px 0;
	text-align: center !important;
  }
  #navbox ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    padding: 12px 20px;
  }
  #navbox ul > li:after {
    display: none;
  }
  #navbox ul li.has-sub > a:after,
  #navbox ul li.has-sub > a:before,
  #navbox ul li ul li.has-sub:after,
  #navbox ul li ul li.has-sub:before {
    display: none;
  }
  #navbox ul li ul,
  #navbox ul li ul li ul,
  #navbox ul li ul li:hover > ul,
  #navbox.align-right ul li ul,
  #navbox.align-right ul li ul li ul,
  #navbox.align-right ul li ul li:hover > ul {
    left: 0;
    position: relative;
    right: auto;
  }
  #navbox ul li ul li,
  #navbox ul li:hover > ul > li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  #navbox ul li ul li a {
    padding: 8px 0;
    color: #1c2f2c;
  }
  #navbox ul li ul ul li a {
    padding: 8px 20px 8px 50px;
  }
  #navbox ul li ul li:hover > a {
    color: #1c2f2c;
	width:100% !important;
  }
  #navbox #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 17px 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    cursor: pointer;position: relative;
	text-align: center;
	background: none repeat scroll 0 0 #1c2f2c;
  }
  #navbox #menu-button:after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    right: 20px;
    top: 23px;
  }
  #navbox #menu-button:before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    right: 20px;
    top: 33px;
  }
  
#menu_ul li ul {display:block; visibility:visible; opacity:1;}
#menu_ul li:hover ul{display:block;}  
#menu_ul ul li {border-bottom: 0px solid #62b5e7;}

#leftnav ul li:hover, #leftnav ul li:active, #leftnav ul li:focus{
	background:none;	
}

/*RESPONSIVE NAV END*/
}

@media only screen and (max-width:320px){
#header {
    background: none repeat scroll 0 0 #656c60;
    height: 80px;
    width: 100%;
}
.article_description_editable img{
    height: auto;
    padding: 0 !important;
    width: 90%;
}		
}