/* RESPONSIVE DESIGN STYLES
================================ */
@media only screen
and (min-width: 1254px) { /* STYLES FOR A WIDESCREEN DESKTOP */

  #banner_wrapper,
  #banner_wrapper_home { width: 1194px !important; }
  #banner_wrapper { height: 198px !important; }

}


@media (max-width: 640px) { /* MOBILE PHONES */

  .container {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .container h1 {
    font-size: 36px !important;
    line-height: 44px !important;
  }
  .container h2 {
    font-size: 27px !important;
    line-height: 33px !important;
  }
  .container h3 {
    font-size: 20px !important;
    line-height: 24px !important;
  }
  .container p {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .container li {
    background-position: 0px 4px !important;
  }
  #content {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
  }

  img[align="left"],
  img[style*="float: left"],
  img[style*="float:left"]{
    width: 40% !important;
    height: auto !important;
    margin: 0px 10px 10px 0px !important;
  }
  img[align="right"],
  img[style*="float: right"],
  img[style*="float:right"]{
    width: 40% !important;
    height: auto !important;
    margin: 0px 0px 10px 10px !important;
  }

  #header .logo,
  #header_contact,
  #navigation { width: 100% !important; }
  #header .logo { display: block; text-align: center; }
  #header .logo img {
    width: 80% !important;
    height: auto !important;
    max-width: none !important;
    margin: 10px 0px 10px 0px !important;
  }
  #header_contact { margin-top: 0px !important; }

  #navigation .row {
    margin-bottom: 0px !important;
  }

  #navigation ul.nav {
    border-left: 0px !important;
    border-bottom: solid 1px #2A92D4 !important;
    padding-bottom: 10px;
  }
  #navigation ul.nav li a {
    padding: 12px 18px 10px 18px !important;
    border-right: 0px !important;
    border-top: solid 1px #2A92D4 !important;
  }
  /* SECOND (AND THIRD) LEVEL SPECIFIC MENU STYLES */
  #navigation ul.nav ul {
    border-bottom: solid 1px #2A92D4 !important;
  }
  #navigation ul.nav ul li a {
    padding: 8px 18px 7px 18px !important;
    border-right: 0px;
    border-top: solid 1px #2A92D4;
  }

  #banner { display: none !important; }

  #side_content {
    margin-top: 10px !important;
    border-top: solid 4px #F7A81B;
  }

  #pre_footer { background-color: #FFFFFF !important; }
  #pre_footer .row { margin-bottom: 0px !important; }
  #pre_footer p a {
    font-size: 26px !important;
    line-height: 32px !important;
    margin-bottom: 20px;
  }

  #footer {
  }
  #footer .row {
    margin-bottom: 0px !important;
  }
  #footer_sitemap { display: none !important; }

  #meeting_location_time ul li {
    width: 95% !important;
    margin-bottom: 20px !important;    
  }

}