/*-------------------------------------------------------------------------------------------*/
/*- MEDIA QUERIES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1260px) {
	.page-id-177 #right-column{
		overflow-x: scroll ;
	}
		/*Change made my Tom 10/11/2015 overflow on mobile*/
}


/*iPhone 5 in portrait*/
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
body{font-size:12px;line-height:1.5em;}
#inner-nav ul#nav li a {padding: 0 1em;font-size: .8em;}
body.home #logo {top: 0;left:50%; z-index: 5000;}
#site-search {display: none;}
#sideBar.inner {float: none; width: 98%!important; padding: 1%; position: inherit; position: 0;display: inherit;max-width: 98%; margin: 0;}
#promo-column {margin-top: 5px;}
#sideBar.sidehome {display: inline-block;margin-left:2%;margin-top: -170px;font-size: .9em; background-image: none; width: 98%; }
#sideBarCont {background-image: none; box-shadow: none; float: none; width: 96%; padding: 2%; background-color: transparent;}
#right-column {width: 96%; pading: 2%;}
#promo-column {display: none;}
.page-id-367 #promo-column {text-align: center; display: block;}
#logo {width: auto; margin-top: -90px;}
#logo img {height: 90px;width:88px; position: relative;}
#sideBar.sidehome #logo img {height: 90px;width:88px; margin-left: 38%;}
#sideBar.sidehome #logo {width: auto; margin-top: 0px;}
#footer-content {display: none;}
#login-left {float: none; width: 100%;}
#login-left form {width: 60%; }
#login-right{float: none; width: 100%;}

/* Menu */
#inner-nav  ul#nav{display:none;}
#inner-nav  ul#nav li{float:none;clear:both; background: #122A13;}
#inner-nav  ul#nav li:last-child{border-bottom:none;}
#inner-nav  ul#nav > li:first-child{margin-left:0;}
#inner-nav  ul#nav li a{padding:0;font-size:14px;}
#inner-nav  ul#nav li a:hover{}
#inner-nav  ul#nav li.current_page_parent a,ul#nav li.current_page_parent .current_page_item a,ul#nav .current_page_item a{background:url(images/menuDark.png) 0 0 repeat-x;}
#inner-nav  ul#nav li a span{background:none;}
/* Menu - Second Tier */
#inner-nav  ul#nav .current_page_parent ul.sub-menu{display:block!important;visibility:visible!important;}
#inner-nav  ul#nav ul.sub-menu{position:inherit;width:100%!important;top:inherit;border:none;left:0;}
#inner-nav  ul#nav ul.sub-menu li{border-bottom:1px dotted #ccc;width:100%;}
#inner-nav  ul#nav ul.sub-menu li a{padding:12px 20px;font-size:15px;}
#inner-nav  ul#nav ul.sub-menu li a:hover{background:#eee!important;color:#555;}
#inner-nav  ul#nav ul.sub-menu li.current-menu-item a{background:#030;}
/* Menu Toggle */
#inner-nav ul#nav.toggled-on{display:inline-block; width: 100%; position: absolute; z-index: 6000;}
#inner-nav #menu-toggle {text-align:center;}
#inner-nav #menu-toggle strong{background-color:#e6e6e6;background-image:-moz-linear-gradient(center top , #f4f4f4, #e6e6e6);background-repeat:repeat-x;border:1px solid #d2d2d2;border-radius:3px;box-shadow:0 1px 2px rgba(64, 64, 64, 0.1);color:#7c7c7c;font-size:0.785714rem;font-weight:normal;line-height:1.42857;padding:0.428571rem 0.714286rem;cursor:pointer;display:inline-block;margin-bottom:-10px;}
#inner-nav #menu-toggle strong.toggled-on, .home #menu-toggle strong{margin-bottom:15px;}
#inner-nav #menu-toggle strong:hover{background-color:#ebebeb;background-image:-moz-linear-gradient(center top , #f9f9f9, #eBeBeB);background-repeat:repeat-x;color:#5e5e5e;}
#inner-nav #menu-toggle strong:active, #menu-toggle strong.toggled-on{background-color:#e1e1e1;background-image:-moz-linear-gradient(center top , #ebebeb, #e1e1e1);background-repeat:repeat-x;border:medium none;box-shadow:0 0 8px 2px #c6c6c6 inset, 0 1px 0 0 #f4f4f4;color:#777777;}

