/* Small Desktop ---------------------------------------------------*/
@media screen and (min-width: 1151px) and (max-width: 1250px) {



}

/* Smaller Desktop ---------------------------------------------------*/
@media screen and (min-width: 1025px) and (max-width: 1150px) {

#main_menu>ul>li>a { font-size: 13px; padding: 0 11px; }

}

/* Tablet ---------------------------------------------------*/
@media screen and (min-width: 750px) and (max-width: 1024px) {
    
#main_menu, #top_menu, #search, .desktop_only  { display: none; }
#mobile_menu, #menu_toggle, #mobile_bottom {display: block;}

body { font-size: 13px; }
#logo { width: auto; right: 0px; background-size: contain; }
#site_search { bottom: auto; top: -40px;}
#sitemap_menu > ul > li > a, #sitemap_menu ul ul > li > a { font-size: 11px; }
a#credits { position: static; display: block; text-align: center; margin: 15px 0; }
#homepage_image {height: 600px !important;}
}

/* Tablet Incremental Scaling ---------------------------------------------------*/
@media screen and (min-width: 750px) and (max-width: 849px) {  #footer p { display: block; }  #content, #sidebar { display: block; width: 100% !important; float: none !important; clear: both; }  .quicklink .circle { width: 130px; height: 130px;} .homebox { padding: 0px; display: block; width: 75% !important; float: none !important; clear: both; margin: 20px auto; } }
@media screen and (min-width: 850px) and (max-width: 959px) { #footer p { display: block; }  #side_box .quicklink .link_name { font-size: 12px; text-indent: 25px;} }
@media screen and (min-width: 960px) and (max-width: 1024px) { #footer { padding-bottom: 50px;} #side_box .quicklink .link_name { font-size: 14px; text-indent: 35px;} }


/* Phone ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 749px) {

#main_menu, #top_menu, #search, #bottom_labels  { display: none; }
#mobile_menu, #menu_toggle, #mobile_bottom {display: block;}

#content, #sidebar, .quicklink, .homebox, #footer_left, #footer_right { display: block; width: 100% !important; float: none !important; clear: both; }

body { font-size: 12px; }
#logo { width: auto; left: 20px; right: 20px; top: 10px; height:60px; background-size: contain; }
#header { height: 80px;}
#homepage_image { margin-top: -80px; }
#site_search { bottom: auto; top: -40px;}
#homepage_image .caption { font-size: 36px; height: 36px; margin-top: -18px; }
#quicklinks .wrapper, .home_boxes .wrapper { padding: 20px 0;}
.quicklink, .homebox { margin-bottom: 15px;}
.slides { height: 200px !important;}
#sitemap { display: none; }
#footer p { display: block; }
a#credits { position: static; display: block; text-align: center; margin: 15px 0; }
.homebox { padding: 0px;} 
#footer .wrapper { padding-top: 20px; }
#social { height: auto; }
#side_box .quicklink .link_name { font-size: 13px; }
#homepage_image {height: 320px !important;}

.desktop_only { display: none; }
.no_mobile { display: none; }
.mobile_only { display: block; }

}



/* Phone Header Scaling ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 549px) { #header { background: rgba(52,77,61, 1); } #homepage_image { margin-top: 0px; } #homepage_image .caption { font-size: 24px; height: 24px; margin-top: -12px; } }
@media screen and (min-width: 550px) and (max-width: 749px) {   }