.selectnav { display: none; }

#log-panel .button1 {
  display: none;
}

@media screen and (max-width: 600px) {
  .span9 #nav, .span12 #nav { display: none; }
  .span9 .selectnav, .span12 .selectnav { display: block; width:100%; }
  .menu-nav {
    display: none;
  }
  #log-panel .button1 {
    display: inline;
    float: none !important;
    margin: 3px;
  }
  a#v_toggle {
    display: none;
  }
}

/* Large desktop */
@media (min-width: 980px) { 
  .camera_caption h1 {
    font-size: 230%;
    letter-spacing: -1px;
    margin: 4px 0px;
  }
  
  .camera_caption h2 {
    font-size: 140%;
    letter-spacing: 0px;
    margin: 4px 0px;
  }
  
  .camera_caption {
    font-size: 110%;
  }
  
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

body {
  font-size: 11px !important;
}

h3 {
  font-size: 130%;
}

  .camera_caption h1 {
    font-size: 150%;
    letter-spacing: 0px;
    margin: 4px 0px;
  }
  
  .camera_caption h2 {
    font-size: 120%;
    letter-spacing: 0px;
    margin: 4px 0px;
  }
  
  .camera_caption {
    font-size: 100%;
  }

#slideshow-handler {
  overflow: hidden !important;
}

#search-position .search .inputbox, #search-position .finder .inputbox {
  width: 95px;
}

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

body {
  font-size: 11px !important;
}

.custom_style1 a.image, .custom_style1 a.image:hover {
  background: none !important;
}

.custom_style1 a.image:hover img {
  opacity: 1.0;
}

.camera_caption h1 {
  font-size: 130%;
  letter-spacing: 0px;
  margin: 4px 0px;
}

.camera_caption h2 {
  font-size: 110%;
  letter-spacing: 0px;
  margin: 4px 0px;
}

.camera_caption {
  font-size: 100%;
}

h1 {
  font-size: 130%;
}

h2 {
  font-size: 125%;
}

h3, .moduletable_style1 h3, .moduletable_style2 h3, .moduletable_menu h3, .moduletable h3, .moduletable_empty h3, blockquote {
  font-size: 110%;
}

#top-background {
  max-width: 767px;
}

#foo-left-right .span6 {
  text-align: center;
  font-size: 90% !important;
}

#foo-left-right .span6 p {
  text-align: center !important;
}

div.tipz {
  display: none !important;
}

.slideshow .slideshow-captions {
  top: 0px !important;
  right: 0px;
  max-width: 50% !important;
  height: 100%;
}

.slideshow .slideshow-captions h1 {
  font-size: 20px;
  letter-spacing: -1px;
  font-weight: 700;
}

.slideshow .slideshow-captions h2 {
  font-size: 14px;
  letter-spacing: -1px;
  font-weight: 300;
}

.slideshow .slideshow-captions p {
  font-size: 100%;
}

.slideshow-images img {
  width: 724px !important;
}

#slideshow-handler {
  overflow: hidden !important;
}

#top {
  height: auto !important;
}

#social {
  height: 70px;
}

#social-links {
  text-align: center;
  padding: 5px;
}

#social-links li a {
  float: none;
  display: inline-block;
  margin-bottom: 4px;
}

#sn-position {
  position: static;
  text-align: center;
}

#sn-position h1, #sn-position h2 {
  position: static;
  margin: 5px;
}

#top-nav-handler {
  text-align: center;
  padding-top: 5px;
}

#log-panel, a#v_toggle, a#v_register, #social, a.button1, #log-panel a {
  float: none;
  margin: 3px;
}

#log-panel {
  margin: 0px;
  padding: 0px;
}

#search-position .search, #search-position .finder {
  text-align: center;
  padding: 5px;
}

.img-intro-none, .img-fulltext-none {
  text-align: center;
  padding: 10px;
}

.img-intro-left, .img-fulltext-left {
  float: none;
  text-align: center;
  padding: 10px;
}

.img-intro-right, .img-fulltext-right {
  float: none;
  text-align: center;
  padding: 10px;
}

textarea, .textarea {
  width: 90%;
}

dt.tabs span, dt.tabs.open span {
  border: 0px;
  height: 17px;
}

dt.tabs {
  float: none;
  height: 100% !important;
}

#contact-slider {
  height: auto !important
}

}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

#nav-line {
  display: none;
}

#top-background {
  max-width: 480px;
}

.slideshow .slideshow-captions {
  top: 0px !important;
  left: 0px !important;
  right: 0px !important;
  border: 0px !important;
  max-width: 100% !important;
  padding: 5px;
}

.slideshow .slideshow-thumbnails {
  top: 10px;
  right: 10px;
}

.slideshow .slideshow-controller {
  display: none;
}

.slideshow-images img {
  max-width: 480px !important;
  width: auto;
  height: auto;
  /*display: none !important; optionally */
}

#slideshow-handler {
  max-width: 480px !important;
  width: auto;
  height: auto;
  overflow: hidden !important;
}

#search-position .search .inputbox, #search-position .finder .inputbox {
  max-width: 100px;
}

#foo-left-right .span6 p {
  text-align: center !important;
}

}