/*Menu Home Toggle*/
#subMenu ul#nav{display:none;}
#subMenu ul#nav.toggled-on{display:inline-block; width: 100%; position: absolute; z-index: 6000; background: #122A13; }
#subMenu #menu-toggle {text-align:center;width: 100%;}
#subMenu #menu-toggle strong{background-color:#e6e6e6;background-image:-moz-linear-gradient(center top , #f4f4f4, #e6e6e6);background-repeat:repeat-x;border:1px solid #d2d2d2;border-radius:3px;box-shadow:0 1px 2px rgba(64, 64, 64, 0.1);color:#7c7c7c;font-size:0.785714rem;font-weight:normal;line-height:1.42857;padding:0.428571rem 0.714286rem;cursor:pointer;display:inline-block;margin-bottom:-10px;}
#subMenu #menu-toggle strong.toggled-on, .home #menu-toggle strong{margin-bottom:15px;}
#subMenu #menu-toggle strong:hover{background-color:#ebebeb;background-image:-moz-linear-gradient(center top , #f9f9f9, #eBeBeB);background-repeat:repeat-x;color:#5e5e5e;}
#subMenu #menu-toggle strong:active, #menu-toggle strong.toggled-on{background-color:#e1e1e1;background-image:-moz-linear-gradient(center top , #ebebeb, #e1e1e1);background-repeat:repeat-x;border:medium none;box-shadow:0 0 8px 2px #c6c6c6 inset, 0 1px 0 0 #f4f4f4;color:#777777;}

#subMenu li {}
#subMenu li a {float: left;padding: 0 6px; font-size: .8em;}
#sideBar.sidehome #subMenu li a {float: none;padding: 5px 6px; font-size: 1.3em; color: #fff;}
#new-royalslider-2 {display: none;}


}


/*iPhone 2G-4S in portrait & landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#subMenu li a:hover ,ul#nav li a:hover{background-image: none;} }

/*iPhone 2G-4S in landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {
body{font-size:12px;line-height:1.5em;}#logo {width: auto; margin-top: -110px;}
#subMenu li a:hover ,ul#nav li a:hover{background-image: none;}
#sideBar.sidehome #logo img {height: 90px;width:88px; margin-left: 32%;}}

/*iPhone 2G-4S in portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

/*iPad in portrait & landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* STYLES GO HERE */}

/*iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/*iPad in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

/*iPad 3 & 4 Media Queries
If you're looking to target only 3rd and 4th generation Retina iPads (or tablets with similar resolution)
to add @2x graphics, or other features for the tablet's Retina display, use the following media queries.

/*Retina iPad in portrait & landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}

/*Retina iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}

/*Retina iPad in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */ }

/*iPad 1 & 2 Media Queries
If you're looking to supply different graphics or choose different typography for the lower resolution iPad display, the media queries below will work like a charm in your responsive design!

iPad 1 & 2 in portrait & landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){ 
#inner-nav ul#nav li a {font-size: .9em;padding: 0 .7em;}
#sideBar {margin-top:-185px; }
#login-left {float: none; width: 100%;}
#login-left form {width: 60%; }
#login-right{float: none; width: 100%;}
.slider-text  div { font-size: .9em; }
.slider-text  h3{ font-size: .9em; }


/*iPad 1 & 2 in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */}

/*iPad 1 & 2 in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) {.slider-text  div {display: none;}
.slider-text  h3{ font-size: 1em; } }