/* RESPONSIVE DESIGN STYLES
================================ */
@media (max-width: 640px) { /* MOBILE PHONES */

  /* HEADER AREA CSS GOES HERE */
  #header .container {
    background-image: none !important;
  }
  #header .logo img {
    width: 100%;
    height: auto !important;
    padding-top: 20px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 10px !important;
  }
  #header .phone,
  #header .address {
    float: left !important;
    width: 100%;
    padding-right: 0px !important;
    text-align: center !important;
  }
  #header .phone p,
  #header .address p {
    margin: 5px 0px 0px 0px !important;
    padding-right: 0px !important;
    background-image: none !important;
  }
  #header .address p {
    font-size: 14px !important;
  }

  /* NAVIGATION AREA CSS GOES HERE */
  #navigation,
  #menu_and_banner {
    background-image: none !important;
    background-color: #222222 !important;
  }
  #navigation .row,
  #menu_and_banner .row {
    margin-bottom: 0px;
  }

  /* NAVIGATION CSS GOES HERE */
  .active {
    display: block;
  }
  #navigation { overflow: hidden; /* fix for Firefox being stupid */ }
  #navigation.fixed { position: relative !important; }
  #navigation.fixed .logo_icon { display: none !important; }
  #navigation.fixed ul.nav { width: 100% !important; }
  #navigation ul.nav { margin-left: 0px !important; }
  #navigation ul.nav > li:first-child a {
    width: 100% !important;
    text-indent: 0px !important;
    background-image: none !important;
  }
  #navigation ul.nav li {
    /* The style of a standard button, which applies to all levels */
    background-image: none !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: solid 1px #353535 !important;
  }
  #navigation ul.nav li:hover { background-color: #232323; }
  #navigation ul.nav li a {
    padding: 13px 18px;
    font-size: 15px !important;
    line-height: 18px !important;
  }

  /* SECOND LEVEL SPECIFIC MENU STYLES */
  #navigation ul.nav ul li a {
    font-size: 13px !important;
    line-height: 17px !important;
    padding: 8px 18px 8px 28px !important;
  }	
  /* THIRD LEVEL SPECIFIC MENU STYLES */
  #navigation ul.nav ul li ul li a {
    padding: 8px 18px 8px 38px !important;
  }

  /* CONTENT AREA CSS GOES HERE */
  #content {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-image: none !important;
  }
  #content_bg_top {
    display: none;
  }
  #content .two_column.ticklist ul {
    width: 90% !important;
  }
  #content .two_column.ticklist li {
    width: 100% !important;
  }

  /* CALL TO ACTION AREA CSS GOES HERE */
  #content .call_to_action_panel {
    margin-bottom: 0px !important;
  }
  #content .call_to_action_panel p {
    font-size: 25px !important;
  }

  /* SIDEBAR AREA SPECIFIC STYLES
  ================================ */
  #sidebar {
    clear: left;
    padding-top: 20px;
  }
  #sidebar .box_title h2 {
    width: 90% !important;
    padding-top: 7px !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
    padding-bottom: 8px !important;
  }

  /* FOOTER AREA CSS GOES HERE */
  #footer {
    background-image: none !important;
    background-color: #006F51;
  }
  #footer_overlay {
    display: none !important;
  }
  #footer .row {
    margin-bottom: 0px;
  }
  #footer .contact_details {
    text-align: center;
    padding: 12px 0px 12px 0px !important;
  }
  #footer .contact_details .fc_title {
    font-weight: 600 !important;
  }
  #footer .footer_logo {
    display: none;
  }

  #footer_legal {
    background-color: #FFFFFF;
  }
  #footer_legal .row {
    margin-bottom: 0px;
  }
  #footer_legal .copyright,
  #footer_legal .credits {
    text-align: center !important;
  }
  #footer_legal .credits {
    padding-top: 4px;
  }
}